android自定义金额输入键盘_android自定义view(自定义数字键盘)

最新推荐文章于 2024-08-04 03:30:30 发布
最新推荐文章于 2024-08-04 03:30:30 发布
阅读量256 收藏 1
点赞数
文章标签： android自定义金额输入键盘
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_28717467/article/details/113373408
版权
本文详细介绍了如何在Android中实现一个自定义的金额输入键盘，包括布局设计、用户交互处理以及宫格和数字的绘制。通过计算每个宫格的位置并用canvas画出，实现了数字和删除键的功能。在onTouch事件中处理用户按下、弹起和取消操作，以回调数字或删除键信息。最后展示了实现效果，并提供了进一步优化的按压反馈效果。
摘要由CSDN通过智能技术生成

序言：在上周的项目中，需要做一个密码锁的功能，然后密码下面还得有键盘，就类似支付宝支付的时候那样：

AAffA0nNPuCLAAAAAElFTkSuQmCC

当然了，我们项目的需求简单点，纯数字的就可以了，然后上周就百度了自定义键盘，随便找了一个修改修改就用到项目中去了。

今天自己抽空写了一个自定义View的键盘控件，下面跟大家分享一下：思路：

1、布局：(1)、宫格：我们可以将这个布局看成是宫格布局，然后需要计算出每个小宫格在屏幕中的位置(坐标)，然后再用canvas画出相应的矩形即可。

(2)、数字：我们需要计算出每个小宫格中的中心点位置(坐标)，然后用canvas画数字上去，当然，我们知道最后一个是删除键，并不是数字，我们可以准备一张图片，将图片画到相应的位置。2、用户动作：(1)、按下：用户每一次按下的时候就表示这一次动作的开始，所以首先要将各种标识位(自定义所需要的标识位)设置成初始状态，然后需要记录按下的坐标，然后计算出用户按下的坐标与宫格中哪个点相对应，在记录相应数字。最后刷新布局

(2)、抬起：用户抬起的时候需要刷新布局，然后将按下过程中记录下的数字或者删除键信息通过接口的形式回调给用户，最后恢复标识位

(3)、取消：将所有的标识位恢复成初始状态。

好了，思路就讲到这里，我们来看看onDraw方法：protected void onDraw(Canvas canvas) {    if (!isInit) {

initData();

}

mPaint.setColor(Color.WHITE);    //画宫格

//第一排

canvas.drawRoundRect(10, mHeight / 2 + 10, 10 + mRectWidth, mHeight / 2 + 10 + mRectHeight, 10, 10, mPaint);

canvas.drawRoundRect(20 + mRectWidth, mHeight / 2 + 10, 20 + 2 * mRectWidth, mHeight / 2 + 10 + mRectHeight, 10, 10, mPaint);

canvas.drawRoundRect(30 + 2 * mRectWidth, mHeight / 2 + 10, 30 + 3 * mRectWidth, mHeight / 2 + 10 + mRectHeight, 10, 10, mPaint);    //第二排

canvas.drawRoundRect(10, mHeight / 2 + 20 + mRectHeight, 10 + mRectWidth, mHeight / 2 + 20 + 2 * mRectHeight, 10, 10, mPaint);

canvas.drawRoundRect(20 + mRectWidth, mHeight / 2 + 20 + mRectHeight, 20 + 2 * mRectWidth, mHeight / 2 + 20 + 2 * mRectHeight, 10, 10, mPaint);

canvas.drawRoundRect(30 + 2 * mRectWidth, mHeight / 2 + 20 + mRectHeight, 30 + 3 * mRectWidth, mHeight / 2 + 20 + 2 * mRectHeight, 10, 10, mPaint);    //第三排

canvas.drawRoundRect(10, mHeight / 2 + 30 + 2 * mRectHeight, 10 + mRectWidth, mHeight / 2 + 30 + 3 * mRectHeight, 10, 10, mPaint);

canvas.drawRoundRect(20 + mRectWidth, mHeight / 2 + 30 + 2 * mRectHeight, 20 + 2 * mRectWidth, mHeight / 2 + 30 + 3 * mRectHeight, 10, 10, mPaint);

canvas.drawRoundRect(30 + 2 * mRectWidth, mHeight / 2 + 30 + 2 * mRectHeight, 30 + 3 * mRectWidth, mHeight / 2 + 30 + 3 * mRectHeight, 10, 10, mPaint);    //第四排

mPaint.setColor(Color.GRAY);

canvas.drawRoundRect(10, mHeight / 2 + 40 + 3 * mRectHeight, 10 + mRectWidth, mHeight / 2 + 40 + 4 * mRectHeight, 10, 10, mPaint);

mPaint.setColor(Color.WHITE);

canvas.drawRoundRect(20 + mRectWidth, mHeight / 2 + 40 + 3 * mRectHeight, 20 + 2 * mRectWidth, mHeight / 2 + 40 + 4 * mRectHeight, 10, 10, mPaint);

mPaint.setColor(Color.GRAY);

canvas.drawRoundRect(30 + 2 * mRectWidth, mHeight / 2 + 40 + 3 * mRectHeight, 30 + 3 * mRectWidth, mHeight / 2 + 40 + 4 * mRectHeight, 10, 10, mPaint);

mPaint.setColor(Color.BLACK);

mPaint.setTextSize(60);// 设置字体大小

mPaint.setStrokeWidth(2);    //画数字

//第一排

canvas.drawText("1", xs[0], ys[0], mPaint);

canvas.drawText("2", xs[1], ys[0], mPaint);

canvas.drawText("3", xs[2], ys[0], mPaint);    //第二排

canvas.drawText("4", xs[0], ys[1], mPaint);

canvas.drawText("5", xs[1], ys[1], mPaint);

canvas.drawText("6", xs[2], ys[1], mPaint);    //第三排

canvas.drawText("7", xs[0], ys[2], mPaint);

canvas.drawText("8", xs[1], ys[2], mPaint);

canvas.drawText("9", xs[2], ys[2], mPaint);    //第四排

canvas.drawText(".", xs[0], ys[3], mPaint);

canvas.drawText("0", xs[1], ys[3], mPaint);

canvas.drawBitmap(mBpDelete, xs[2] - mWidthOfBp / 2 + 10, ys[3] - mHeightOfBp / 2 - 10, mPaint);

｝注：上面的坐标需要我们自己算出，耐心一点，很容易算的，你只需要搞清楚在Android中屏幕是怎样的坐标系就可以了。坐标算出来之后，我们先画宫格，然后再画数字和删除键，这里有人要问了，我可以先画数字吗，NO，因为当你画完数字之后再画宫格你会发现数字不见了，为什么呢？被你的宫格挡住了 >_

好了，画好之后，我们来看看效果怎么样：

AAffA0nNPuCLAAAAAElFTkSuQmCC

样式出来了哈！但是设计的没那么好看，大家将就看一看哈>_<

然后我们需要重写onTouch事件，在里面判断用户的一些行为：switch (event.getAction()) {        case MotionEvent.ACTION_DOWN: //按下

//恢复默认值

setDefault();            /**

*判断按下的点在哪个宫格中

*/

invalidate();//刷新界面

return true;        case MotionEvent.ACTION_UP: //弹起

invalidate();//刷新界面

/**

*一次按下结束,返回点击的数字

*/

//恢复默认

setDefault();            return true;        case MotionEvent.ACTION_CANCEL:  //取消

//恢复默认值

setDefault();            return true;

}

如上面伪代码所示，我写了一个方法来判断按下的点在哪个宫格中：private void handleDown(float x, float y) {

if (y 

}    if (x >= 10 && x <= 10 + mRectWidth) {   //第一列        clickX = xs[0];

if (y >= mHeight / 2 + 10 && y <= mHeight / 2 + 10 + mRectHeight) {  //第一排(1)            clickY = ys[0];

x1 = 10;

y1 = mHeight / 2 + 10;            x2 = 10 + mRectWidth;            y2 = mHeight / 2 + 10 + mRectHeight;            number = "1";

} else if (y >= mHeight / 2 + 20 + mRectHeight && y <= mHeight / 2 + 20 + 2 * mRectHeight) {  //第二排(4)            x1 = 10;

y1 = mHeight / 2 + 20 + mRectHeight;            x2 = 10 + mRectWidth;            y2 = mHeight / 2 + 20 + 2 * mRectHeight;            clickY = ys[1];

number = "4";

} else if (y >= mHeight / 2 + 30 + 2 * mRectHeight && y <= mHeight / 2 + 30 + 3 * mRectHeight) {  //第三排(7)            x1 = 10;

y1 = mHeight / 2 + 30 + 2 * mRectHeight;            x2 = 10 + mRectWidth;            y2 = mHeight / 2 + 30 + 3 * mRectHeight;            clickY = ys[2];

number = "7";

} else if (y >= mHeight / 2 + 40 + 3 * mRectHeight && y <= mHeight / 2 + 40 + 4 * mRectHeight) { //第四排(0)            x1 = 10;

y1 = mHeight / 2 + 40 + 3 * mRectHeight;            x2 = 10 + mRectWidth;            y2 = mHeight / 2 + 40 + 4 * mRectHeight;            clickY = ys[3];

number = ".";

}

} else if (x >= 20 + mRectWidth && x <= 20 + 2 * mRectWidth) {  //第二列        clickX = xs[1];

if (y >= mHeight / 2 + 10 && y <= mHeight / 2 + 10 + mRectHeight) {  //第一排(2)            x1 = 20 + mRectWidth;            y1 = mHeight / 2 + 10;            x2 = 20 + 2 * mRectWidth;            y2 = mHeight / 2 + 10 + mRectHeight;            clickY = ys[0];

number = "2";

} else if (y >= mHeight / 2 + 20 + mRectHeight && y <= mHeight / 2 + 20 + 2 * mRectHeight) {  //第二排(5)            x1 = 20 + mRectWidth;            y1 = mHeight / 2 + 20 + mRectHeight;            x2 = 20 + 2 * mRectWidth;            y2 = mHeight / 2 + 20 + 2 * mRectHeight;            clickY = ys[1];

number = "5";

} else if (y >= mHeight / 2 + 30 + 2 * mRectHeight && y <= mHeight / 2 + 30 + 3 * mRectHeight) {  //第三排(8)            x1 = 20 + mRectWidth;            y1 = mHeight / 2 + 30 + 2 * mRectHeight;            x2 = 20 + 2 * mRectWidth;            y2 = mHeight / 2 + 30 + 3 * mRectHeight;            clickY = ys[2];

number = "8";

} else if (y >= mHeight / 2 + 40 + 3 * mRectHeight && y <= mHeight / 2 + 40 + 4 * mRectHeight) { //第四排(0)            x1 = 20 + mRectWidth;            y1 = mHeight / 2 + 40 + 3 * mRectHeight;            x2 = 20 + 2 * mRectWidth;            y2 = mHeight / 2 + 40 + 4 * mRectHeight;            clickY = ys[3];

number = "0";

}

} else if (x >= 30 + 2 * mRectWidth && x <= 30 + 3 * mRectWidth) {   //第三列        clickX = xs[2];

if (y >= mHeight / 2 + 10 && y <= mHeight / 2 + 10 + mRectHeight) {  //第一排(3)            x1 = 30 + 2 * mRectWidth;            y1 = mHeight / 2 + 10;            x2 = 30 + 3 * mRectWidth;            y2 = mHeight / 2 + 10 + mRectHeight;            clickY = ys[0];

number = "3";

} else if (y >= mHeight / 2 + 20 + mRectHeight && y <= mHeight / 2 + 20 + 2 * mRectHeight) {  //第二排(6)            x1 = 30 + 2 * mRectWidth;            y1 = mHeight / 2 + 20 + mRectHeight;            x2 = 30 + 3 * mRectWidth;            y2 = mHeight / 2 + 20 + 2 * mRectHeight;            clickY = ys[1];

number = "6";

} else if (y >= mHeight / 2 + 30 + 2 * mRectHeight && y <= mHeight / 2 + 30 + 3 * mRectHeight) {  //第三排(9)            x1 = 30 + 2 * mRectWidth;            y1 = mHeight / 2 + 30 + 2 * mRectHeight;            x2 = 30 + 3 * mRectWidth;            y2 = mHeight / 2 + 30 + 3 * mRectHeight;            clickY = ys[2];

number = "9";

} else if (y >= mHeight / 2 + 40 + 3 * mRectHeight && y <= mHeight / 2 + 40 + 4 * mRectHeight) { //第四排(删除键)            x1 = 30 + 2 * mRectWidth;            y1 = mHeight / 2 + 40 + 3 * mRectHeight;            x2 = 30 + 3 * mRectWidth;            y2 = mHeight / 2 + 40 + 4 * mRectHeight;            clickY = ys[3];

number = "delete";

}

}

}注：这个方法跟你之前计算出的宫格坐标有关系，所以一定不要计算错误

至此，我们写的差不多了，然后就是要提供一个接口，对外开放，方便用的时候调用，获取到数字或者其他信息：public interface OnNumberClickListener {    //回调点击的数字

public void onNumberReturn(String number);    //删除键的回调

public void onNumberDelete();

}

在onTouch事件中使用：case MotionEvent.ACTION_UP: //弹起

invalidate();//刷新界面

//一次按下结束,返回点击的数字

if (onNumberClickListener != null) {                if (number != null) {                    if (number.equals("delete")) {

onNumberClickListener.onNumberDelete();

} else {

onNumberClickListener.onNumberReturn(number);

}

}

}            //恢复默认

setDefault();            return true;

然后我们来看一下效果怎么样吧！

AAffA0nNPuCLAAAAAElFTkSuQmCC

功能也实现了，可是强迫症很强的我看着很不舒服，不知道你们有没有，好歹这也是一个键盘吧！按下弹起的效果都没有(没有改变按下的背景)，在这里我们设置一个标志位，按下弹起刷新界面就可以了。在onTouch事件中改变该标识位的值，然后在onDraw方法中判断该标识位即可：

onTouch方法中增加：case MotionEvent.ACTION_DOWN: //按下    type=0;case MotionEvent.ACTION_UP: //弹起    type=1;

onDraw方法增加：if (clickX > 0 && clickY > 0) {        if (type == 0) {  //按下刷新

if (number.equals("delete")) {

mPaint.setColor(Color.WHITE);

canvas.drawRoundRect(x1, y1, x2, y2, 10, 10, mPaint);

canvas.drawBitmap(mBpDelete, xs[2] - mWidthOfBp / 2 + 10, ys[3] - mHeightOfBp / 2 - 10, mPaint);

} else {                if (number.equals(".")) {

mPaint.setColor(Color.WHITE);

} else {

mPaint.setColor(Color.GRAY);

}

canvas.drawRoundRect(x1, y1, x2, y2, 10, 10, mPaint);

mPaint.setColor(Color.BLACK);

mPaint.setTextSize(60);// 设置字体大小

mPaint.setStrokeWidth(2);

canvas.drawText(number, clickX, clickY, mPaint);

}

} else if (type == 1) {  //抬起刷新

if (number.equals("delete")) {

mPaint.setColor(Color.GRAY);

canvas.drawRoundRect(x1, y1, x2, y2, 10, 10, mPaint);

canvas.drawBitmap(mBpDelete, xs[2] - mWidthOfBp / 2 + 10, ys[3] - mHeightOfBp / 2 - 10, mPaint);

} else {                if (number.equals(".")) {

mPaint.setColor(Color.GRAY);

} else {

mPaint.setColor(Color.WHITE);

}

canvas.drawRoundRect(x1, y1, x2, y2, 10, 10, mPaint);

mPaint.setColor(Color.BLACK);

mPaint.setTextSize(60);// 设置字体大小

mPaint.setStrokeWidth(2);

canvas.drawText(number, clickX, clickY, mPaint);

}            //绘制完成后,重置

clickX = 0;

clickY = 0;

}

}

接下来再来看看效果吧：

AAffA0nNPuCLAAAAAElFTkSuQmCC

现在看起来舒服多了，_

代码我已经上传到Github传送门，

作者：24K纯帅豆

链接：https://www.jianshu.com/p/eb7b946a20f8

李忻扬
关注
android自定义金额输入键盘_Android仿支付宝自定义密码输入框及安全键盘(密码键盘)...
weixin_32506743的博客
01-26 470
0、前言之前做过的项目里有运用到一个支付场景：用户办理业务时需要输入交易密码，并且可根据平台下发的支付方式进行选择。这与支付宝的密码输入方式十分相似，如果使用Android系统或者第三方软件的键盘，会有密码泄露的风险。因此，大多数的应用软件使用的是自定义的密码输入框及安全键盘。由于密码输入方式需要实现一个从底部弹出的效果，因此总体上决定采用BottomSheetDialog来进行封装，同时为了提高...
android自定义金额输入键盘_GitHub - JeahWan/MK-Keyboard: android 自定义键盘 金额输入、交易密码、自定义文本框等...
weixin_30101051的博客
01-14 372
MK-Keyboard - android 自定义键盘引用：implementation 'com.jeahwan.keyboard:MK-Keyboard:0.0.1'使用步骤：0、初始化键盘样式(方便同产品内不同模块有不同键盘样式的需求，或者不同项目引用同一个库)SecurityKeyboard.setKeyboardStyle(SecurityKeyboard.STYLE);1、创建一个键盘...
android 纯自定义数字键盘输入
06-30
一个自定义的 android 纯数字键盘输入 demo 源码
android自定义金额输入键盘_ANDROID自定义输入法-自定义键盘
weixin_30972263的博客
01-17 429
摘要：在本教程中，将通过一个股票输入法实例来详细介绍如何在OPhone1.5中创建自定义输入法。OPhone输入法介绍得益于OPhone1.5的良好架构，在OPhone中创建输入法可不再是一件多么复杂的事情了。下面来看看OPhone中输入法的组成部分以及如何实现。图一：OPhone系统默认输入法上图是OPhone系统内置的输入法，可以看到一个输入法具有两个组成部分。第一是位于下方的输入软键盘(Ke...
android数字键盘样式
最新发布
weixin_35846141的博客
08-04 74
Android数字键盘样式开发指南 在移动应用开发中，数字键盘（Number Pad）是用户常用的输入方式之一，尤其在需要输入金额、验证码等场景下，其简洁性和专注性使其成为用户友好的选择。本文将为大家详细介绍如何在Android应用中实现自定义的数字键盘样式，并提供相应的代码示例。 一、数字键盘样式概述 Android系统...
android自定义键盘输入金额,Android实现EditText输入金额
weixin_39856607的博客
05-25 241
EditText是Android中一个非常实用的控件，有很多InputType，可以来达到不同的输入效果，如下图：比如，密码输入，数字输入等等。但是最近在项目中要实现EditText输入金额，金额的限制因素很多，比如，只能输入数字和小数点，首位不能输入0和小数点，小数点后面只能保留两位等等，这些仅仅用InputType是无法实现的，今天用InputFilter来实现。1. 首先需要将EditTex...
android自定义金额输入键盘_Android自定义收银键盘(原创)的文章
weixin_30698775的博客
01-17 322
效果图:[(1)]源码地址(github)最近开发项目需要自定义收银键盘，网上查了查都感觉不是太好，于是自己写了一个，自定义的键盘主要是根据GridView+EditText结合来写的.1.GridView如下：android:inputType="numberDecimal"android:editable="false"android:layout_width="match_parent"an...
Android-Android自定义键盘数字键盘和字母键盘
08-13
在Android应用开发中，有时需要实现自定义键盘以满足特定输入需求，比如金融应用中的数字键盘或聊天应用中的字母键盘。本篇文章将深入探讨如何在Android中创建自定义的数字键盘和字母键盘。 首先，我们需要了解...
Android金额输入控件
08-29
一个Android金额输入控件，限制用户输入并判断用户输入是否符合规则
android自定义控件实现金额输入
SKYYYF的专栏
07-20 552
在EditText里面输入 RMB 的时候，如果不对输入的数据进行处理，则输入的 RMB 可能会出现错误，单独处理起来又比较麻烦，所以就自己动手，丰衣足食，实现一个简单方便的金额输入框。 public class MoneyEditText extends AppCompatEditText { public MoneyEditText(Context context) { super(context); } public MoneyEditText(...
android自定义软键盘--纯数字键
03-28
NULL 博文链接：https://yafei.iteye.com/blog/1260283
Adroid自定义数字键盘控件
05-20
Android平板设备上的数字小键盘自定义控件的实现（非弹出软键盘） 完整源码。
Android支付键盘
02-10
现在很多app的支付、输入密码功能，都已经开始使用自定义数字键盘，不仅更加方便、其效果着实精致。 下面带着大家学习下，如何高仿微信的数字键盘，可以拿来直接用在自身的项目中。 先看下效果图：
android 仿咸鱼发布选择价格数字键盘自定义数字键盘
06-19
android 仿咸鱼发布选择价格数字键盘自定义数字键盘。
Android-DigitalKeyboard简单的仿微信数字键盘
08-13
DigitalKeyboard 简单的仿微信数字键盘
Android自定义数字键盘（支持随机数字）
Simon_Crystin的博客
09-06 4937
前言也是最近想写个demo玩玩，不知道写哪个方面的好，就随便写了一个自定义的键盘，比较简单，但是做了封装，支持jitpack库依赖（这也是我一次开源自己的库，比较水的一个开源项目，仅供学习使用）。概述主要完成了以下功能： 1.自定义数字键盘 2.切换到随机数字键盘 3.自定义确定和删除等键（向外抛出接口，感觉设计的挺好）下面先看下运行效果吧使用方法1.在项目build.gradle文件中添加j
android自定义键盘输入金额,Android 输入金额限制，各种限制~
weixin_34504649的博客
05-25 435
小菜最近因工作需要做一个支付金额对话框的小模块，技术很浅显，遇到几个小坑，分享给大家~需求小菜遇到的坑之一：其他页面中获取到的金额需要保存两位小数，本来我打算直接用 String 转为 double 类型，但是遇到保存精度问题(String=19.99 ->Double=19.98)，所以借鉴BigDecimal 方式，如图：String->Double精度转换小菜遇到的坑之二：只可保...
Android 自定义组合控件--自定义数字键盘组合控件
北斗星同学的博客
10-20 367
自定义组合控件的注意点有哪些： 1.调用的id不能和组合控件的任何控件的id一致，不然就会提示强转类型失败。 2.一定要重写带两个参数的构造函数 3.可以不添加自己的属性，怎么添加自己想要设置的属性我就不写了，我放两篇文章的连接，你们自己看 Android自定义控件之自定义组合控件 Android自定义控件开发系列(二)——带清除按钮的圆角输入框 4.不能光说不
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值