鸿蒙开发：自定义一个股票代码选择键盘
代码运行环境：全部基于HarmonyOs NEXT
DevEco Studio：Build Version: 5.0.3.900
API：12
modelVersion：5.0.0
金融类的软件，特别是股票基金类的应用，在查找股票的时候，都会有一个区别于正常键盘的键盘，也就是股票代码键盘，和普通键盘的区别就是，除了常见的数字之外，也有一些常见的股票代码前缀按钮，方便在查找股票的时候，更加方便的进行检索。
针对这样的一个键盘，实现起来可以说非常容易得，一个Grid组件我们便可以搞定，唯独需要注意的就是，除了数组之外的背景颜色设置，当然了，你可以通过数据源的形式进行设置，也可以根据所在的索引位置进行设置。
数据源定义，可以单数据定义，也就是只定义需要的字符串，但是后面的背景切换就需要根据索引进行设置了，也可以直接对象数组的形式进行定义，对象中定义需要的内容和背景颜色，两种方式都可以进行实现，目前采取的是第一种方式。
由于采用了字符串数组的形式设置数据，那么在设置背景颜色的时候，就需要设置根据索引位置进行动态设置了。
代码非常简单，就一个纯Grid组件就实现了，这里就不多赘述了。
和车牌省份简称一样，车牌字母也进行封装，方便大家进行使用。
方式一：在Terminal窗口中，执行如下命令安装三方包，DevEco Studio会自动在工程的oh-package.json5中自动添加三方包依赖。
建议：在使用的模块路径下进行执行命令。
方式二：在工程的oh-package.json5中设置三方包依赖，配置示例如下：
属性介绍
鸿蒙开发：自定义一个车牌字母键盘
代码运行环境：全部基于HarmonyOs NEXT
DevEco Studio：Build Version: 5.0.3.900
API：12
modelVersion：5.0.0
在之前，自定义过一个车牌省份简称的键盘，其实光有省份简称是不行的，毕竟一个正常的车牌是有省份简称+字母+数字进行组成的，索性，就再自定义一个车牌字母选择键盘，可以和之前的省份简称键盘进行结合使用。
我们先看一下最终实现的效果。
针对这样的一个字母加数字键盘，可以说，实现方式呢，有多种多样，我们大体可以分为三块，最上面是完成按钮，下面是一排数字按钮，再往下就是字母区域，之所以把数字和字母拆分开来，主要两个的边距是有差异的，分开来更加能容易实现；在绘制字母的时候，有一点需要注意，那就是最后的删除按钮是要占据两个格子。
一排数字没有什么好说的，这里使用的是Grid进行实现的，设置了10列，当然，大家也可以使用别的方式进行实现。
定义数据源
代码实现
字母按钮，和数字实现是类似的，也是使用的Grid组件，有一点差异就是最后的删除按钮，需要占两格，如何进行占两格呢，主要用到了Grid组件的第二个参数layoutOptions，我们使用它来实现最后的删除按钮摆放。
设置最后的删除按钮占两格。
数据源
代码实现
和车牌省份简称一样，车牌字母也进行封装，方便大家进行使用。
方式一：在Terminal窗口中，执行如下命令安装三方包，DevEco Studio会自动在工程的oh-package.json5中自动添加三方包依赖。
建议：在使用的模块路径下进行执行命令。
方式二：在工程的oh-package.json5中设置三方包依赖，配置示例如下：
车牌字母键盘和一般的键盘还有很大区别的，大家可以发现，键盘上是少一个字母的，因为I字母具有混淆性，所以这个字母是不在车牌键盘内的。
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
