关闭

android顶部(toolbar)搜索框实现

标签: android
13566人阅读 评论(7) 收藏 举报
分类:

本文介绍两种SearchView的使用情况,一种是输入框和搜索结果不在一个activity中,另一种是在一个activity中。
首先编写toolbar的布局文件
toolbar中图标在menu文件下定义一个布局文件实现

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity" >

    <item
        android:id="@+id/ab_search"
        android:orderInCategory="60"
        android:title="action_search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        app:showAsAction="ifRoom"/>
</menu>

menu下只有item和group两种子节点,这里不具体介绍,actionViewClass的作用是让这个item的显示形式,我们这里使用自带的搜索框。
然后在你xml文件下编写searchable.xml文件

<?xml version="1.0" encoding="utf-8"?>

<searchable xmlns:android="http://schemas.android.com/apk/res/android"
    android:label="@string/app_name"
    android:imeOptions="actionSearch"
    android:hint="姓名" />

imeOptions作用是键盘的回车键变成了搜索,这里还有其他选项,不做介绍。actionSearch是将回车键显示为搜索键。
然后在activity中实现,这里一定要先实现toolbar,不在贴出代码,
然后重写这个方法,得到SearchView

 @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.toolbar_menu_friend, menu);
        SearchManager searchManager =
                (SearchManager) getSystemService(Context.SEARCH_SERVICE);
        SearchView searchView =
                (SearchView) menu.findItem(R.id.ab_search).getActionView();
        searchView.setSearchableInfo(
                searchManager.getSearchableInfo(getComponentName()));
        return true;
    }

然后在新建一个activity,为处理搜索结果的界面,命名为SearchResultActivity。
String SearchContent = getIntent().getStringExtra(SearchManager.QUERY);
这样SearchContent里面就是你在搜索框中输入的内容。
接下来在配置文件中对activity进行配置

<activity android:name=".activity.MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
            <meta-data android:name="android.app.default_searchable"
                android:value=".activity.SearchResultActivity"/>
        </activity>

-----------------------分割线---------------------------

<activity android:name=".activity.SearchResultActivity"
            android:parentActivityName=".activity.MainActivity">
            <meta-data
                android:name="android.support.PARENT_ACTIVITY"
                android:value=".activity.MainActivity" />
            <!-- meta tag and intent filter go into results activity -->
            <meta-data android:name="android.app.searchable"
                android:resource="@xml/searchable" />
            <intent-filter>
                <action android:name="android.intent.action.SEARCH" />
            </intent-filter>
        </activity>

以上是搜索框和搜索结果不在一个activity中。
如果在一个activity中,方法都不变,只是在配置文件中具有搜索框的acitivity中配置这两个就行了
<meta-data android:name="android.app.searchable"
android:resource="@xml/searchable" />
<intent-filter>
<action android:name="android.intent.action.SEARCH" />
</intent-filter>

这里写图片描述
这里写图片描述

10
0
查看评论

实现toolbar上的搜索栏

先看一下效果图:点击搜索图标之前和点击之后                      &#...
  • qq_21700489
  • qq_21700489
  • 2015-11-22 14:55
  • 3896

ToolBar和 ActionBar点击搜索出来输入框

ToolBarstyle文件里修改 <style name="MainTheme" parent="@style/Theme.AppCompat.Light.NoActionBar" > <item name="co...
  • sinat_35541927
  • sinat_35541927
  • 2016-09-19 21:24
  • 1527

toolbar 搜索功能

1.首先在menu文件中设置searchItem的属性 item android:id="@+id/action_search" android:icon="@android:drawable/ic_menu_search" andr...
  • sinat_33812429
  • sinat_33812429
  • 2016-11-05 12:02
  • 841

ToolBar和SearchView的使用总结

众所周知,在使用ActionBar的时候,一堆的问题:这个文字能不能定制,位置能不能改变,图标的间距怎么控制神马的,由此暴露出了ActionBar设计的不灵活。为此官方提供了ToolBar,并且提供了supprot library用于向下兼容。Toolbar之所以灵活,是因为它其实就是一个ViewG...
  • Bob1993_Dev
  • Bob1993_Dev
  • 2015-05-25 19:55
  • 15010

android ToolBar + SearchView

一直觉得标题栏是个小玩意,没花时间去了解过,最近项目中用到就了解了一下,分享出来,有需要的朋友可以凑合看看
  • lantiankongmo
  • lantiankongmo
  • 2016-03-19 00:00
  • 1926

Toolbar结合SearchView的使用

在实际的业务开发中,我们通常会在顶部的导航栏加入搜索的功能,如微信顶部的导航栏,这时我们可以Toolbar结合SearchView来使用 Toolbar的具体使用见:http://blog.csdn.net/sinat_35159441/article/details/76794117 使用步骤如...
  • sinat_35159441
  • sinat_35159441
  • 2017-08-07 18:11
  • 693

最简单的自定义Toolbar SearchView样式方法

Android toolbar的灵活性很高,因为它本身就是一个ViewGroup,所以可以通过添加自定义view的形式自行设置标题的样式,这样既不就能满足大部分需求了。 本次主要说一下使用SearchView的时候,如何自定义它的样式。网上大部分都是通过获取SearchView里的控件如EditT...
  • fly_yuge
  • fly_yuge
  • 2017-02-27 18:11
  • 2363

android 搜索框实现方法,还在手写搜索框?out了!附加Toast及时改变内容

效果图:教程::如图,之前用到搜索框都是自己写,里面的EditText还得设置内容改变监听来实现实时搜索,偶然间发现V7包中存在有搜索控件<android.support.v7.widget.SearchView android:id="@+id/searchview&quo...
  • fan7983377
  • fan7983377
  • 2016-08-11 10:04
  • 1612

安卓顶部圆角搜索框、搜索图标

安卓搜索圆角
  • qq_15393897
  • qq_15393897
  • 2016-12-15 17:05
  • 429

android顶部(toolbar)搜索框实现

本文介绍两种SearchView的使用情况,一种是输入框和搜索结果不在一个activity中,另一种是在一个activity中。  首先编写toolbar的布局文件  toolbar中图标在menu文件下定义一个布局文件实现 menu xmlns:android="ht...
  • u010838785
  • u010838785
  • 2016-10-13 11:01
  • 900
    个人资料
    • 访问:75061次
    • 积分:1326
    • 等级:
    • 排名:千里之外
    • 原创:59篇
    • 转载:1篇
    • 译文:0篇
    • 评论:31条