开发自定义View 数字键盘

最新推荐文章于 2023-11-27 11:36:52 发布
最新推荐文章于 2023-11-27 11:36:52 发布
阅读量256 收藏 1
点赞数
分类专栏： android 文章标签： 自定义view 数字键盘
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36593021/article/details/78531713
版权

自定义属性：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="NumberKeyboard" >
        <attr name="isLine" format="boolean"/>
        <attr name="distance" format="dimension"/>
        <attr name="boundLineColor" format="color"/>
        <attr name="cutLineColor" format="color"/>
        <attr name="numberBg" format="color"/>
        <attr name="clearBg" format="color"/>
        <attr name="isRom" format="boolean"/>
        <attr name="delIcon" format="reference"/>
        <attr name="numRound" format="dimension"/>
        <attr name="numSize" format="dimension"/>
    </declare-styleable>
</resources>
代码: 



import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.drawable.Drawable;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;


import com.cesecsh.ims.R;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

/**
 * Created by wdy on 2017/11/13.
 */

public class NumberKeyboard extends View {


    private int viewWidth;
    private int viewHeight;

    private int rectWidth;
    private int rectHeight;

    private Context mContext;

    private boolean isLine;
    private boolean isRom;
    /**
     * 相邻按钮之间距离
     */
    private int distance;
    private int boundColor;
    private int cutLineColor;
    private int numBg;
    /**
     * 删除按钮背景色
     */
    private int clearBg;
    private Rect rectClear;
    private List<String> nums;
    private Drawable delDrawable;
    private float numSize;
    private float numRound;

    public NumberKeyboard(Context context) {
        super(context);
    }

    public NumberKeyboard(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        initAttrs(context, attrs);
    }

    private void initAttrs(Context context, AttributeSet attrs) {
        distance = 0;
        boundColor = Color.GRAY;
        cutLineColor = Color.BLACK;
        numBg = Color.WHITE;
        clearBg = Color.LTGRAY;
        numSize = 20;
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.NumberKeyboard);
        int indexCount = typedArray.getIndexCount();
        for (int i = 0; i < indexCount; i++) {
            int index = typedArray.getIndex(i);
            switch (index) {
                case R.styleable.NumberKeyboard_boundLineColor:
                    boundColor = typedArray.getColor(R.styleable.NumberKeyboard_boundLineColor, boundColor);
                    break;
                case R.styleable.NumberKeyboard_clearBg:
                    clearBg = typedArray.getColor(R.styleable.NumberKeyboard_clearBg, clearBg);
                    break;
                case R.styleable.NumberKeyboard_isLine:
                    isLine = typedArray.getBoolean(R.styleable.NumberKeyboard_isLine, isLine);
                    break;
                case R.styleable.NumberKeyboard_distance:
                    distance = (int) typedArray.getDimension(R.styleable.NumberKeyboard_distance, distance);
                    break;
                case R.styleable.NumberKeyboard_cutLineColor:
                    cutLineColor = typedArray.getColor(R.styleable.NumberKeyboard_cutLineColor, cutLineColor);
                    break;
                case R.styleable.NumberKeyboard_isRom:
                    isRom = typedArray.getBoolean(R.styleable.NumberKeyboard_isRom, isRom);
                    break;
                case R.styleable.NumberKeyboard_numberBg:
                    numBg = typedArray.getColor(R.styleable.NumberKeyboard_numberBg, numBg);
                    break;
                case R.styleable.NumberKeyboard_delIcon:
                    delDrawable = typedArray.getDrawable(R.styleable.NumberKeyboard_delIcon);
                    break;
                case R.styleable.NumberKeyboard_numRound:
                    numRound = typedArray.getDimension(R.styleable.NumberKeyboard_numRound, numRound);
                    break;
                case R.styleable.NumberKeyboard_numSize:
                    numSize = typedArray.getDimension(R.styleable.NumberKeyboard_numSize ,numSize);
                    break;
            }
        }
        typedArray.recycle();

        if (!isLine && distance == 0) {
            distance = 2;
        } else if (isLine) {
            distance = 0;
            numRound = 0;
        }
    }

    public void setLine(boolean line) {
        isLine = line;
    }

    public void setRom(boolean rom) {
        isRom = rom;
    }

    public void setDistance(int distance) {
        this.distance = distance;
    }

    public void setBoundColor(int boundColor) {
        this.boundColor = boundColor;
    }

    public void setCutLineColor(int cutLineColor) {
        this.cutLineColor = cutLineColor;
    }

    public void setNumBg(int numBg) {
        this.numBg = numBg;
    }

    public void setClearBg(int clearBg) {
        this.clearBg = clearBg;
    }

    public void setDelDrawable(Drawable delDrawable) {
        this.delDrawable = delDrawable;
    }

    public void setNumSize(float numSize) {
        this.numSize = numSize;
    }

    public void setNumRound(float numRound) {
        this.numRound = numRound;
    }

    public NumberKeyboard(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        viewWidth = getWidth();
        viewHeight = getHeight();
        rectWidth = viewWidth / 3;
        rectHeight = viewHeight / 4;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (isLine) {
            drawBound(canvas);
            drawCutLine(canvas);

        } else
            drawNumRect(canvas);
        drawNum(canvas);
    }

    private void drawNum(Canvas canvas) {
        Paint numPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        numPaint.setColor(Color.BLACK);
        numPaint.setTextSize(numSize);
        nums = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            nums.add(i + "");
        }
        if (isRom) {
            Collections.shuffle(nums);
        }

        for (int i = 0; i < nums.size(); i++) {
            switch (i) {
                case 0:
                case 1:
                case 2:
                    canvas.drawText(nums.get(i), rectWidth / 2 + (i * rectWidth) - numSize / 2, rectHeight / 2 + numSize / 2, numPaint);
                    break;
                case 3:
                case 4:
                case 5:
                    canvas.drawText(nums.get(i), rectWidth / 2 + (i - 3) * rectWidth - numSize / 2, rectHeight / 2 * 3 + numSize / 2, numPaint);
                    break;
                case 6:
                case 7:
                case 8:
                    canvas.drawText(nums.get(i), rectWidth / 2 + (i - 6) * rectWidth - numSize / 2, rectHeight / 2 * 5 + numSize / 2, numPaint);
                    break;
                case 9:
                    canvas.drawText(nums.get(i), rectWidth / 2 * 3 - numSize / 2, rectHeight / 2 * 7 + numSize / 2, numPaint);
                    break;
            }
        }


        if (delDrawable == null)
            return;
        int delWidth = delDrawable.getIntrinsicWidth();
        int delHeight = delDrawable.getIntrinsicHeight();
        if (delHeight > rectHeight) {
            delHeight = rectHeight;
        }
        if (delWidth > rectWidth) {
            delWidth = rectWidth;
        }
        Rect rect = new Rect(rectWidth * 2 + (rectWidth - delWidth) / 2, rectHeight * 3 + (rectHeight - delHeight) / 2,
                rectWidth * 2 + (rectWidth - delWidth) / 2 + delWidth, rectHeight * 3 + (rectHeight - delHeight) / 2 + delHeight);
        delDrawable.setBounds(rect);
        delDrawable.draw(canvas);
    }


    private void drawCutLine(Canvas canvas) {
        Paint cutLinePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        cutLinePaint.setColor(cutLineColor);
        canvas.drawLine(rectWidth, 0, rectWidth, viewHeight, cutLinePaint);
        canvas.drawLine(rectWidth * 2, 0, rectWidth * 2, viewHeight, cutLinePaint);

        canvas.drawLine(0, rectHeight, viewWidth, rectHeight, cutLinePaint);
        canvas.drawLine(0, rectHeight * 2, viewWidth, rectHeight * 2, cutLinePaint);
        canvas.drawLine(0, rectHeight * 3, viewWidth, rectHeight * 3, cutLinePaint);
    }

    private void drawBound(Canvas canvas) {
        Paint boundPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        boundPaint.setColor(boundColor);
        canvas.drawLine(0, 0, viewWidth - 10, 0, boundPaint);
        canvas.drawLine(0, 0, 0, viewHeight - 10, boundPaint);
        canvas.drawLine(0, viewHeight - 10, viewWidth - 10, viewHeight - 10, boundPaint);
        canvas.drawLine(viewWidth - 10, 0, viewWidth - 10, viewHeight - 10, boundPaint);
    }

    private void drawNumRect(Canvas canvas) {
        Paint rectPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        rectPaint.setColor(numBg);

        Rect rect1 = new Rect(distance, distance, rectWidth - distance, rectHeight - distance);
        Rect rect2 = new Rect(rectWidth + distance, distance, rectWidth * 2 - distance, rectHeight - distance);
        Rect rect3 = new Rect(rectWidth * 2 + distance, distance, viewWidth - distance, rectHeight - distance);

        Rect rect4 = new Rect(distance, rectHeight + distance, rectWidth - distance, rectHeight * 2 - distance);
        Rect rect5 = new Rect(rectWidth + distance, rectHeight + distance, rectWidth * 2 - distance, rectHeight * 2 - distance);
        Rect rect6 = new Rect(rectWidth * 2 + distance, rectHeight + distance, viewWidth - distance, rectHeight * 2 - distance);

        Rect rect7 = new Rect(distance, rectHeight * 2 + distance, rectWidth - distance, rectHeight * 3 - distance);
        Rect rect8 = new Rect(rectWidth + distance, rectHeight * 2 + distance, rectWidth * 2 - distance, rectHeight * 3 - distance);
        Rect rect9 = new Rect(rectWidth * 2 + distance, rectHeight * 2 + distance, viewWidth - distance, rectHeight * 3 - distance);

        Rect rectBlank = new Rect(distance, rectHeight * 3 + distance, rectWidth - distance, viewHeight - distance);
        Rect rect0 = new Rect(rectWidth + distance, rectHeight * 3 + distance, rectWidth * 2 - distance, viewHeight - distance);
        rectClear = new Rect(rectWidth * 2 + distance, rectHeight * 3 + distance, viewWidth - distance, viewHeight - distance);

        canvas.drawRoundRect(new RectF(rect0), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rect1), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rect2), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rect3), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rect4), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rect5), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rect6), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rect7), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rect8), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rect9), numRound, numRound, rectPaint);

        rectPaint.setColor(clearBg);
        canvas.drawRoundRect(new RectF(rectClear), numRound, numRound, rectPaint);
        canvas.drawRoundRect(new RectF(rectBlank), numRound, numRound, rectPaint);

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                break;
            case MotionEvent.ACTION_UP:
                float x = event.getX();
                float y = event.getY();
                dragLocation(x, y);
                break;
        }
        return true;
    }

    private void dragLocation(float x, float y) {
        if (x < 0 || y < 0 || x > viewWidth || y > viewHeight) return;
        int num = -1;
        if (y < rectHeight - distance && y > distance) {
            if (x < rectWidth - distance && x > distance) {
                num = Integer.parseInt(nums.get(0));
            } else if (x < rectWidth * 2 - distance && x > rectWidth + distance) {
                num = Integer.parseInt(nums.get(1));
            } else if (viewWidth - distance > x && x > 2 * rectWidth + distance)
                num = Integer.parseInt(nums.get(2));
        } else if (y < 2 * rectHeight - distance && y > rectHeight + distance) {
            if (x < rectWidth - distance && x > distance) {
                num = Integer.parseInt(nums.get(3));
            } else if (x < rectWidth * 2 - distance && x > rectWidth + distance) {
                num = Integer.parseInt(nums.get(4));
            } else if (viewWidth - distance > x && x > 2 * rectWidth + distance)
                num = Integer.parseInt(nums.get(5));
        } else if (y < 3 * rectHeight && y > 2 * rectHeight + distance) {
            if (x < rectWidth - distance && x > distance) {
                num = Integer.parseInt(nums.get(6));
            } else if (x < rectWidth * 2) {
                num = Integer.parseInt(nums.get(7));
            } else num = Integer.parseInt(nums.get(8));
        } else if (y < 4 * rectHeight && y > 3 * rectHeight + distance) {
            if (x < rectWidth - distance && x > distance) {
                num = -1;
            } else if (x < rectWidth * 2 - distance && x > rectWidth + distance) {
                num = Integer.parseInt(nums.get(9));
            } else if (viewWidth - distance > x && x > 2 * rectWidth + distance)
                num = -2;
        }

        if (onNumKeyClickListener != null && num != -1) {
            onNumKeyClickListener.click(num);
        }

        ToastView.getInstance().toast(mContext, num + "");
    }

    public interface OnNumKeyClickListener {
        void click(int num);
    }

    OnNumKeyClickListener onNumKeyClickListener;

    public void setOnNumKeyClickListener(OnNumKeyClickListener onNumKeyClickListener) {
        this.onNumKeyClickListener = onNumKeyClickListener;
    }
}

所需知识点：

1.android中view的坐标知识

a.getX(),getY()获取自定义view的相对坐标 。getRowX(),getRowY()获取绝对坐标（到屏幕的坐标）

2.绘制相关知识

a.绘制图片  先获得一张图片drawable ，然后算出所应处的位置通过 drawable.setBounds()设置 ，最后调用drawable.draw()绘制出来

暗夜无尘
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 自定义数字键盘（三）自定义输入框
danfengw的博客
12-27 4373
Android 自定义数字键盘（一） Android 自定义数字键盘（二）随机数字 Demo地址：https://github.com/danfengfirst/KeyDemo 这篇博客是在上面两篇博客的基础上修改的一个相对比较完整的demo，写完前面两篇我尝试使用过用pop弹出界面，但是焦点方面总是有问题，就参考了梁肖的思路，改用了Activity，为了思路清晰，没有给输入框自定义属性
android 自定义数字软键盘,（笔记）Android自定义数字键盘
weixin_32780623的博客
05-25 2238
前言最近Android开发中用到了自定义数字键盘，网上找的demo不能满足我的需求，比如删除和插入的时候只能在最后删除和插入，不能通过滑动键盘来移动光标。所以现在完成后把它总结写出来。概述主要实现以下功能：(1)只有数字键，包括没有标点符号。(2)可以在任意点插入和删除数字。(3)可以通过手指左右滑动键盘来改变光标位置。(4)输入框右边删除图标和按钮可随着内容有无变化。(5)每三个数字空一格，输入...
android自定义酷炫数字键盘,Android自定义View之数字键盘 (NumberKeyboardView)
weixin_39531635的博客
05-25 806
在实际开发中，我们通常会遇到自定义键盘输入内容的情况，比如微信中的输入支付密码，验证码等场景，往往这些键盘都比较简单，通常是输入数字和小数点等内容，本篇文章将通过组合已有控件，打造一款通用的数字键盘 ⌨️库清单????首先列觉一下本控件所用到的库RecyclerView数字键盘本体，承载键盘的按键的显示，响应输入等一个强大的RecyclerView适配器库，封装常用逻辑，让适配器更加简洁效果演示 ⌨️D...
使用ViewGroup自定义数字键盘
android 开发专栏
07-31 2168
首先看效果图 1.继承viewGroup实现GirdDialpad控件 package com.android.dialpad; import android.content.Context; import android.content.res.TypedArray; import android.util.AttributeSet; import android.util.Log;
Android 总结：自定义键盘实现原理和三种实例详解
Android 小生的博客
11-29 1万+
一、实现原理 实现软键盘主要用到了系统的两个类 Keyboard 和 KeyboardView . 1. Keyboard 用于监听虚拟键盘： Loads an XML description of a keyboard and stores the attributes of the keys. A keyboard consists of rows of keys . Th
Android进阶之路 - 自定义数字键盘
Android、前端、小程序、后端
02-15 2456
一直以来自定义控件应该是我的短板之一，所以决定今年好好再学习、巩固一下这方面的不足在项目中也经常可以见到的，不过采用当前所写方式，如果要用随机数键盘的话，需要改一些代码，等有机会在优化一下
Android自定义数字键盘和输入框
最新发布
qwl2314的博客
11-27 300
Toast.makeText(MainActivity.this,"密码有误，请重新输入",Toast.LENGTH_SHORT).show();Toast.makeText(MainActivity.this,"登录成功",Toast.LENGTH_SHORT).show();// 倒计时手动停止。//将光标设置到尾部。//将光标设置到尾部。//将光标设置到尾部。//将光标设置到尾部。//将光标设置到尾部。//将光标设置到尾部。//将光标设置到尾部。//将光标设置到尾部。//将光标设置到尾部。
自定义数字键盘
Locationluqc的博客
01-03 673
上周公司项目 要求做支付充值 弹出的数字键盘 可以跟支付宝一样，系统自带的外观不好看，要想做到像支付宝那样，想了想也就自己自定义做了。做完后发现也不难。UITextField 有一个inputView的属性 这个属性 就是弹出键盘的View，将自定义的键盘的View赋值给inputView 实现了 弹出自定义键盘。实现的步骤如下： 用一个UIView 搭建键盘 UI// CZKeyBoardVi
android自定义数字键盘
MingYang
12-08 6727
转载请注明出处：http://blog.csdn.net/ym4189/article/details/78752334 前言最近需要做一个自定义的数字键盘，开始使用了下系统自带的KeyBoardView，但是发现UI效果不是很理想，最后还是自己画一个自定义键盘，这样在UI方面更加方便。
Android自定义密码输入框和数字键盘
01-05
实现了一个自定义的密码输入框和自定义数字键盘，用作用户支付密码设置界面。先上效果图如下，方格样式，以及点击空白处隐藏软键盘。 控件实现清单： 1）集成于EditText的输入框控件：PasswordInputView.java 2...
自定义键盘PopupWindows弹出
11-02
资源共享是每个android开发的责任，使用方法 private NumberKeyBoard dpk; private View passwdview; dpk = new NumberKeyBoard(this); passwdview = dpk.setup(); mListView.setOnItemClickListener(new ...
史上最全的ios开发源码
04-17
苹果iOS是由苹果公司开发的手持设备操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统，最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad以及Apple TV等苹果产品上。iOS与苹果的Mac OS X...
Android实现支付宝6位密码输入界面
01-05
（4）自定义的只能输入数字的键盘输入区； （5）在6位输完后自动进行密码校验和支付交易。如上图左边是iOS支付宝支付密码输入控件，右边是我模仿实现的效果。 首先，我们需要一个页面来完成以上的静态布局，.xml代码...
android 仿ios数字密码
04-03
而我们在开发工程中，很多时候，都需要android和ios进行结合。有的时候我们就需要把我们的解锁界面弄成像ios一样的数字键盘。 ...在这里我采用了两种方式来实现...1.最主要还是实现自定义数字键盘(一个自定义View的控件)：
Android 创建文件夹与文件
热门推荐
qq_36593021的博客
05-16 1万+
1.直接在一个已存在文件夹下创建一个文件，直接使用createNewFile()方法，例如： 在/storage/emulated/0/test 这个目录下创建一个test.txt 文件 2.在一个不存在的文件夹下创建一个文件，先使用mkdirs()，创建文件夹，再使用createNewFile()方法创建文件，例如 在/storage/emulated/0目录下创建text/test.tx...
Android 图片剪切 UCrop 使用过程中的坑
qq_36593021的博客
02-16 5962
UCrop 的GitHub地址 https://github.com/Yalantis/uCrop/ UCrop 的属性和使用方式 地址http://blog.csdn.net/liutaoblog/article/details/52452410 我的项目要求是从本地拿到一张图片，剪切，然后上传。因为UCrop 经过 Uri uri = data.getData(); String
极光推送的开启与关闭
qq_36593021的博客
12-20 2533
开启:极光默认是开启状态的,当你关闭后就需要重新启动 关闭: JPushInterface.stopPush(getApplicationContext()); 重启: JPushInterface.resumePush(getApplicationContext()); 检查是否启动: JPushInterface.isPushStopped(getApplicati
android setTextColor()无效问题
qq_36593021的博客
03-22 1324
今天写一个AlertDialog ，封装了一下。然后其中的Textview要随点击事件的变化而变化，一开始我是这样写的：public void setLisener(ErrorSubmitDialog alertDialog) { if (view == null || alertDialog == null) return; TextView tvServiceT...
Android 使用RSA2加密的大坑
qq_36593021的博客
10-19 1230
最近项目上使用了RSA2加密，一开始我是信心满满的，Java能实现的，安卓端基本都能实现，毕竟语言相同（虽然现在有kotlin，但是两者可以互通）。但是现实总是让人猝不及防，啪啪啪的打你脸。我加密后的数据传给后台，后台竟然解析不出来。我拿去专门的网站测试（http://www.bejson.com/enc/rsa/），的确无法解析。然后我就开始了思考环节（搜索大法），结果搜出来的都是一个样，一开始...
android 自定义数字键盘
06-10
总之，自定义 Android 数字键盘需要你熟悉 Android 开发的基本知识，并且需要一些 Java 编程技巧。如果你不熟悉这些技术，可以参考一些 Android 开发教程或者请一个有经验的开发者来帮助你完成。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值