自定义view密码框等同于支付宝支付密码框
来源:互联网 发布:程序员叫美女什么 编辑:程序博客网 时间:2024/05/01 14:30
Android 自定义View 密码框 例子
遵从准则
样式图片链接:http://images.cnitblog.com/blog/275810/201406/201603541141956.jpg
暴露您view中所有影响可见外观的属性或者行为。
通过XML添加和设置样式
通过元素的属性来控制其外观和行为,支持和重要事件交流的事件监听器
可以通过XML定义影响外边和行为的属性如下
边框圆角值,边框颜色,分割线颜色,边框宽度,密码长度,密码大小,密码颜色
<declare-styleable name="PasswordInputView">
<attr name="borderWidth" format="dimension"/>
<attr name="borderColor" format="color"/>
<attr name="borderRadius" format="dimension"/>
<attr name="passwordLength" format="integer"/>
<attr name="passwordWidth" format="dimension"/>
<attr name="passwordColor" format="color"/>
<attr name="passwordRadius" format="dimension"/>
</declare-styleable>
同时支持原来EditText功能,可以获得数据值,数字键盘设置等
绘制逻辑的主要代码
protected void onDraw(Canvas canvas) {
int width = getWidth();
int height = getHeight();
// 外边框
RectF rect = new RectF(0, 0, width, height);
borderPaint.setColor(borderColor);
canvas.drawRoundRect(rect, borderRadius, borderRadius, borderPaint);
// 内容区
RectF rectIn = new RectF(rect.left + defaultContMargin, rect.top + defaultContMargin,
rect.right - defaultContMargin, rect.bottom - defaultContMargin);
borderPaint.setColor(Color.WHITE);
canvas.drawRoundRect(rectIn, borderRadius, borderRadius, borderPaint);
// 分割线
borderPaint.setColor(borderColor);
borderPaint.setStrokeWidth(defaultSplitLineWidth);
for (int i = 1; i < passwordLength; i++) {
float x = width * i / passwordLength;
canvas.drawLine(x, 0, x, height, borderPaint);
}
// 密码
float cx, cy = height/ 2;
float half = width / passwordLength / 2;
for(int i = 0; i < textLength; i++) {
cx = width * i / passwordLength + half;
canvas.drawCircle(cx, cy, passwordWidth, passwordPaint);
}
}
完整代码下载
https://github.com/tianshaojie/Android-PasswordInputView
遵从准则
样式图片链接:http://images.cnitblog.com/blog/275810/201406/201603541141956.jpg
暴露您view中所有影响可见外观的属性或者行为。
通过XML添加和设置样式
通过元素的属性来控制其外观和行为,支持和重要事件交流的事件监听器
可以通过XML定义影响外边和行为的属性如下
边框圆角值,边框颜色,分割线颜色,边框宽度,密码长度,密码大小,密码颜色
<declare-styleable name="PasswordInputView">
<attr name="borderWidth" format="dimension"/>
<attr name="borderColor" format="color"/>
<attr name="borderRadius" format="dimension"/>
<attr name="passwordLength" format="integer"/>
<attr name="passwordWidth" format="dimension"/>
<attr name="passwordColor" format="color"/>
<attr name="passwordRadius" format="dimension"/>
</declare-styleable>
同时支持原来EditText功能,可以获得数据值,数字键盘设置等
绘制逻辑的主要代码
protected void onDraw(Canvas canvas) {
int width = getWidth();
int height = getHeight();
// 外边框
RectF rect = new RectF(0, 0, width, height);
borderPaint.setColor(borderColor);
canvas.drawRoundRect(rect, borderRadius, borderRadius, borderPaint);
// 内容区
RectF rectIn = new RectF(rect.left + defaultContMargin, rect.top + defaultContMargin,
rect.right - defaultContMargin, rect.bottom - defaultContMargin);
borderPaint.setColor(Color.WHITE);
canvas.drawRoundRect(rectIn, borderRadius, borderRadius, borderPaint);
// 分割线
borderPaint.setColor(borderColor);
borderPaint.setStrokeWidth(defaultSplitLineWidth);
for (int i = 1; i < passwordLength; i++) {
float x = width * i / passwordLength;
canvas.drawLine(x, 0, x, height, borderPaint);
}
// 密码
float cx, cy = height/ 2;
float half = width / passwordLength / 2;
for(int i = 0; i < textLength; i++) {
cx = width * i / passwordLength + half;
canvas.drawCircle(cx, cy, passwordWidth, passwordPaint);
}
}
完整代码下载
https://github.com/tianshaojie/Android-PasswordInputView
0 0
- 自定义view密码框等同于支付宝支付密码框
- 自定义view之支付密码输入框
- [Android]仿支付宝自定义View密码框
- 自定义view仿支付宝密码输入框
- 安卓/Android 模仿支付宝/微信 支付密码输入框的自定义View
- 自定义输入支付密码框
- 自定义密码输入框(仿微信支付宝支付)
- 仿支付宝支付密码输入框
- 自定义View之自定义支付宝密码输入控件
- kotlin实现的简单个人账户管理APP(三) 自定义View仿支付宝的密码输入框/密码相关逻辑
- Android自定义支付密码输入框
- 自定义View之仿支付宝输入六位密码
- 支付密码框
- 自定义密码支付页面
- GridPasswordView 类似支付宝支付密码输入框
- 微信支付宝支付密码输入框 PassWordEditView
- 仿支付宝支付密码输入框功能
- Android仿支付宝支付密码输入框
- C#调用GDI+1.1中的函数实现高斯模糊、USM锐化等经典效果。
- jdk-logging、log4j、logback日志介绍及原理
- C++ char类型最大值与最小值
- 2016年8月19号
- css+html5仿写淘宝首页
- 自定义view密码框等同于支付宝支付密码框
- 设计模式之单例模式
- HDU1158(dp46)
- Imageloader四种图片显示(圆形,淡入,圆角,修饰)使用
- 滤镜(内部效果)&快速蒙版(边缘效果)——羊皮卷
- android检查权限问题。
- gcc -L参数和-l参数
- Volley学习(五)HttpUrlConnection、Volley 2种方式实现头像上传
- POJ 1251 Jungle Roads