文档章节

Android编程之自定义数字键盘(原创)

Gelink
 Gelink
发布于 2016/07/18 14:47
字数 679
阅读 330
收藏 1

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

虚拟键盘图作者:余哥Cse
语言:Kotlin
时间:2016-07-17 
版本:转载或复制等请注明信息,作者QQ407158004

说明:有时候,我们需要使用数字键盘数组密码等内容,并且要求打乱其中的数字顺序,因此我们定义了如下数字键盘。

  1. 数字随机出现
  2. 按钮点击效果
  3. 点击字面返回事件


其他说明:

  1.   代码中的一些属性可转移至XML中做属性实现,暂不提供实现方式。
  2.  请自行优化代码及配置XML可用属性,此处暂不给出
package com.boyou.autoservice.extend.widget

import android.content.Context
import android.graphics.Canvas
import android.graphics.Color
import android.graphics.Paint
import android.graphics.RectF
import android.util.AttributeSet
import android.view.MotionEvent
import android.view.View
import java.util.*

/**
 * Created by Mrper on 16/07/17.
 * 虚拟键盘控件
 */
class KeyBoardView : View {

    companion object {
        const val KEY_INIT = 0
        const val KEY_DELETE = 10
        const val KEY_OK = 11
        const val COLUMN_MAX = 3
        const val ROW_MAX = 4
    }

    interface OnKeyPressListener {
        fun onKeyPress(key: String)
    }

    private var onKeyPressListener: OnKeyPressListener? = null
    private val _keys: Array> = Array(ROW_MAX, { Array(COLUMN_MAX, { KEY_INIT }) })
    private val _paint: Paint = Paint()
    private var _bw: Int = 0
    private var _bh: Int = 0
    private var _sx: Int = -1
    private var _sy: Int = -1

    private var _textSize: Int = 40
    private var _textColor: Int = Color.BLACK
    private var _normalBgColor: Int = Color.LTGRAY
    private var _pressBgColor: Int = Color.GRAY
    private var _btnSpacing: Int = 10

    constructor(context: Context?) : super(context) {
        init(context, null, 0)
    }

    constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs) {
        init(context, attrs, 0)
    }

    constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr) {
        init(context, attrs, defStyleAttr)
    }

    /**
     * 初始化函数
     * @param context 上下文对象
     * @param attrs 属性
     * @param defStyleAttr
     */
    private fun init(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) {
        var index = 0 //序号
        val _keyElements = createRandomArray()
        for (y in 0..ROW_MAX - 1) {
            for (x in 0..COLUMN_MAX - 1) {
                if (y == 2 && x == 2) {
                    _keys[y][x] = KEY_DELETE
                } else if (y == 3 && x == 2) {
                    _keys[y][x] = KEY_OK
                } else {
                    _keys[y][x] = _keyElements[index]
                    index += 1
                }
            }
        }
    }

    /** 创建随机排序的0-9个数字 **/
    private fun createRandomArray(): Array {
        val random = Random()
        val _keyElements: Array = arrayOf(0, 1, 2, 3, 4, 5, 6, 7, 8, 9)
        for (i in 0.._keyElements.size - 1) {
            val j = random.nextInt(10)
            val tmp = _keyElements[j]
            _keyElements[j] = _keyElements[i]
            _keyElements[i] = tmp
        }
        return _keyElements
    }

    override fun onTouchEvent(event: MotionEvent?): Boolean {
        when (event!!.action) {
            MotionEvent.ACTION_DOWN -> {
                _sx = event.x.toInt().div(_bw)
                _sy = event.y.toInt().div(_bh)
                invalidate()
                onKeyPressListener?.onKeyPress(_keys[_sy][_sx].toString())
                return true
            }
            MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
                _sx = -1
                _sy = -1
                invalidate()
                return true
            }
        }
        return super.onTouchEvent(event)
    }

    override fun draw(canvas: Canvas?) {
        super.draw(canvas)

        _paint.reset()
        _paint.isAntiAlias = true

        _bw = measuredWidth / 3
        _bh = measuredHeight / 4

        val spacing = 8f //间隔
        val rounds = 8f
        val rw = _bw - spacing * 2
        val rh = _bh - spacing * 2

        for (y in 0..3) {
            for (x in 0..2) {

                val pLeft = spacing * (2 * x + 1) + rw * x
                val pTop = spacing * (2 * y + 1) + rh * y
                val pRight = pLeft + rw
                val pBottom = pTop + rh

                _paint.style = Paint.Style.FILL
                _paint.color = if (_sx == x && _sy == y) Color.GRAY else Color.LTGRAY

                canvas?.drawRoundRect(RectF(pLeft, pTop, pRight, pBottom), rounds, rounds, _paint)

                _paint.style = Paint.Style.STROKE
                _paint.color = Color.BLACK
                _paint.textSize = 50f

                var text = _keys[y][x].toString()
                if (y == 2 && x == 2) {
                    text = "清除"
                } else if (y == 3 && x == 2) {
                    text = "确定"
                }
                val textWidth = _paint.measureText(text)
                val textHeight = _paint.fontMetrics.ascent + _paint.fontMetrics.descent
                canvas?.drawText(text, pLeft + (rw - textWidth) / 2, pTop + (rh - textHeight) / 2, _paint)
            }
        }

    }

}

 

© 著作权归作者所有

Gelink

Gelink

粉丝 3
博文 6
码字总数 2016
作品 0
沙坪坝
程序员
私信 提问
GridView+PopupWindow自定义数字键盘

public class SimpleGridViewTest extends Activity { EditText editText; private PopupWindow popupWindow; private GridView mGridView; private View contentview; private List datas =......

wx5a18b5d1780d3
2018/04/19
0
0
推荐几个一线互联网Android技术大佬的公众号!

  现如今,跨平台技术火热,尤其是Flutter,可以说是当今的宠儿,跨平台虽好,但始终是绕不开原生技术的,在学习这些新技术的同时,老本行Android当然也不能落下,给大家推荐几个我经常看的...

Android群英传
08/14
0
0
当 Kotlin 遇上 Android KTX,岂止丝滑?

Kotlin 语言自从得到 Google 的官方认定之后,在 Android 开发这条路上的发展可谓是一马平川。不仅是 Android Studio 3.0 开始默认自动支持 Kotlin 语言,还有一件更为惊喜的事。 Google 于上...

亦枫
2018/10/29
0
0
使用Kotlin:让Android与JS交互的详解

先来说说什么是JS交互: 说的俗一点就是通过我们项目中的控件来调用HTML里的JS代码,也可以通过JS来调用项目中的代码。 Android与JS之间的桥梁就是WebView了,我们是通过WebView来实现他们的...

富江___
2018/06/11
0
0
手把手教你做视频播放器(五)-视频列表的横屏

版权声明:本文为博主原创文章,禁止转载,违者必究。 https://blog.csdn.net/anddlecn/article/details/51965154 第6节 视频列表的横屏 设备在横放或者竖放的时候都会自动调整应用的布局,进...

anddlecn
2016/07/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

为什么面试必问线程状态?你的回答满分了吗

看很多同学的面经、网上的面试资料,都不约而同的提到了一个基础问题:“你知道线程有几种状态吗?状态之间的扭转是怎样的?”,有准备的同学都知道有五种:New(新建)、Runnable(可运行)...

Z_J_H
25分钟前
4
0
如何保障云上数据安全?一文详解云原生全链路加密

点击下载《不一样的 双11 技术:阿里巴巴经济体云原生实践》 本文节选自《不一样的 双11 技术:阿里巴巴经济体云原生实践》一书,点击上方图片即可下载! 作者 李鹏(壮怀)阿里云容器服务高...

阿里巴巴云原生
25分钟前
3
0
获取数组的第一个元素

我有一个数组: array( 4 => 'apple', 7 => 'orange', 13 => 'plum' ) 我想获得此数组的第一个元素。 apple 预期结果: apple 一个要求: 它不能通过引用传递来完成 ,所以array_shift不是一......

javail
27分钟前
4
0
哈希情史知多少

<p align="right">——日拱一卒,不期而至!</p> 简介 hash是我们工作中经常听到的词,比如哈希表、哈希函数、hashCode、HashTable、HashMap等等,那么它们之间到底有怎样的爱恨情仇呢?来一...

彤哥读源码
34分钟前
4
0
SpringCloud 学习(5) --- Zuul(一)基本概念、配置

[TOC] Spring Cloud eureka:注册中心 服务端:提供注册 客户端:进行注册 ribbon:负载均衡(集群) Hystrix:熔断器,执行备选方案 Feign:远程调用 Zuul:网关,统一入口。 1.1、一夫当关,...

庭前云落
36分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部