Android 如何实现搜索功能：本地搜索？数据模型如何设计？数据如何展示和保存？

目录

  1. 效果图
  2. 为什么需要搜索功能
  3. 如何设计搜索本地的功能，如何维护呢？
  4. 总结

一、效果图

在这里插入图片描述在这里插入图片描述

二、为什么需要搜索功能

找一个选项，需要花非常多的时间，并且每次都需要指导客户在哪里，现在只要让他们搜索一下就可以。这也是模仿手机里面的设置功能来进行开发的。这些选项我是存储在本地的。参数太多，暂时还没考虑做到后台，当然，即使后面做到后台，也只是替换数据而已。

在这里插入图片描述

三、如何设计搜索本地的功能，如何维护呢？

我们可以看到效果图：

  1. 有开关类的、有输入类的。
  2. 有分类：系统设置、串口设置、功能开启等等。
  3. 有默认值，如：123456，默认是关的等等。
  4. …

so，我们需要设计数据模型。

3.1 设计数据模型

大家可以思考一下为什么数据模型要这样设计？有默认值，有key，有nameId

/**
 * nameId:显示名称,这里存储的是rid,方便后续国际化
 * nameS:名称
 * category：分类
 * drfault：默认值
 * type：类型 1 多选项值 2 开关 3 输入类
 * mmkvName：保存key
 */
enum class OtherEnum(var nameId:Int,var nameS:String,var category:String,var drfault:Any,var type:Int,var mmkvName: String) {
    MDB(R.string.base_two_code,"通讯协议","串口设置","MDB", 2,MMKVName.MDB),
    CHANGE(R.string.base_nayax,"找零功能","找零设置",false, 1,MMKVName.CHANGE),
    CONTACT_NUMBER(R.string.leak_canary_test_class_name,"联系方式","系统设置","123456", 2,MMKVName.CONTACT_NUMBER),
}

3.2 Repo类

这里只是增加了一个要展示的数据，后面如果把数据放在了后端，也就只是替换这一部分就可以。

class OtherFragmentRepo @Inject constructor() : BaseRepository() {

    var arrayList: MutableList<OtherEnum> = Arrays.asList(//用于列表展示
        OtherEnum.MDB,
        OtherEnum.CHANGE,
        OtherEnum.CONTACT_NUMBER,
    )

}

如果有新增的数据，只需要在这里增加就可以了。这样也非常好维护，所以需要数据模型设置好来。

3.3 VM：主要是提供搜索的功能

  1. search方法其实就是遍历所有的集合元素，找到匹配的内容，存放到一个list里面进行展示，通过_readAllDataSuccess进行数据通知界面刷新。因为数据量较小，不到100个左右，所以这里使用的for循环遍历。
class OtherFragmentVM @Inject constructor(private val mRepo: OtherFragmentRepo) : BaseViewModel() {


    //搜索功能【通信设置、系统设置、功能开启等等】
    //1. 首先我们需要先添加我们的所有设置。【通过一个bean来存储，一个list来存储所有的】
    //bean：名称，分类，类型【开关类、输入类、多值类、音量调节】，value
    //举例：优惠券、功能开启、开关、false
    //2. 首先把所有的功能项拿到，进行遍历
    //3. 具体的数据展示:如何展示呢？navigation+fragment？？【搜索的时候展示另外一个fragment，而不搜索的时候展示其中一个。】


    //1.拿到所有的通讯设置
    var list :ArrayList<OtherEnum> = ArrayList()

    private var _readAllDataSuccess = MutableLiveData<Int>()//是否读取所有数据成功
    val readAllDataSuccess: LiveData<Int> get() = _readAllDataSuccess

	//2.搜索功能
    fun search(searchText: CharSequence) {
        list.clear()
        val arrayList = mRepo.arrayList
        for (otherEnum in arrayList) {
            val stringRes = UiUtil.getStringRes(otherEnum.nameId).uppercase()
            if (stringRes.contains(searchText.toString().uppercase())) {
                list.add(otherEnum)
            }
        }
        _readAllDataSuccess.value = list.size
    }

}

3.4 Fragment

  1. 搜索功能：先判断是否输入内容为空，如果为空就提示用户。符合条件就调用search进行模糊匹配搜索。搜索到以后，就将默认显示的navigation进行GONE，将搜索结果进行VISIBLE
class OtherFragment : BaseFragment<BackstageFragmentOtherBinding, OtherFragmentVM>() {
    private  val TAG = "OtherFragment"

    override val mViewModel: OtherFragmentVM by viewModels()
    override fun createVB() = BackstageFragmentOtherBinding.inflate(layoutInflater)
    private var otherAdapter: OtherAdapter? = null


    override fun BackstageFragmentOtherBinding.initView() {
        Log.d(TAG, "OtherFragment initView: ")
        ivSearch.setOnClickListener {
            val searchText = etSearch.text.trim()
            Log.d(TAG, "searchText: "+searchText)
            if(""==searchText){
                ToastUtil.switchToastStyleToWarn("请输入内容后搜索")
                return@setOnClickListener
            }
            //进行数据的搜索
            mViewModel.search(searchText)
        }

        with(rvOtherSearch){
            //设置布局排列方式，默认垂直排列
            val gridLayoutManager: GridLayoutManager =
                GridLayoutManager(this@OtherFragment.context, 2, androidx.recyclerview.widget.GridLayoutManager.VERTICAL, false)
            layoutManager = gridLayoutManager

            mViewModel.list.add(OtherEnum.CHANGE)
            otherAdapter = OtherAdapter(mViewModel.list)
            otherAdapter!!.setItemListener(object : AdapterClickListener {
                override fun onClickListener(view: View?, position: Int, data: String?) {
                }
            })
            adapter = otherAdapter
        }
    }

    override fun initObserve() {
        observeLiveData(mViewModel.readAllDataSuccess,::searchResult)
    }

    fun searchResult(i: Int) {
        if (i==0) {
            ToastUtil.switchToastStyleToWarn("搜索结果为空")
            mBinding.rvOtherSearch.visibility = View.GONE
            mBinding.fcvOther.visibility = View.VISIBLE
            return
        }
        mBinding.rvOtherSearch.visibility = View.VISIBLE
        mBinding.fcvOther.visibility = View.GONE
        Log.d(TAG, "searchResult: "+mViewModel.list)
        otherAdapter?.setData(mViewModel.list)
        otherAdapter?.notifyDataSetChanged()

    }

    override fun initRequestData() {
    }

}

3.5 xml：UI应该如何编写呢？

UI方面：
（1）最简单的：一个输入框；一个搜索按钮；一个recycleview展示搜索结果；一个navigation+FragmentContainerView展示默认的内容，也就是不搜索的时候全部展示。
（2）扩展：1. 搜索历史，热门搜索，输入的时候补全提示。后面可以增加。我们先实现最简单的。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    android:layout_width="match_parent"
    android:background="@drawable/no_nav_bg"
    android:layout_height="match_parent">



    <net.lucode.hackware.magicindicator.MagicIndicator
        android:id="@+id/magic_other"
        android:layout_width="match_parent"
        android:layout_height="88dp"
        android:background="@drawable/backstage_shape_product_nav"
        android:paddingLeft="20dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/et_search"
        android:layout_width="1000dp"
        android:layout_height="80dp"
        android:background="@drawable/home_other_rectangle_background"
        android:paddingLeft="20dp"
        android:maxLines="1"
        android:inputType="text"
        android:layout_marginVertical="10dp"
        android:hint="@string/backstage_search_hint"
        android:textColor="#2E80DD"
        android:textSize="32sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.51"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/magic_other" />

    <ImageView
        android:id="@+id/iv_search"
        android:layout_width="90dp"
        android:layout_height="90dp"
        android:padding="10dp"
        android:layout_marginLeft="10dp"
        android:src="@drawable/search"
        app:layout_constraintBottom_toBottomOf="@+id/et_search"
        app:layout_constraintStart_toEndOf="@+id/et_search"
        app:layout_constraintTop_toTopOf="@+id/et_search" />

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/fcv_other"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/et_search"
        app:navGraph="@navigation/backstage_other_nav" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_other_search"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/et_search" />

</androidx.constraintlayout.widget.ConstraintLayout>

3.6 Adapter：这里我们需要思考子项不一样应该如何设计，保存也数据逻辑也不一样!

  1. 子项不一样，我们应该如何处理呢？我们可以看到otherEnum里面有一个type属性，就是用于定义不同的布局的，如下：
  2. 那么开关类的保存，输入类的保存有应该如何呢？只需要使用不同的布局进行不同的逻辑进行处理就可以。如下：

class OtherAdapter(var productList: MutableList<OtherEnum>) :
    RecyclerView.Adapter<RecyclerView.ViewHolder>() {

    private val TAG = "HomeProductAdapter"

    var SWITCH_TYPE = 1
    var INPUT_TYPE = 2


    fun setItemListener(itemListener: AdapterClickListener?) {
        this.itemListener = itemListener
    }

    private var itemListener: AdapterClickListener? = null


    private var generalParamData: MutableList<String>? = null
	//开关类布局
    inner class MyViewHolder(binding: BackstageItemSystemSettingsBinding) :
        ViewHolder(binding.root) {
        private val mBinding = binding
        fun bind(otherEnum: OtherEnum) {
            mBinding.run {

                Log.d(TAG, "MyViewHolder bind: " + otherEnum)

                tvName.text = UiUtil.getStringRes(productList[layoutPosition].nameId)
                //开关类的数据保存
                rgSwitch.setOnCheckedChangeListener { group, checkedId ->
                    when (checkedId) {
                        R.id.rb_close -> {
                            SpUtils.putBoolean(otherEnum.mmkvName,false)
                        }
                        R.id.rb_open -> {
                            SpUtils.putBoolean(otherEnum.mmkvName,true)
                        }

                        else -> {}
                    }
                }
                var flag = SpUtils.getBoolean(otherEnum.mmkvName,otherEnum.drfault as Boolean)
                if(flag == true){
                    rbOpen.isChecked = true
                }else{
                    rbClose.isChecked = true
                }

            }
        }
    }

	//输入类的布局
    inner class InputViewHolder(binding: BackstageItemInputBinding) : ViewHolder(binding.root) {
        private val mBinding = binding
        fun bind(otherEnum: OtherEnum) {
            mBinding.run {

                Log.d(TAG, "InputViewHolder bind: " +otherEnum.mmkvName+":"+ SpUtils.contains(otherEnum.mmkvName))

                tvName.text = UiUtil.getStringRes(productList[layoutPosition].nameId)

                var defaultValue = SpUtils.getString(otherEnum.mmkvName,otherEnum.drfault as String)
                etValue.setText(defaultValue)
                //输入类的数据保存
                btnUpdate.setOnClickListener {
                    val value = etValue.text.trim().toString()
                    if(value==""){
                        ToastUtil.switchToastStyleToWarn("输入为空")
                        return@setOnClickListener
                    }
                    SpUtils.putString(otherEnum.mmkvName,value)
                    ToastUtil.switchToastStyleToSuccess("更新成功:"+otherEnum.mmkvName)
                }

            }
        }
    }

    override fun getItemViewType(position: Int): Int {
    	//不同的类型，使用不同的布局
        return productList[position].type
    }




    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        when (viewType) {
            SWITCH_TYPE -> {
                return MyViewHolder(
                    BackstageItemSystemSettingsBinding.inflate(
                        LayoutInflater.from(parent.context),
                        parent,
                        false
                    )
                )
            }
            INPUT_TYPE -> {
                Log.d(TAG, "onCreateViewHolder: InputViewHolder:"+viewType)

                return InputViewHolder(
                    BackstageItemInputBinding.inflate(
                        LayoutInflater.from(parent.context),
                        parent,
                        false
                    )
                )
            }

            else -> {
            }
        }
        return MyViewHolder(
            BackstageItemSystemSettingsBinding.inflate(
                LayoutInflater.from(parent.context),
                parent,
                false
            )
        )
    }

    override fun getItemCount(): Int {
        return productList.size
    }

    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
        if (holder is MyViewHolder) {
            holder.bind(productList.get(position))

        } else if (holder is InputViewHolder) {
            holder.bind(productList.get(position))
        }

        itemListener?.onClickListener(holder.itemView, position, null)


    }

    fun setData(productList: MutableList<OtherEnum>) {
        this.productList = productList
    }
}

四、总结：

其实搜索功能的重点在于数据模型的设计，还有apdater布局的设置。以前都是一个一个控件的增加，数据也可以直接就增加，所以维护很模仿，现在换成了recycleview，所以我们需要思考每一个item，他的数据应该如何展示，默认值是如何，在哪个分类，如何保存数据。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/881865.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

基于SpringBoot+Vue的剧本杀管理系统

基于SpringBoot+Vue的剧本杀管理系统

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、SSM项目源码 系统展示 【2025最新】基于JavaSpringBootVueMySQL的…
阅读更多...
AIGC7: 高通骁龙AIPC开发者沙龙过程记录A

AIGC7: 高通骁龙AIPC开发者沙龙过程记录A

图中是一座高耸的宫殿。 就像AI的出现&#xff0c;慢慢初现端倪&#xff0c;头角峥嵘。 背景 一直以来都比较关注AI的发展&#xff0c;有幸再一次参加异常AI的盛会。 从我的角度看。 高通是一家生产芯片的公司&#xff0c;国内的小米&#xff0c;荣耀&#xff0c;Oppo , Vi…
阅读更多...
华为为什么要做三折叠屏手机？

华为为什么要做三折叠屏手机？

前些天我做了一条视频&#xff0c;关于讲华W的新的三折叠屏手机。我说我有点失望&#xff0c;结果引起了华W的同事的一些关注。于是&#xff0c;华W几位高管都跑过来&#xff0c;跟我解释为什么会出现这样的一个状态。 我才知道&#xff0c;这款手机他们其实是亏着钱在卖的。因…
阅读更多...
【测试】——Selenium API （万字详解）

【测试】——Selenium API （万字详解）

&#x1f4d6; 前言&#xff1a;本文详细介绍了如何利用Selenium进行Web自动化测试&#xff0c;包括定位元素&#xff08;如cssSelector和xpath&#xff09;、常用操作函数&#xff08;如点击、输入等&#xff09;、窗口管理、键盘鼠标事件和浏览器导航&#xff0c;以及处理弹窗…
阅读更多...
图说GPT网络结构（参数量与计算量估计）

图说GPT网络结构（参数量与计算量估计）

现在AI领域的主流模型几乎都是Transformer网络架构衍生而来。大热的LLM中的生成类模型很多都是来自于Transformer的变体&#xff0c;即decoder only架构。而GPT就是该类中的经典模型。尽管现在变体甚多&#xff0c;但大多没有根本性地改变其套路。 为了阐述方便&#xff0c;首…
阅读更多...
音视频入门基础：AAC专题（8）——FFmpeg源码中计算AAC裸流AVStream的time_base的实现

音视频入门基础：AAC专题（8）——FFmpeg源码中计算AAC裸流AVStream的time_base的实现

音视频入门基础&#xff1a;AAC专题系列文章&#xff1a; 音视频入门基础&#xff1a;AAC专题&#xff08;1&#xff09;——AAC官方文档下载 音视频入门基础&#xff1a;AAC专题&#xff08;2&#xff09;——使用FFmpeg命令生成AAC裸流文件 音视频入门基础&#xff1a;AAC…
阅读更多...
数据安全治理

数据安全治理

数据安全治理 1.数据安全治理2.终端数据安全加密类权限控制类终端DLP类桌面虚拟化安全桌面 3.网络数据安全4.存储数据安全5.应用数据安全6.其他话题数据脱敏水印与溯源 7.UEBA8.CASB 1.数据安全治理 数据安全治理最为重要的是进行数据安全策略和流程制订。在企业或行业内经常发…
阅读更多...
[大语言模型-论文精读] 以《黑神话：悟空》为研究案例探讨VLMs能否玩动作角色扮演游戏？

[大语言模型-论文精读] 以《黑神话：悟空》为研究案例探讨VLMs能否玩动作角色扮演游戏？

1. 论文简介 论文《Can VLMs Play Action Role-Playing Games? Take Black Myth Wukong as a Study Case》是阿里巴巴集团的Peng Chen、Pi Bu、Jun Song和Yuan Gao&#xff0c;在2024.09.19提交到arXiv上的研究论文。 论文: https://arxiv.org/abs/2409.12889代码和数据: h…
阅读更多...
通过logstash同步elasticsearch数据

通过logstash同步elasticsearch数据

1 概述 logstash是一个对数据进行抽取、转换、输出的工具&#xff0c;能对接多种数据源和目标数据。本文介绍通过它来同步elasticsearch的数据。 2 环境 实验仅仅需要一台logstash机器和两台elasticsearch机器&#xff08;elasticsearch v7.1.0&#xff09;。本文用docker来模…
阅读更多...
人工智能不是人工“制”能

人工智能不是人工“制”能

文/孟永辉 如果你去过今年在上海举办的世界人工智能大会&#xff0c;就会知道当下的人工智能行业在中国是多么火爆。 的确&#xff0c;作为第四次工业革命的重要组成部分&#xff0c;人工智能愈发引起越来越多的重视。 不仅仅是在中国&#xff0c;当今世界的很多工业强国都在将…
阅读更多...
HarmonyOS 速记

HarmonyOS 速记

目录 装饰器Entry(入口)Component(组件)Builder(构建)State(状态)Prop(属性)Preview(预览)PreviewerInspector 结构体structbuild自定义组件自定义 Custom 组件 export(导出) & import(导入) Page(页面)生命周期aboutToAppear 数据Array(数组/集合)Map(映射) 容器&#xff…
阅读更多...
Wireshark学习使用记录

Wireshark学习使用记录

wireshark 是一个非常好用的抓包工具&#xff0c;使用 wireshark 工具抓包分析&#xff0c;是学习网络编程必不可少的一项技能。 原理 Wireshark使用的环境大致分为两种:一种是电脑直连互联网的单机环境&#xff0c;另外一种就是应用比较多的互联网环境&#xff0c;也就是连接…
阅读更多...
nginx模块篇（四）

nginx模块篇（四）

文章目录 四、Nginx的扩展模块4.1. Lua4.1.1 概念4.1.2 特性4.1.3 应用场景4.1.4 Lua的安装4.1.5 Lua的语法4.1.5.1 第一个Lua程序4.1.5.2 Lua的注释4.1.5.3 标识符4.1.5.4 关键字4.1.5.5 运算符4.1.5.6 全局变量&局部变量4.1.5.7 Lua数据类型nilbooleannumberstringtablef…
阅读更多...
Windows本地连接远程服务器并创建新用户详细记录

Windows本地连接远程服务器并创建新用户详细记录

前提可知&#xff1a; &#xff08;1&#xff09;服务器IP地址&#xff1a;x.x.x.x &#xff08;2&#xff09;服务器名称&#xff1a;root&#xff08;一般默认为root&#xff0c;当然也有别的名称&#xff09; &#xff08;3&#xff09;服务器登陆密码&#xff1a;**** 一、…
阅读更多...
都市女生热衷找搭子的原因？只因对生活的热爱和追求

都市女生热衷找搭子的原因？只因对生活的热爱和追求

在繁华的都市中&#xff0c;有一个叫小悠的女生。她独自在这个忙碌的世界里闯荡&#xff0c;常常感到孤独。 有一天&#xff0c;小悠想去看一场期待已久的演唱会&#xff0c;可是身边的朋友要么没时间&#xff0c;要么对这场演唱会不感兴趣。就在她感到失落的时候&#xff0c;她…
阅读更多...
使用llama.cpp 在推理MiniCPM-1.2B模型

使用llama.cpp 在推理MiniCPM-1.2B模型

llama.cpp 是一个开源项目&#xff0c;它允许用户在C中实现与LLaMA&#xff08;Large Language Model Meta AI&#xff09;模型的交互。LLaMA模型是由Meta Platforms开发的一种大型语言模型&#xff0c;虽然llama.cpp本身并不包含LLaMA模型的训练代码或模型权重&#xff0c;但它…
阅读更多...
html 几行的空间分成3个区域

html 几行的空间分成3个区域

1.代码 <!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta name"viewport" content"widthdevice-width, initial-scale1.0"> <title>三个区域示例</title> …
阅读更多...
【工具】Windows｜两款开源桌面窗口管理小工具Deskpins和WindowTop

【工具】Windows｜两款开源桌面窗口管理小工具Deskpins和WindowTop

总结 Deskpins 功能单一&#xff0c;拖到窗口上窗口就可以置顶并且标记钉子标签&#xff0c;大小 104 KB&#xff0c;开源位置&#xff1a;https://github.com/thewhitegrizzli/DeskPins/releases WindowTop 功能完善全面强大&#xff0c;包括透明度、置顶、选区置顶等一系列功…
阅读更多...
【我的 PWN 学习手札】tcache extend

【我的 PWN 学习手札】tcache extend

目录 前言 一、利用手法 二、流程演示 &#xff08;1&#xff09;三块物理相邻的堆块 &#xff08;2&#xff09;溢出修改 size &#xff08;3&#xff09;释放该 chunk &#xff08;4&#xff09;重新申请该 chunk &#xff08;5&#xff09;释放第三块 chunk&#x…
阅读更多...
Leetcode - 139双周赛

Leetcode - 139双周赛

目录 一&#xff0c;3285. 找到稳定山的下标 二&#xff0c;3286. 穿越网格图的安全路径 三&#xff0c;3287. 求出数组中最大序列值 四&#xff0c;3288. 最长上升路径的长度 一&#xff0c;3285. 找到稳定山的下标 本题就是找[0&#xff0c; n-2]中&#xff0c;height[i]…
阅读更多...
最新文章

Copyright @ 2022~2023