Android編程之自定義數字鍵盤(原創)

時間 2019-12-14

原文原文鏈接

做者：餘哥Cse
語言：Kotlin
時間：2016-07-17
版本：轉載或複製等請註明信息，做者QQ407158004

說明：有時候，咱們須要使用數字鍵盤數組密碼等內容，而且要求打亂其中的數字順序，所以咱們定義了以下數字鍵盤。java

數字隨機出現
按鈕點擊效果
點擊字面返回事件

其餘說明：android

代碼中的一些屬性可轉移至XML中作屬性實現，暫不提供實現方式。
請自行優化代碼及配置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)
            }
        }

    }

}