Android Study 之分分钟让你玩转EditText右下角实时显示输入字数
2017-04-20 01:11
1496 查看
LZ-Say:有时候觉得,开发真心不容易。想做一个好的开发,不仅仅会敲代码,造轮子,更多个人觉得调整心态,毕竟人和人是不一样的。。。心塞
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/02/80d79a68e9b35fb927300fd826259d16)
大体一看,大家可能会说,没啥毛病啊,不就是一个输入框么?
是的,如果按照我之前的想法,我个人是绝对会老老实实按照UI给定的图来,但是经过一些事之后,我却不这么想了。
那么,我们看看,这个东西是不是缺点啥呢?
有的兄弟们就说了,在右下角加一个显示字数的呗。
嘿嘿,,,说干就干~
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/02/c0d7c255bf719f2ece08f689f4cfc8f4)
如果最多用户只能输入140个字符,并且当输入字符个数等于140个时,提示一下。
实现这个,主要分以下几步:
1. 首先编写一个shape文件,这里面当然要指定圆角弧度以及边框颜色宽度;
2. 编写我们布局文件。内容为:相对布局中包含EditText以及TextView,具体如下:
3.activity逻辑校验
由于LZ项目中使用的是黄油刀,下面就直接从项目拷贝了~
有兴趣的同志可以看看之前写的有关黄油刀基本使用,地址如下:
Android Study 之 初识ButterKnife(8.5.1)及简单运用
4.来来来,一起看效果~
4.1 当用户输入时:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/02/2bc3cad5223f333508d908b9f65b9008)
4.2 当用户删除时:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/02/e1228e0d67d182bc744ac210a27e9635)
4.3 当输入达到上限时:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/02/aa94d514a51a39047e6cd8763614a1f3)
前言
今天为大家带来一个简单的小玩意,没什么技术含量,做这个的初衷是个人嫌弃UI给的设计图,另一方便是希望app能更人性化,大家可以一起来看下UI给的图。大体一看,大家可能会说,没啥毛病啊,不就是一个输入框么?
是的,如果按照我之前的想法,我个人是绝对会老老实实按照UI给定的图来,但是经过一些事之后,我却不这么想了。
那么,我们看看,这个东西是不是缺点啥呢?
有的兄弟们就说了,在右下角加一个显示字数的呗。
嘿嘿,,,说干就干~
简单分析及Coding
干之前,我们先来简单分析下我们要做的东西,先给大家简单画个效果—江湖人称UI设计图~如果最多用户只能输入140个字符,并且当输入字符个数等于140个时,提示一下。
实现这个,主要分以下几步:
1. 首先编写一个shape文件,这里面当然要指定圆角弧度以及边框颜色宽度;
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="@dimen/dp_1" android:color="@color/color_c9"/> <corners android:radius="@dimen/dp_3"/> </shape>
2. 编写我们布局文件。内容为:相对布局中包含EditText以及TextView,具体如下:
<RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/shape_circle_while_bg"> <EditText android:id="@+id/id_editor_detail" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_alignParentTop="true" android:background="@null" android:gravity="top" android:hint="@string/string_editor_detail_hint" android:maxLength="140" android:minLines="6" android:padding="@dimen/dp_10" android:textColor="@color/color_c6" android:textColorHint="@color/color_c9" android:textSize="@dimen/sp_14"/> <TextView android:id="@+id/id_editor_detail_font_count" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_below="@+id/id_editor_detail" android:paddingBottom="@dimen/dp_5" android:paddingRight="@dimen/dp_15" android:text="@string/string_editor_detail_default_font" android:textColor="@color/color_c9" android:textSize="@dimen/sp_14"/> </RelativeLayout>
3.activity逻辑校验
由于LZ项目中使用的是黄油刀,下面就直接从项目拷贝了~
有兴趣的同志可以看看之前写的有关黄油刀基本使用,地址如下:
Android Study 之 初识ButterKnife(8.5.1)及简单运用
@OnTextChanged(value = R.id.id_editor_detail, callback = OnTextChanged.Callback.AFTER_TEXT_CHANGED) public void editTextDetailChange(Editable editable) { int detailLength = editable.length(); idEditorDetailFontCount.setText(detailLength + "/140"); if (detailLength == 139) { islMaxCount = true; } // 不知道为什么执行俩次,所以增加一个标识符去标识 if (detailLength == 140 && islMaxCount) { UIHelper.getShortToast(self, (String) StringUtils.getResourceContent(self, Convention.RESOURCE_TYPE_STRING, R.string.string_editor_detail_input_limit)); islMaxCount = false; } }
4.来来来,一起看效果~
4.1 当用户输入时:
4.2 当用户删除时:
4.3 当输入达到上限时:
结束
基本介绍到此结束~相关文章推荐
- EditText右下角实时显示输入字数
- 限制textarea字数并实时显示输入字数统计
- android EditText限制输入字数并显示剩余字数
- 限制textarea字数并实时显示输入字…
- EditText 实时显示输入的字数与最大输入限制长度
- Android中实现在矩形框中输入文字显示剩余字数的功能
- android EditText 字数监听并显示
- Android edittext 显示字数限制和输入类型
- Android设置EditText输入字数限制的两种方法!
- android EditText 字数监听并显示
- textArea实时显示文本输入框输入的字数
- android EditText彻底搞定输入框隐藏/显示背景 可编辑输入问题
- Android打勾显示输入的密码 - EditText与setTransformationMethod
- Android 仿微博实时显示输入文字长度
- Android EditText 限制输入的字数
- Android初级教程_监听EditText输入文字的字数
- 实时显示输入文本框字数
- Android 监听EditText输入文字的字数
- Android之监听文本框输入的文字个数并实时显示还可以输入的个数-->TextWatcher
- Android Study 之玩转高德地图一部曲[实现显示地图以及定位功能]