广告
返回顶部
首页 > 资讯 > 精选 >Android如何实现顶部搜索框
  • 386
分享到

Android如何实现顶部搜索框

android 2023-05-30 20:05:18 386人浏览 八月长安
摘要

这篇文章给大家分享的是有关Android如何实现顶部搜索框的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。本文介绍两种SearchView的使用情况,一种是输入框和搜索结果不在一个activity中,另一种是在一个

这篇文章给大家分享的是有关Android如何实现顶部搜索框的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

本文介绍两种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>

效果图:

Android如何实现顶部搜索框

Android如何实现顶部搜索框

感谢各位的阅读!关于“Android如何实现顶部搜索框”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: Android如何实现顶部搜索框

本文链接: https://www.lsjlt.com/news/221109.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android如何实现顶部搜索框
    这篇文章给大家分享的是有关Android如何实现顶部搜索框的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。本文介绍两种SearchView的使用情况,一种是输入框和搜索结果不在一个activity中,另一种是在一个...
    99+
    2023-05-30
    android
  • Android顶部搜索框怎么实现
    要实现Android顶部搜索框,可以使用Toolbar和SearchView组件。 首先,在你的布局文件中添加一个Toolbar组件...
    99+
    2023-10-26
    android
  • 微信小程序如何实现顶部搜索框
    这篇文章主要介绍“微信小程序如何实现顶部搜索框”,在日常操作中,相信很多人在微信小程序如何实现顶部搜索框问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信小程序如何实现顶部搜索框”的疑惑有所帮助!接下来,请跟...
    99+
    2023-06-30
  • 微信小程序实现顶部搜索框
    本文实例为大家分享了微信小程序实现顶部搜索框的具体代码,供大家参考,具体内容如下 这是一个最简单的顶部搜索框,代码如下 wxml <view>      <vie...
    99+
    2022-11-13
  • Vue+Vant实现顶部搜索栏
     本文实例为大家分享了Vue+Vant实现顶部搜索栏的具体代码,供大家参考,具体内容如下 搜索栏组件源码(SearchBar.vue) <template>...
    99+
    2022-11-12
  • Android如何实现搜索框
    这篇文章主要介绍了Android如何实现搜索框,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下展示效果代码区SouActivitypublic class...
    99+
    2023-05-30
    android
  • Vue中如何用Vant实现顶部搜索栏
    这篇文章主要介绍了Vue中如何用Vant实现顶部搜索栏的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue中如何用Vant实现顶部搜索栏文章都会有所收获,下面我们一起来看看吧。搜索栏组件源码(SearchBar...
    99+
    2023-07-04
  • 如何用uni-app实现顶部导航栏显示按钮和搜索框
    最近公司准备做app,最终决定使用uni-app框架开发,但是当把设计图给我的时候我心里有点没底,因为他的设计图顶部长成这个样子: 因为这个功能在小程序是根本无法实现的,可能受这个...
    99+
    2022-11-12
  • Win10系统搜索框如何从底部移动到屏幕顶部
    尽管Win10可以帮助我们快速找到文件,但它默认将文件位置设在屏幕的左下角。那么,如果你想在搜索过程中将搜索框移动到屏幕顶部,以便关键字和结果可能更近,你需要如何进行?跟着小编一起来看看吧。Win10系统搜索框如何从底部移动到屏幕顶部?首先...
    99+
    2023-07-10
  • JS如何实现京东首页之页面顶部、Logo和搜索框功能
    这篇文章主要为大家展示了“JS如何实现京东首页之页面顶部、Logo和搜索框功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS如何实现京东首页之页面顶部、Lo...
    99+
    2022-10-19
  • Android实现实时搜索框功能
    AutoCompleteTextView,自动完成文本框。用于实现允许用户输入一定字符后,显示一个下拉菜单,供用户从中选择,当用户选择某个选项后,按用户选择自动填写该文本框。该组件继承EditText,所以它支持EditText组件提供的属...
    99+
    2023-05-30
    android 搜索框 roi
  • 怎么在Vue中利用Vant实现顶部搜索栏
    本篇文章给大家分享的是有关怎么在Vue中利用Vant实现顶部搜索栏,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。搜索栏组件源码(SearchBar.vue)<templa...
    99+
    2023-06-15
  • 用uni-app实现顶部导航栏显示按钮和搜索框的方法
    今天小编给大家分享的是用uni-app实现顶部导航栏显示按钮和搜索框的方法,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。最近公司准备做app,最终决定使用uni-app框架开发,但是...
    99+
    2023-06-15
  • Android如何实现仿简书搜索框效果
    这篇文章给大家分享的是有关Android如何实现仿简书搜索框效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。直接上图:Activity 布局:<xml version="1.0&quo...
    99+
    2023-05-30
    android
  • css搜索框如何实现
    这篇文章将为大家详细讲解有关css搜索框如何实现,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 css实现搜索框的方法:首先组织页面结构;然后...
    99+
    2022-10-19
  • Angular如何实现搜索框
    这篇文章主要介绍Angular如何实现搜索框,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1.要求:利用 AngularJS 框架实现手机产品搜索功能,题目要求:1)自行查找素材,按...
    99+
    2022-10-19
  • Android中如何实现清空搜索框的文字
    需求:项目中的有关搜索的地方,加上清空文字的功能,目的是为了增加用户体验,使用户删除文本更加快捷 解决过程:开始的时候感觉这个东西不太好实现,主要就是布局的问题,可能是开始顾虑...
    99+
    2022-06-06
    Android
  • Android EditText搜索框实现图标居中
    类似这样EditText 搜索框,hiht 提示有一个icon并且text内容。重写EditText :package mobi.truekey.weapp2.widget;import android.content.Context;im...
    99+
    2023-05-31
    android 搜索框 edittext
  • css如何实现带搜索图标的搜索框功能
    这篇文章给大家分享的是有关css如何实现带搜索图标的搜索框功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。前言给大家分享一下前端用处很多的带小图标的搜索框的制作方法。效果展示基本思路搜索图像用绝对定位放到搜索框...
    99+
    2023-06-08
  • Vue3如何实现全局搜索框
    这篇文章主要介绍“Vue3如何实现全局搜索框”,在日常操作中,相信很多人在Vue3如何实现全局搜索框问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue3如何实现全局搜索框”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-07-05
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作