Android基础控件—SearchView

最新推荐文章于 2023-07-29 21:26:38 发布

qq_41856748

最新推荐文章于 2023-07-29 21:26:38 发布

阅读量355

点赞数 1

分类专栏： android

android 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.SearchView是什么？

   SearchView是Android原生的搜索框控件，可以很方便的添加到用户界面中，用于用户的搜索查询功能。但是SearchView的UI是固定的，自定义起来会比较麻烦，如果对SearchView的要求比较高，还是使用EditText和Button自定义实现。

2.在代码中具体实现

   除此之外，SearchView还有一些简单的属性设置。

android:iconifiedByDefault：设置搜索图标是否显示在搜索框内(相关的方法setIconifiedByDefault(boolean))
android:imeOptions：设置输入法搜索选项字段，默认是搜索，可以是：下一页、发送、完成等(相关的方法setImeOptions(int))
android:inputType：设置输入类型(相关的方法setInputType(int))
android:maxWidth：设置最大宽度(相关的方法setMaxWidth(int))
android:queryHint：设置查询提示字符串(相关的方法setQueryHint(CharSequence))

   接下来要使用SearchView和ListView实现查找过滤功能，实现后的效果。
   
   首先在布局文件中需要一个SearchView和ListView。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.chupeng.serachviewdemo.MainActivity">
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
 
        <android.support.v7.widget.SearchView
            android:id="@+id/searchEdit"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/search_selector"
            android:queryHint="请输入物品名称">
        </android.support.v7.widget.SearchView>
 
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="8">
 
        <ListView
            android:id="@+id/listView"
            android:layout_width="wrap_content"
            android:layout_height="match_parent">
        </ListView>
 
    </LinearLayout>
 
</LinearLayout>

   在MainActivity文件中需要监听SearchView控件

searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener()
{
    //输入完成后，提交时触发的方法，一般情况是点击输入法中的搜索按钮才会触发，表示现在正式提交了
    public boolean onQueryTextSubmit(String query)
    {
        if(TextUtils.isEmpty(query))
        {
            Toast.makeText(MainActivity.this, "请输入查找内容！", Toast.LENGTH_SHORT).show();
            listView.setAdapter(adapter);
        }
        else
        {
            findList.clear();
            for(int i = 0; i < list.size(); i++)
            {
                iconInformation information = list.get(i);
                if(information.getName().equals(query))
                {
                    findList.add(information);
                    break;
                }
            }
            if(findList.size() == 0)
            {
                Toast.makeText(MainActivity.this, "查找的商品不在列表中", Toast.LENGTH_SHORT).show();
            }
            else
            {
                Toast.makeText(MainActivity.this, "查找成功", Toast.LENGTH_SHORT).show();
                findAdapter = new listViewAdapter(MainActivity.this, findList);
                listView.setAdapter(findAdapter);
            }
        }
        return true;
    }
    //在输入时触发的方法，当字符真正显示到searchView中才触发，像是拼音，在输入法组词的时候不会触发
    public boolean onQueryTextChange(String newText)
    {
        if(TextUtils.isEmpty(newText))
        {
            listView.setAdapter(adapter);
        }
        else
        {
            findList.clear();
            for(int i = 0; i < list.size(); i++)
            {
                iconInformation information = list.get(i);
                if(information.getName().contains(newText))
                {
                    findList.add(information);
                }
            }
            findAdapter = new listViewAdapter(MainActivity.this, findList);
            findAdapter.notifyDataSetChanged();
            listView.setAdapter(findAdapter);
        }
        return true;
    }
});

   从上面的代码中可以看出，监听SearchView需要实现其内部的onQueryTextSubmit和onQueryTextChange这两个方法，在这两个方法中onQueryTextSubmit是在SearchView中输入完成提交之后所触发的方法，而onQueryTextChange是在SearchView中输入时所触发的方法，当输入的字符真正显示到SearchView中才会触发，像是拼音，在输入法组词的时候不会触发。

总结
SearchView如果直接使用的话是没有背景的，为了更好的仿照搜索框的样式，我们此时还需要添加背景文件，在这里我们使用XML文件的方式去实现，接下来需要三个XML文件，分别为输入框获取焦点时的背景，输入框未获取焦点时的背景，输入框的背景选择器，代码如下所示。
search_focused.xml(获取焦点)
<?xml version="1.0" encoding="utf-8"?>
```
search_normal.xml(未获取焦点)
```
<?xml version="1.0" encoding="utf-8"?>
```
search_selector.xml(背景选择器)
```
<?xml version="1.0" encoding="utf-8"?>
```
 以上Demo的源代码地址：点击打开链接
```

作者：ZackChu
来源：CSDN
原文：https://blog.csdn.net/ZackChu/article/details/68488103
版权声明：本文为博主原创文章，转载请附上博文链接！版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/ZackChu/article/details/68488103

1.SearchView是什么？

   SearchView是Android原生的搜索框控件，可以很方便的添加到用户界面中，用于用户的搜索查询功能。但是SearchView的UI是固定的，自定义起来会比较麻烦，如果对SearchView的要求比较高，还是使用EditText和Button自定义实现。

2.在代码中具体实现

   除此之外，SearchView还有一些简单的属性设置。

android:iconifiedByDefault：设置搜索图标是否显示在搜索框内(相关的方法setIconifiedByDefault(boolean))
android:imeOptions：设置输入法搜索选项字段，默认是搜索，可以是：下一页、发送、完成等(相关的方法setImeOptions(int))
android:inputType：设置输入类型(相关的方法setInputType(int))
android:maxWidth：设置最大宽度(相关的方法setMaxWidth(int))
android:queryHint：设置查询提示字符串(相关的方法setQueryHint(CharSequence))

   接下来要使用SearchView和ListView实现查找过滤功能，实现后的效果。
   
   首先在布局文件中需要一个SearchView和ListView。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.chupeng.serachviewdemo.MainActivity">
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
 
        <android.support.v7.widget.SearchView
            android:id="@+id/searchEdit"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/search_selector"
            android:queryHint="请输入物品名称">
        </android.support.v7.widget.SearchView>
 
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="8">
 
        <ListView
            android:id="@+id/listView"
            android:layout_width="wrap_content"
            android:layout_height="match_parent">
        </ListView>
 
    </LinearLayout>
 
</LinearLayout>

   在MainActivity文件中需要监听SearchView控件

searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener()
{
    //输入完成后，提交时触发的方法，一般情况是点击输入法中的搜索按钮才会触发，表示现在正式提交了
    public boolean onQueryTextSubmit(String query)
    {
        if(TextUtils.isEmpty(query))
        {
            Toast.makeText(MainActivity.this, "请输入查找内容！", Toast.LENGTH_SHORT).show();
            listView.setAdapter(adapter);
        }
        else
        {
            findList.clear();
            for(int i = 0; i < list.size(); i++)
            {
                iconInformation information = list.get(i);
                if(information.getName().equals(query))
                {
                    findList.add(information);
                    break;
                }
            }
            if(findList.size() == 0)
            {
                Toast.makeText(MainActivity.this, "查找的商品不在列表中", Toast.LENGTH_SHORT).show();
            }
            else
            {
                Toast.makeText(MainActivity.this, "查找成功", Toast.LENGTH_SHORT).show();
                findAdapter = new listViewAdapter(MainActivity.this, findList);
                listView.setAdapter(findAdapter);
            }
        }
        return true;
    }
    //在输入时触发的方法，当字符真正显示到searchView中才触发，像是拼音，在输入法组词的时候不会触发
    public boolean onQueryTextChange(String newText)
    {
        if(TextUtils.isEmpty(newText))
        {
            listView.setAdapter(adapter);
        }
        else
        {
            findList.clear();
            for(int i = 0; i < list.size(); i++)
            {
                iconInformation information = list.get(i);
                if(information.getName().contains(newText))
                {
                    findList.add(information);
                }
            }
            findAdapter = new listViewAdapter(MainActivity.this, findList);
            findAdapter.notifyDataSetChanged();
            listView.setAdapter(findAdapter);
        }
        return true;
    }
});

   从上面的代码中可以看出，监听SearchView需要实现其内部的onQueryTextSubmit和onQueryTextChange这两个方法，在这两个方法中onQueryTextSubmit是在SearchView中输入完成提交之后所触发的方法，而onQueryTextChange是在SearchView中输入时所触发的方法，当输入的字符真正显示到SearchView中才会触发，像是拼音，在输入法组词的时候不会触发。

总结
SearchView如果直接使用的话是没有背景的，为了更好的仿照搜索框的样式，我们此时还需要添加背景文件，在这里我们使用XML文件的方式去实现，接下来需要三个XML文件，分别为输入框获取焦点时的背景，输入框未获取焦点时的背景，输入框的背景选择器，代码如下所示。
search_focused.xml(获取焦点)
<?xml version="1.0" encoding="utf-8"?>
```
search_normal.xml(未获取焦点)
```
<?xml version="1.0" encoding="utf-8"?>
```
search_selector.xml(背景选择器)
```
<?xml version="1.0" encoding="utf-8"?>
```
 以上Demo的源代码地址：点击打开链接
```

作者：ZackChu
来源：CSDN
原文：https://blog.csdn.net/ZackChu/article/details/68488103
版权声明：本文为博主原创文章，转载请附上博文链接！

qq_41856748

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Android基础控件—SearchView

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/ZackChu/article/details/684881031.SearchView是什么？ SearchView是Android原生的搜索框控件，可以很方便的添加到用户界面中，用于用户的搜索查询功能。但是SearchView的UI是固定的，自定义起来会比较麻烦，如果对SearchView...
复制链接

扫一扫

专栏目录