SplitEditTextView
Android类似支付宝密码输入框,美团外卖验证码输入框 ;
支持下划线样式,单个输入框样式,带分割线输入框样式;
可设置光标宽高、光标颜色、边框大小、边框颜色、圆角、下划线颜色等等属性(具体可查看下方属性说明),也可设置出入内容显示模式;
不能满足需求也可自行将library里面的源码下载下来进行修改。
源码里面的注释还是比较详细,另外写了一篇关于该库是如何实现的文章,有兴趣的可以阅读(文章链接)
效果图
如何使用(可查看demo)
第一步: 依赖
首先将SplitEditTextView引入到您的项目中,在build.gradle文件中添加依赖,如下:
dependencies {
...
implementation 'com.open.keeplearn:SplitEditTextView:1.2.1'
}
第二步: xml中使用
默认直接弹出键盘
android:id="@+id/splitEdit1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:inputType="number"
android:textColor="@color/colorPrimary"
android:textSize="30sp"
app:borderColor="@color/colorPrimaryDark"
app:borderSize="2dp"
app:contentNumber="4"
app:contentShowMode="password"
app:cornerSize="10dp"
app:cursorColor="@color/colorAccent"
app:cursorWidth="6dp"
app:inputBoxStyle="singleBox"
app:spaceSize="20dp" />
若默认不弹出键盘,点击弹出键盘,需要按照以前的方式,在SliptEditTextView的parent布局,其它外层布局或者根布局添加两个属性:
android:focusable="true"
android:focusableInTouchMode="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusable="true"
android:focusableInTouchMode="true"
android:gravity="center_horizontal"
android:orientation="vertical"
android:padding="16dp">
android:id="@+id/splitEdit2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
app:borderColor="@color/colorPrimary"
app:borderSize="2dp"
app:contentNumber="5"
app:contentShowMode="text"
app:cursorDuration="1000"
app:inputBoxStyle="underline"
app:spaceSize="20dp" />
第三步: 代码中实现对内容输入完毕的监听
在kotlin代码中:
splitEdit1.setOnInputListener(object : OnInputListener() {
override fun onInputFinished(content: String?) {
//内容输入完毕
Toast.makeText(this@MainActivity,content,Toast.LENGTH_SHORT).show()
}
override fun onInputChanged(text: String?) {
//可选择性重写该方法
}
})
在java代码中:
splitEditTextView.setOnInputListener(new OnInputListener() {
@Override
public void onInputFinished(String content) {
//内容输入完毕
}
@Override
public void onInputChanged(String text) {
//可选择重写该方法
}
});
使用注意
1.
使用setInputBoxStyle()动态设置输入框样式时,切换下换线样式,需要添加
app:underlineNormalColor="#A8A8A8" app:underlineFocusColor="@android:color/black"两个属性,避免无效
绘制下划线样式的时,使用的是borderSize的大小,颜色是使用这两个属性的颜色值
2.
长按事件,目前没有做控制
长按时,默认会弹出系统的textSelectHandleLeft和textSelectHandleRight(复制粘贴时选择文本的图标样式)
若不需要“复制粘贴”的功能,直接将长按事件屏蔽掉:
android:longClickable="false" 或 setLongClickable(false);
若需要,可将两个属性设置成:
android:textSelectHandleLeft="@android:color/transparent" android:textSelectHandleRight="@android:color/transparent"
关于属性
属性名称
属性说明
默认值
borderSize
边框宽度
1dp
borderColor
边框颜色
Color.BLACK
conerSize
边框圆角大小
0
divisionLineSize
分割线宽度
1dp
divisionLineColor
分割线颜色
Color.BLACK
circleRadius
实心圆半径
5dp
contentNumber
输入内容数量
6
contentShowMode
内容显示模式
password
spaceSize
输入框间距
10dp
inputBoxStyle
输入框样式
connectBox
inputBoxSquare
输入框是否正方形
true
cursorWidth
光标宽度
2dp
cursorHeight
光标高度
输入框高度的一半
cursorColor
光标颜色
Color.BLACK
cursorDuration
闪烁时长
500
underlineNormalColor
下划线normal颜色
Color.BLACK
underlineFocusColor
下划线focus颜色
未设置
更新日志
1.2.1
下划线输入框样式下,仿美团外卖,可设置下划线normal和focus两种颜色的区分
1.2.0
新增有关光标的业务逻辑:光标闪烁、光标颜色、光标宽高
License
Copyright 2020 Chen-keeplearn
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.