Android 中 TextinputLayout 的用法

TextinputLayout 是 Android 5.0 之后才出现的东西,虽然现在应用的不是特别多,但效果真的很赞!在此记录一下 TextinputLayout 的一些用法

TextinputLayout 例子

Layout which wraps an EditText (or descendant) to show a floating label when the hint is hidden due to the user inputting text.

TextinputLayout 在内部嵌套一个 EditText,并展示一个浮动的标签,标签会在用户输入的时候移动到 EditText 上方。

我在这里简单的记录一下 TextInputLayout 的用法


添加依赖

dependencies{
    compile ‘com.android.support:appcompat-v7:25.0.1’
    compile ‘com.android.support:design:25.0.1'
}

设置相关属性

  • 开启浮动标签
    在 TextinputLayout 中加入 hint 属性
  • 关闭浮动标签
    app:hintEnable=“true | false”
  • 浮动标签动画
    app:hintAnimationEnable=“true | false”
  • 自定义浮动标签
 <style name=“hintAppearence” parent=“TextAppearance.AppCompat”>
     <item name=“android:textSize”>14sp</item>
     <item name=“android:textColor”>#00ff00</item>
 </style>
在 TextinputLayout 中加入 app:hintAppearance=“@style/hintAppearence"
  • 在 EditText 下显示字数统计
    app:counterEnable=“true”
    app:counterMaxLength=“11”. //超过 11 位后换颜色
  • 显示密码:
    app:passwordToggleEnable=“true”
    换图标:app:passwordToggleDrawable=“@mipmap/ic_launcher”
    加颜色:app:passwordToggleTint=“@color/colorBlue”
    设置模式:app:passwordToggleMode=“screen | src_in | src_atop | src_over | multiply”

设置错误提示

setError: 设置错误提示信息
setErrorEnable: 开启错误提示功能
直接调用 setError,会自动调用 setErrorEnable
自定义错误提示样式

<style name=“errorAppearance” parent=“TextAppearance.AppCompat” >
    <item name=“android:textSize”>14sp</item>
    <item name=“android:textColor”>@color/colorBlue</item>
</style>

在 TextinputLayout 中加入自定义的错误提示样式

app:errorTextAppearance=“@style/errorAppearance"

Java 代码实现:

public void onClick(View v){
    String username = usernameTextinputlayout.getEditText().getText().toString();
    String password = passwordTextinputLayout.getEditText().getText().toString();
    If(username == “”){
        usernameTextinputLayout.setError(“用户名不能为空”);
    }else if(password == “”){
        passwordTextinputLayout.setError(“密码不能为空”);
    }else{
        usernameTextinputLayout.setErrorEnable(false);
        passwordTextinputLayout.setErrorEnable(false);
    }
}

修改样式

  • 默认情况下 TextinputLaylout 控件的颜色是 当前 Style 下 colorAccent 设置的,所以修改 style 下 colorAccent 的值即可.
  • 修改光标样式 :
    隐藏光标 : android:cursorVisible.
    光标样式 : android:textCursorDrawable. 为空时,光标颜色和文字颜色一致
    在 drawable 下创建 cursor_color.xml
<shape android:shape=“rectangle">
    <size android:width=“1dp”/>
    <solid android:color=“@color/colorBlue"/>
</shape>

隐藏下划线 : android:background=“@null”

参考:
https://segmentfault.com/a/1190000009507919r

欢迎关注我的博客简书CSDNGitHub

发布了28 篇原创文章 · 获赞 9 · 访问量 3万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览