在一般和车相关的应用,难免会和车牌打交道,组成车牌的要素,国内无非便是省份简称+区域代码+英文或许数字组成,比方京A12345,在需求输入车牌的功能上,就需求有省份简称键盘和英文数字键盘了,在上篇的文章《Android自界说一个省份简称键盘》,总结了省份简称键盘的完结,本篇我们持续完结英文和数字键盘的完结。

今日的内容大致如下:

1、终究完结作用及简略分析

2、设置特点,制定可扩展作用

3、部分源码分析

4、开源地址及运用总结

一、终究完结作用及简略分析

Android自定义一个车牌字母选择键盘

以上便是本篇文章终究要完结的作用,和省份简称键盘不同的是,数据源上和边距有所差别之外,其他的完结办法均是一样的,选用外部垂直LinearLayout,内部多个横向的LinearLayout的搭配办法。

需求留意的是,英文和数字键盘,默认状态下,顶部的数字是制止的,也便是输入完区域代码之后,数字的制止状态才会开释;因为间隔左右的边距不同,其在数据源的判别上也会有不同,这个也是需求留意的。

二、设置特点,制定可扩展作用

其相关特点和上篇的省份键盘基本上没有太大的出入,首要便是动态化设置,设置一些,文字的布景,巨细,色彩以及格子之间的修改等,大概罗列了以下特点:

特点 类型 概述
ek_background color 全体的布景色彩
ek_rect_spacing dimension 格子的边距
ek_rect_height dimension 格子的高度
ek_rect_margin_top dimension 格子的间隔上边
ek_margin_left_right dimension 左右间隔
ek_margin_top dimension 上边间隔
ek_margin_bottom dimension 下边间隔
ek_rect_background reference 格子的布景
ek_rect_select_background reference 格子选择后的布景
ek_rect_text_size dimension 格子的文字巨细
ek_rect_text_color color 格子的文字色彩
ek_rect_select_text_color color 格子的文字选中色彩
ek_is_show_complete boolean 是否显示完结按钮
ek_complete_text_size dimension 完结按钮文字巨细
ek_complete_text_color color 完结按钮文字色彩
ek_complete_text string 完结按钮文字内容
ek_complete_margin_top dimension 完结按钮间隔上边
ek_complete_margin_bottom dimension 完结按钮间隔下边
ek_complete_margin_right dimension 完结按钮间隔右边
ek_other_lines_margin dimension 其他行边距
ek_is_num_prohibit boolean 数字是否制止
ek_text_prohibit_color color 数字制止色彩
ek_text_click_effect boolean 是否触发点击作用,true点击后布景消失,false不消失

设置回调函数

办法 概述
keyboardContent 获取点击的省份简称简称信息
keyboardDelete 删去省份简称简称信息
keyboardComplete 键盘点击完结
openProhibit 翻开制止(使领学港澳),使其能够点击

三、部分源码分析

这里只贴出部分的关键性代码,全体的代码,我们滑到底部检查源码地址即可。

界说字母和数字数组

   private val mEnglishList = arrayListOf(
        "1", "2", "3", "4", "5", "6", "7", "8", "9", "0",
        "Q", "W", "E", "R", "T", "Y", "U", "O", "P",
        "A", "S", "D", "F", "G", "H", "J", "K", "L",
        "Z", "X", "C", "V", "B", "N", "M"
    )

界说遍历数字和字母

因为在数据源上运用的是同一个,那么需求做截取别离进行遍历,便于控制左右的边距和本身的格子巨细。

 //遍历数字
        eachData(mEnglishList.subList(0, 10), mLength, true)
        //遍历字母
        eachData(mEnglishList.subList(10, mEnglishList.size), mLength - 1, false)
        //追加最终一个删去按钮View,动态核算宽度
        addEndView(mLineLayout)

遍历数据

遍历数据的逻辑和上篇保持一致,当和界说的长度取模为0时,就需求换行,换行便是从头创立一个水平的LinearLayout,添加至垂直的LinearLayout之中,需求做判别的是,左右的边距。

/**
     * AUTHOR:AbnerMing
     * INTRODUCE:遍历数据
     */
    private fun eachData(
        list: List<String>,
        len: Int,
        isNumber: Boolean = false
    ) {
        list.forEachIndexed { index, s ->
            if (index % len == 0) {
                //从头创立,并添加View
                mLineLayout = createLinearLayout()
                mLineLayout?.weightSum = len.toFloat()
                addView(mLineLayout)
                val params = mLineLayout?.layoutParams as LayoutParams
                params.apply {
                    topMargin = mRectMarginTop.toInt()
                    height = mRectHeight.toInt()
                    if (isNumber) {
                        //是数字
                        leftMargin = mMarginLeftRight.toInt()
                        rightMargin = mMarginLeftRight.toInt() - mSpacing.toInt()
                    } else {
                        //是字母
                        leftMargin = mOtherLinesMargin.toInt()
                        rightMargin = mOtherLinesMargin.toInt() - mSpacing.toInt()
                    }
                    mLineLayout?.layoutParams = this
                }
            }
            //创立文字视图
            val textView = TextView(context).apply {
                text = s
                //设置文字的特点
                textSize = px2sp(mRectTextSize)
                //制止
                if (isNumber) {
                    //是数字
                    if (mNumProhibit) {
                        setTextColor(mRectTextColor)
                    } else {
                        setTextColor(mNumProhibitColor)
                    }
                } else {
                    setTextColor(mRectTextColor)
                }
                setBackgroundResource(mRectBackGround)
                gravity = Gravity.CENTER
                setOnClickListener {
                    //每个格子的点击事情
                    if (isNumber && !mNumProhibit) {
                        //如果是数字,根据规则暂时不触发点击
                        return@setOnClickListener
                    }
                    changeTextViewState(this)
                }
            }
            //是数字
            if (isNumber) {
                mTempTextViewList.add(textView)
            }
            addRectView(textView, mLineLayout, 1f)
        }
    }

添加视图

设置每个格子的宽高和权重。

 /**
     * AUTHOR:AbnerMing
     * INTRODUCE:追加视图
     */
    private fun addRectView(view: View, layout: LinearLayout?, w: Float) {
        layout?.addView(view)
        val textParams = view.layoutParams as LayoutParams
        textParams.apply {
            weight = w
            width = 0
            height = LayoutParams.MATCH_PARENT
            //每行的最终一个
            rightMargin = mSpacing.toInt()
            view.layoutParams = this
        }
    }

至于最终一个删去按钮,也需求动态的核算其本身的宽高,基本上和上篇一致,就不过多赘述了。

四、开源地址及运用总结

开源地址:github.com/AbnerMing88…

关于怎么运用,有两种办法,一种是下载源码,直接把源码复制出来,二是能够运用以下的远程Maven依赖办法。

Maven具体调用

1、在你的根项目下的build.gradle文件下,引入maven。

allprojects {
    repositories {
        maven { url "https://gitee.com/AbnerAndroid/almighty/raw/master" }
    }
}

2、在你需求运用的Module中build.gradle文件下,引入依赖。

dependencies {
    implementation 'com.vip:board:1.0.0'
}

代码运用

<com.vip.board.EnglishKeyboardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

总结

特点配置了有许多,能够完结多种自界说的相关作用,我们能够查找第二项中的特点介绍,进行自界说配置,仍是那句话,本身的完结办法有许多种,本篇仅仅其中的一个简略的案例,仅供我们作为一个参考。

自界说英文和数字键盘,我们有没有发现了少了一个字母,为什么会没有这个字母呢?你知道原因吗?