Android低代码开发 - InputMenuPanelItem详解

news2024/12/29 10:55:22

我们知道MenuPanel是一个菜单面板容器，它里面可以放各式各样的菜单和菜单组。今天我们就来详细讲解输入菜单这个东西。

InputMenuPanelItem源码

package dora.widget.panel.menu

import android.content.Context
import android.text.Editable
import android.text.TextUtils
import android.text.TextWatcher
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.EditText
import android.widget.LinearLayout
import dora.widget.panel.R
import dora.widget.panel.MenuPanelItem
import dora.widget.panel.MenuPanelItemRoot
import dora.widget.panel.MenuPanelItemRoot.Companion.DEFAULT_MARGIN_TOP
import dora.widget.panel.MenuPanelItemRoot.Companion.DEFAULT_TITLE_SPAN

class InputMenuPanelItem
    @JvmOverloads constructor(
    override var marginTop: Int = DEFAULT_MARGIN_TOP,
    override var title: String? = "",
    private var titleSpan: MenuPanelItemRoot.Span = MenuPanelItemRoot.Span(DEFAULT_TITLE_SPAN),
    override val menuName: String? = MenuPanelItem.generateMenuName("InputMenuPanelItem"),
    private val hint: String?  = "",
    private val content: String? = "",
    private val watcher: ContentWatcher? = null
) : MenuPanelItem {

    constructor(title: String, titleSpan: MenuPanelItemRoot.Span, hint: String,
                content: String, watcher: ContentWatcher? = null) : this(DEFAULT_MARGIN_TOP,
        title, titleSpan, MenuPanelItem.generateMenuName("InputMenuPanelItem"),
        hint, content, watcher)

    constructor(title: String, titleSpan: MenuPanelItemRoot.Span, hint: String,
                content: String) : this(title, titleSpan, hint, content, null)

    constructor(hint: String,
                content: String, watcher: ContentWatcher? = null) : this(DEFAULT_MARGIN_TOP,
        "", MenuPanelItemRoot.Span(DEFAULT_TITLE_SPAN), MenuPanelItem.generateMenuName("InputMenuPanelItem"),
        hint, content, watcher)

    constructor(hint: String,
                content: String) : this(hint, content, null)

    override fun initData(menuView: View) {
        val lp = LinearLayout.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.WRAP_CONTENT
        )
        lp.topMargin = marginTop
        menuView.layoutParams = lp
        val editText = menuView.findViewById<EditText>(ID_EDIT_TEXT_INPUT)
        editText.hint = hint
        if (!TextUtils.isEmpty(content)) {
            editText.setText(content)
            editText.setSelection(content!!.length)
        }
        if (watcher != null) {
            editText.addTextChangedListener(object : TextWatcher {
                override fun beforeTextChanged(
                    s: CharSequence,
                    start: Int,
                    count: Int,
                    after: Int
                ) {
                }

                override fun onTextChanged(s: CharSequence, start: Int, before: Int, count: Int) {
                    watcher.onContentChanged(this@InputMenuPanelItem, s.toString())
                }

                override fun afterTextChanged(s: Editable) {}
            })
        }
    }

    override fun hasTitle(): Boolean {
        return title != null && title != ""
    }

    override fun getTitleSpan(): MenuPanelItemRoot.Span {
        return titleSpan
    }

    override fun setTitleSpan(titleSpan: MenuPanelItemRoot.Span) {
        this.titleSpan = titleSpan
    }

    override val layoutId: Int
        get() = R.layout.layout_menu_panel_input

    override fun inflateView(context: Context): View {
        return LayoutInflater.from(context).inflate(layoutId, null)
    }

    interface ContentWatcher {
        fun onContentChanged(item: InputMenuPanelItem, content: String)
    }

    companion object {
        @JvmField
        val ID_EDIT_TEXT_INPUT: Int = R.id.et_menu_panel_input
    }
}

属性解析

marginTop：上边距

title和titleSpan：标题和标题边距

menuName：菜单名称，在同一个MenuPanel保证唯一性

hint：输入提示信息，同android:hint

content：输入内容，同android:text

watcher：输入观察者，用来监听输入的字符

使用场景

  • 场景1，6个属性都传入，完全自定义
  • 场景2，只指定hint和content，其他用默认
  • 场景3，在场景2的基础上增加一个输入字符监听器
  • 场景4，指定标题、标题边距、hint和content
  • 场景5，在场景4的基础上再增加一个输入字符监听器

IMAGE 2024-06-13 16:24:44.jpg

在这幅图中，就用到了几次InputMenuPanelItem。position分别为1、3、4和5。

InputMenuPanelItem相较于直接使用EditText的优势

  1. 可以给输入框指定一个标题提示信息，而不同于hint，用户可以一直看到。同时它可以和hint一起使用，让hint显示校验规则等其他信息。
  2. 可以快捷的添加到MenuPanel，而不用考虑布局，写一大堆的属性，仅指定几个关键属性。

使用说明书

是否需要指定menuName

不需要。我们知道，menuName作为MenuPanelItem的核心属性，需要保证其不重复，这样方便于我们找到它，并做相应的处理，如设置菜单的点击事件。但是在InputMenuPanelItem中，它的情况比较特殊，通常我们是不需要处理输入框的点击事件的。

所以框架在改进的过程中，最大限度的提供包容性。


companion object {

    /**
     * 虽然用它生成了默认的menuName，但是不建议你使用，最好使用业务的命名覆盖它。
     */
    fun generateMenuName(prefix: String? = null) : String {
        val uuid = UUID.randomUUID().toString()
        return if (!TextUtils.isEmpty(prefix)) {
            prefix + "-" + uuid.replace("-".toRegex(), "")
        } else {
            uuid.replace("-".toRegex(), "")
        }
    }
}

注释虽然这么写，但是它不是针对InputMenuPanelItem的。我们建议你就直接使用框架生成的menuName，所以构造函数都没有让你指定menuName，当然你也可以指定它。在InputMenuPanelItem中，默认的menuName它是一个“InputMenuPanelItem-”再加上随机字符串。

获取到InputMenuPanelItem里面的EditText

getCacheChildView()

推荐使用它，通过position和view的id去拿到。id有一个常量，InputMenuPanelItem.ID_EDIT_TEXT_INPUT，可以直接使用，避免你导R包冲突，要写一长串的包名。

companion object {
    @JvmField
    val ID_EDIT_TEXT_INPUT: Int = R.id.et_menu_panel_input
}

getCacheViewFromItem()

也可以使用它，需要你传入一个MenuPanelItem的属性先拿到根布局，再通过findViewById()进行查找。

设置最大长度限制和输入的字符限制

拿到了EditText我们要给它设置限制条件就方便了。

android:maxLength代码指定

如设置最多输入10个字符。

etInput.filters = arrayOf(InputFilter.LengthFilter(10))
android:digits代码指定

如设置只能输入数字。

etInput.keyListener = DigitsKeyListener.getInstance("0123456789")
组合使用

只能输入2位的正整数。

etInput.filters = arrayOf(InputFilter.LengthFilter(2), object : InputFilter {

    override fun filter(
        source: CharSequence?,
        start: Int,
        end: Int,
        dest: Spanned?,
        dstart: Int,
        dend: Int
    ): CharSequence? {
        try {
            val input = Integer.parseInt(dest.toString() + source.toString())
            if (input <= 0) {
                return ""; // 输入的数字小于或等于0，返回空字符串
            }
        } catch (e: NumberFormatException) {
            return ""; // 输入的不是数字，返回空字符串
        }
        return null
    }
})
etInput.keyListener = DigitsKeyListener.getInstance("0123456789")

在这个案例中，你不设置DigitsKeyListener也是可以保证只输入两位的正整数的，但是有个问题就是，输入法默认不给你显示数字输入键盘，需要手动切换。

定制输入框界面

如设置多行输入，自定义光标。

etInput.layoutParams = LinearLayout.LayoutParams(
    ViewGroup.LayoutParams.MATCH_PARENT,
    DensityUtils.dp2px(300f)
)
etInput.gravity = Gravity.TOP
etInput.isSingleLine = false
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
    etInput.textCursorDrawable = resources.getDrawable(R.drawable.edit_text_bg)
}

背景也可以定制，当然我们一般不这样做，有悖于框架的UI风格，哈哈。

MenuPanel的后期改进规划

  • 提供更多的MenuPanelItem
  • 可通过menuName获取到MenuPanelItem，当然这个API对于InputMenuPanelItem来说并没有什么用
  • 提供更贴心的构造函数，让使用者在用的时候可以少传参

总结

不管怎么说，输入菜单InputMenuPanelItem都是一个举足轻重的核心菜单项，对于它的优化，可不能马虎。MenuPanel遵循低代码设计理念，目的是为了让大家写代码就像拼积木一样，把能想到的尽可能多的考虑到，写代码就跟玩一样。

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

KEYSIGHT N1000A 采样示波器 支持哪些类型的示波器模块？

KEYSIGHT N1000A 采样示波器 支持哪些类型的示波器模块？

N1000A Keysight 高性能宽带宽示波器&#xff0c;它支持多种类型的模块&#xff0c;这些模块可以根据用户的需求进行选择和配置&#xff0c;以执行精密的光学、电气和TDR/TDT/S参数分析。以下是一些支持的模块类型&#xff1a; 光通信模块&#xff1a;这些模块支持深入的收发信…
阅读更多...
量化、剪枝、蒸馏，这些大模型黑话到底说了些啥？

量化、剪枝、蒸馏，这些大模型黑话到底说了些啥？

扎克伯格说&#xff0c;Llama3-8B还是太大了&#xff0c;不适合放到手机中&#xff0c;有什么办法&#xff1f; 量化、剪枝、蒸馏&#xff0c;如果你经常关注大语言模型&#xff0c;一定会看到这几个词&#xff0c;单看这几个字&#xff0c;我们很难理解它们都干了些什么&…
阅读更多...
【图书推荐】《Spark入门与大数据分析实战》

【图书推荐】《Spark入门与大数据分析实战》

本书重点 广告点击实时大数据分析、电影影评大数据分析&#xff0c;这两个综合项目适合作为课题论文、毕业论文素材&#xff0c;值得收藏。 内容简介 本书基于Spark 3.3.1框架展开&#xff0c;系统介绍Spark生态系统各组件的操作&#xff0c;以及相应的大数据分析方法。 本…
阅读更多...
亿达四方：一站式SolidWorks代理服务，打造设计竞争力

亿达四方：一站式SolidWorks代理服务，打造设计竞争力

在当今瞬息万变的设计与制造领域&#xff0c;高效、精准的3D设计软件已成为推动企业创新与发展的核心驱动力。作为业界知名的SolidWorks一站式代理服务商&#xff0c;亿达四方致力于为企业搭建从软件采购到技术应用的全方位桥梁&#xff0c;全面赋能设计团队&#xff0c;助力企…
阅读更多...
如何保障生物制药企业，HPC环境下数据下载的安全性问题？

如何保障生物制药企业，HPC环境下数据下载的安全性问题？

许多不同类型的公司和组织可能会使用高性能计算&#xff08;HPC&#xff09;来解决各种复杂的问题。制药和生物技术企业使用高性能计算&#xff08;HPC&#xff09;的方式多种多样&#xff0c;同时也涉及HPC环境下数据下载安全性问题的考量。主要包括以下几个方面&#xff1a; …
阅读更多...
把裤袜换成黑丝（Stable Diffusion进阶篇: ComfyUI 局部重绘）

把裤袜换成黑丝（Stable Diffusion进阶篇: ComfyUI 局部重绘）

先让大伙打起精神来 局部重绘 局部重绘适用于那些对整个画面还比较满意&#xff0c;只是想修改部分区域的情况。 在WebUI中通常选择用涂抹重绘区域的方式来让AI知道要重绘哪里&#xff0c;这个被涂抹的区域会被AI识别为黑白区域&#xff0c;白色的部分也就是所谓的重绘蒙版“…
阅读更多...
kali中安装zsteg教程

kali中安装zsteg教程

1、下载文件 git clone http://www.github.com/zed-0xff/zsteg 2、第一步需要保证虚拟机是有网络的&#xff0c;不然无法克隆 3、可以将网络设置成如下后重启&#xff0c;访问百度看看能不能访问&#xff0c;若可以访问&#xff0c;则进行下一步 4、查看源&#xff0c;删除源&…
阅读更多...
WinForm之TCP服务端

WinForm之TCP服务端

目录 一 原型 二 源码 一 原型 二 源码 using System.Net; using System.Net.Sockets; using System.Text;namespace TCP网络服务端通讯 {public partial class Form1 : Form{public Form1(){InitializeComponent();}TcpListener listener null;TcpClient handler null;Ne…
阅读更多...
未实施数据加密的企业，如何快速符合等保2.0标准？

未实施数据加密的企业，如何快速符合等保2.0标准？

企业若未实施数据加密&#xff0c;想要快速符合等保2.0标准&#xff0c;可以遵循以下步骤&#xff1a; 风险评估与规划&#xff1a; • 首先&#xff0c;进行全面的信息安全风险评估&#xff0c;识别数据处理的关键环节、敏感信息类型及其存储、传输路径。 • 基于评估结果&…
阅读更多...
【SpringBoot + Vue 尚庭公寓实战】公寓杂费接口实现（八）

【SpringBoot + Vue 尚庭公寓实战】公寓杂费接口实现（八）

【SpringBoot Vue 尚庭公寓实战】公寓杂费接口实现&#xff08;八&#xff09; 文章目录 【SpringBoot Vue 尚庭公寓实战】公寓杂费接口实现&#xff08;八&#xff09;1、公寓杂费业务介绍2、公寓杂费逻辑模型介绍3、接口实现3.1、保存或更新杂费值3.2、保存或更新杂费名称3…
阅读更多...
使用‘消除’技术绕过LLM的安全机制，不用训练就可以创建自己的nsfw模型

使用‘消除’技术绕过LLM的安全机制，不用训练就可以创建自己的nsfw模型

开源的大模型在理解和遵循指令方面都表现十分出色。但是这些模型都有审查的机制&#xff0c;在获得被认为是有害的输入的时候会拒绝执行指令&#xff0c;例如会返回“As an AI assistant, I cannot help you.”。这个安全功能对于防止误用至关重要&#xff0c;但它限制了模型的…
阅读更多...
大数据同步方案怎么选，才能提高企业的业务效率？

大数据同步方案怎么选，才能提高企业的业务效率？

大数据同步通常指的是在多个数据源或存储系统之间同步数据的过程&#xff0c;可以确保数据的一致性&#xff0c;提高数据的可用性和可靠性&#xff0c;同时支持数据分析和决策制定。 大数据同步的步骤通常包括&#xff1a; 数据识别&#xff1a;确定需要同步的数据类型和范围&…
阅读更多...
《Brave New Words 》9.1 AI 世界中的就业

《Brave New Words 》9.1 AI 世界中的就业

Part IX: Work and What Comes Next 第九部分&#xff1a;工作及其未来发展 The one who plants trees, knowing that he will never sit in their shade, has at least started to understand the meaning of life. —Rabindranath Tagore 种树的人&#xff0c;虽然知道他永远…
阅读更多...
next.js开发中页面回退时报Unhandled Runtime ErrorTypeError destroy is not a function

next.js开发中页面回退时报Unhandled Runtime ErrorTypeError destroy is not a function

Next.js开发中页面回退时报Unhandled Runtime Error:TypeError: destroy is not a function 问题描述 在Next.js开发中&#xff0c;从A页面跳转到B页面&#xff0c;再使用浏览器回退到A页面时报上述错误&#xff1a; 错误原因 是因为在B页面里&#xff0c;在使用useEffect时…
阅读更多...
python接入汇率换算工具提高网站/小程序日活度

python接入汇率换算工具提高网站/小程序日活度

实时汇率换算工具可以帮助用户快速准确地计算不同货币之间最新的汇兑比例。无论是金融从业者或者是人们日常生活出行都会使用到&#xff0c;广泛用于国际结算、银行汇率查询应用、开展跨国贸易、投资等参考场景。 我们可以通过在网站或者小程序中接入这样一个小工具&#xff0…
阅读更多...
HIGHLANDS - Stylized Environment（山林场景系统）

HIGHLANDS - Stylized Environment（山林场景系统）

HIGHLANDS是一个游戏制作工具，包含制作游戏所需的一切。使用一系列模型创建自己的3D世界，使用着色器对其进行自定义，使用粒子效果使其栩栩如生，使用专为此软件包创建的132种声音使场景听起来栩栩如生。 该软件包已针对PC和游戏机进行了优化，尚未在移动和VR平台上进行测试。…
阅读更多...
AI视频教程下载-用ChatGPT使Elementor创建高转化率的Clickbank漏斗

AI视频教程下载-用ChatGPT使Elementor创建高转化率的Clickbank漏斗

Elementor & ChatGPT_ Build Clickbank Bridge Funnel in 2Hours 在WordPress上进行联盟营销&#xff1a;使用Elementor创建高转化率的Clickbank漏斗&#xff1b;无需ClickFunnels&#xff0c;借助ChatGPT。 将您的联盟营销梦想变为现实——轻松且经济实惠&#xff01;解锁…
阅读更多...
网站建设中是什么意思

网站建设中是什么意思

网站建设&#xff08;Website Development&#xff09;是指根据网站的需求&#xff0c;利用各种技术和工具对网站进行策划、设计、开发和测试的过程。一个成功的网站建设过程包括了多个阶段和环节&#xff0c;其中包括需求分析、网站设计、网站开发、测试和发布等。 需求分析是…
阅读更多...
k8s+springcloud+nacos部署配置

k8s+springcloud+nacos部署配置

1 k8s 部署nacos-2.1.2配置k8s-nacos-statefulSet.yaml文件 apiVersion: v1 kind: Service metadata:name: nacos-headlessnamespace: rz-dtlabels:app: nacosannotations:service.alpha.kubernetes.io/tolerate-unready-endpoints: "true" spec:# 3个端口打开&…
阅读更多...
[vue2]智慧商城app

[vue2]智慧商城app

项目演示 查看项目效果, 明确功能模块 项目收获 通过该项目的学习, 可以收获的内容 创建项目 创建命令: vue create hm-shopping-app清理项目多余文件清理 路由配置文件 和 App.vue文件新增 API接口目录 和 utils工具方法目录 vant组件库 第三方封装好了很多的组件, 整合起…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023