安卓中的搜索视图,带有 recycle view
原文:https://www . geeksforgeeks . org/search view-in-Android-with-recycle view/
许多应用程序以巨大列表的形式表示数据,为了过滤这些列表,我们已经看到了这些应用程序中的搜索视图。因此,为了过滤这个数据列表,我们通常使用搜索视图。在本文中,我们将通过安卓中的回收视图来看看安卓中搜索视图的实现。
我们将在本文中构建什么?
我们将构建一个简单的应用程序,在其中我们将在 RecyclerView 中显示一个数据列表。我们将显示课程列表及其描述,在回收视图中,我们将添加一个搜索视图,用于过滤回收视图中的数据。下面给出一个视频样本,了解一下在本文中我们要做什么。注意,我们将使用 Java 语言来实现这个项目。
[https://media.geeksforgeeks.org/wp-content/uploads/20210124123109/1611471473414.mp4](https://media.geeksforgeeks.org/wp-content/uploads/20210124123109/1611471473414.mp4)分步实施
第一步:创建新项目
要在安卓工作室创建新项目,请参考如何在安卓工作室创建/启动新项目。注意选择 Java 作为编程语言。
步骤 2:使用 activity_main.xml 文件
导航到应用程序> res >布局> activity_main.xml 并将下面的代码添加到该文件中。下面是 activity_main.xml 文件的代码。
可扩展标记语言
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<!--recycler view to display our data-->
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/idRVCourses"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>
第三步:创建一个模态类来存储我们的数据
导航到应用程序> java >你的应用程序的包名>右键单击它>新建> Java 类并将你的类命名为 CourseModal ,并在其中添加下面的代码。
Java 语言(一种计算机语言,尤用于创建网站)
public class CourseModal {
// variables for our course
// name and description.
private String courseName;
private String courseDescription;
// creating constructor for our variables.
public CourseModal(String courseName, String courseDescription) {
this.courseName = courseName;
this.courseDescription = courseDescription;
}
// creating getter and setter methods.
public String getCourseName() {
return courseName;
}
public void setCourseName(String courseName) {
this.courseName = courseName;
}
public String getCourseDescription() {
return courseDescription;
}
public void setCourseDescription(String courseDescription) {
this.courseDescription = courseDescription;
}
}
第 4 步:为我们的回收视图创建布局文件
导航至 app > res >布局>右键单击>新建>布局资源文件并将您的布局命名为 course_rv_item 并添加以下代码。
可扩展标记语言
<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
android:elevation="8dp"
app:cardCornerRadius="8dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<!--text view for our course name-->
<TextView
android:id="@+id/idTVCourseName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="8dp"
android:text="Course Name"
android:textColor="@color/black"
android:textSize="18sp" />
<!--text view for our course description-->
<TextView
android:id="@+id/idTVCourseDescription"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/idTVCourseName"
android:padding="5dp"
android:text="COurse Description"
android:textColor="@color/black" />
</RelativeLayout>
</androidx.cardview.widget.CardView>
第 5 步:创建一个适配器类,用于将数据设置到我们的 recycle view的项目中
导航到应用> java >你的应用的包名>右键点击它>新建> Java 类并将其命名为 CourseAdapter 并添加下面的代码。
Java 语言(一种计算机语言,尤用于创建网站)
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;
public class CourseAdapter extends RecyclerView.Adapter<CourseAdapter.ViewHolder> {
// creating a variable for array list and context.
private ArrayList<CourseModal> courseModalArrayList;
private Context context;
// creating a constructor for our variables.
public CourseAdapter(ArrayList<CourseModal> courseModalArrayList, Context context) {
this.courseModalArrayList = courseModalArrayList;
this.context = context;
}
// method for filtering our recyclerview items.
public void filterList(ArrayList<CourseModal> filterllist) {
// below line is to add our filtered
// list in our course array list.
courseModalArrayList = filterllist;
// below line is to notify our adapter
// as change in recycler view data.
notifyDataSetChanged();
}
@NonNull
@Override
public CourseAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
// below line is to inflate our layout.
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.course_rv_item, parent, false);
return new ViewHolder(view);
}
@Override
public void onBindViewHolder(@NonNull CourseAdapter.ViewHolder holder, int position) {
// setting data to our views of recycler view.
CourseModal modal = courseModalArrayList.get(position);
holder.courseNameTV.setText(modal.getCourseName());
holder.courseDescTV.setText(modal.getCourseDescription());
}
@Override
public int getItemCount() {
// returning the size of array list.
return courseModalArrayList.size();
}
public class ViewHolder extends RecyclerView.ViewHolder {
// creating variables for our views.
private TextView courseNameTV, courseDescTV;
public ViewHolder(@NonNull View itemView) {
super(itemView);
// initializing our views with their ids.
courseNameTV = itemView.findViewById(R.id.idTVCourseName);
courseDescTV = itemView.findViewById(R.id.idTVCourseDescription);
}
}
}
第 6 步:为我们的搜索视图创建菜单文件
导航到应用程序> res >右键单击它>新建>目录,并为您的目录命名为菜单。创建新目录后,我们必须在其中创建一个新的菜单文件。用于创建新的菜单文件。导航至 app > res >菜单>右键单击>新建>菜单资源文件,将其命名为 search_menu ,并添加以下代码。
可扩展标记语言
<?xml version="1.0" encoding="utf-8"?>
<menu
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<!--item for our search view with its id-->
<item
android:id="@+id/actionSearch"
android:icon="@android:drawable/ic_menu_search"
android:title="Search"
app:actionViewClass="androidx.appcompat.widget.SearchView"
app:showAsAction="ifRoom|collapseActionView" />
</menu>
第 7 步:使用MainActivity.java 文件
转到MainActivity.java文件,参考以下代码。以下是MainActivity.java文件的代码。代码中添加了注释,以更详细地理解代码。
Java 语言(一种计算机语言,尤用于创建网站)
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.SearchView;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
// creating variables for
// our ui components.
private RecyclerView courseRV;
// variable for our adapter
// class and array list
private CourseAdapter adapter;
private ArrayList<CourseModal> courseModalArrayList;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// initializing our variables.
courseRV = findViewById(R.id.idRVCourses);
// calling method to
// build recycler view.
buildRecyclerView();
}
// calling on create option menu
// layout to inflate our menu file.
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// below line is to get our inflater
MenuInflater inflater = getMenuInflater();
// inside inflater we are inflating our menu file.
inflater.inflate(R.menu.search_menu, menu);
// below line is to get our menu item.
MenuItem searchItem = menu.findItem(R.id.actionSearch);
// getting search view of our item.
SearchView searchView = (SearchView) searchItem.getActionView();
// below line is to call set on query text listener method.
searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String query) {
return false;
}
@Override
public boolean onQueryTextChange(String newText) {
// inside on query text change method we are
// calling a method to filter our recycler view.
filter(newText);
return false;
}
});
return true;
}
private void filter(String text) {
// creating a new array list to filter our data.
ArrayList<CourseModal> filteredlist = new ArrayList<>();
// running a for loop to compare elements.
for (CourseModal item : courseModalArrayList) {
// checking if the entered string matched with any item of our recycler view.
if (item.getCourseName().toLowerCase().contains(text.toLowerCase())) {
// if the item is matched we are
// adding it to our filtered list.
filteredlist.add(item);
}
}
if (filteredlist.isEmpty()) {
// if no item is added in filtered list we are
// displaying a toast message as no data found.
Toast.makeText(this, "No Data Found..", Toast.LENGTH_SHORT).show();
} else {
// at last we are passing that filtered
// list to our adapter class.
adapter.filterList(filteredlist);
}
}
private void buildRecyclerView() {
// below line we are creating a new array list
courseModalArrayList = new ArrayList<>();
// below line is to add data to our array list.
courseModalArrayList.add(new CourseModal("DSA", "DSA Self Paced Course"));
courseModalArrayList.add(new CourseModal("JAVA", "JAVA Self Paced Course"));
courseModalArrayList.add(new CourseModal("C++", "C++ Self Paced Course"));
courseModalArrayList.add(new CourseModal("Python", "Python Self Paced Course"));
courseModalArrayList.add(new CourseModal("Fork CPP", "Fork CPP Self Paced Course"));
// initializing our adapter class.
adapter = new CourseAdapter(courseModalArrayList, MainActivity.this);
// adding layout manager to our recycler view.
LinearLayoutManager manager = new LinearLayoutManager(this);
courseRV.setHasFixedSize(true);
// setting layout manager
// to our recycler view.
courseRV.setLayoutManager(manager);
// setting adapter to
// our recycler view.
courseRV.setAdapter(adapter);
}
}
现在运行您的应用程序,并查看应用程序的输出。
输出:
[https://media.geeksforgeeks.org/wp-content/uploads/20210124123109/1611471473414.mp4](https://media.geeksforgeeks.org/wp-content/uploads/20210124123109/1611471473414.mp4)版权属于:月萌API www.moonapi.com,转载请注明出处