android TextInputLayout组件的使用
博客专区 > baochen 的博客 > 博客详情
android TextInputLayout组件的使用
baochen 发表于9个月前
android TextInputLayout组件的使用
  • 发表于 9个月前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

TextInputLayout介绍

TextInputLayout 是android 原生的一个组件,使用这个组可以得到很好的输入框体验效果:

TextInputLayout 的使用

首先在app下的 build.gradle 中引入

    compile 'com.android.support:appcompat-v7:25.0.0'
    compile 'com.android.support:design:25.0.0'

然后在布局文件中实现下面的布局


<android.support.design.widget.TextInputLayout
        android:id="@+id/phoneTextinputlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_marginTop="20dp"
        android:theme="@style/myStyle"
        app:counterEnabled="false"
        app:counterMaxLength="11"
        app:passwordToggleEnabled="false">

        <!-- 这里的TextInputEditText可以使用EditText代替 -->
        <android.support.design.widget.TextInputEditText
            android:id="@+id/phone"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="输入的内容"
            android:inputType="phone"
            android:maxLength="11"
            android:textSize="18sp" />
    </android.support.design.widget.TextInputLayout>

ok,这样就可以实现 TextInputLayout 的效果了

效果图

TextInputLayout 的相关属性

1.app:hintAnimationEnabled="true"//设置是否可以使用动画,默认是true 2.app:hintTextAppearance="@style/myStyle"//设置hint的文本属性,改变hint文字的大小颜色等属性

修改样式后的效果图

app:counterEnabled="true"//设置是否可以开启计数器,默认是false app:counterOverflowTextAppearance="" 计算器越位后的文字颜色和大小 **app:counterMaxLength=""**计算器的最大字数限制 app:errorEnabled="true" 是否允许错误提示 app:errorTextAppearance="" 错误提示的文字大小和颜色 **app:passwordToggleEnabled="true"**显示小眼睛 app:passwordToggleTint="@color/colorAccent" 给小眼睛上色 **app:passwordToggleTintMode="multiply"**小眼睛的显示方式 需要注意的是:如果想要显示小眼睛,就需要在 TextInputEditText 或者 EditText 中设置 为密码格式。比如:android:inputType="textPassword"

密码显示效果

共有 人打赏支持
粉丝 0
博文 5
码字总数 5237
×
baochen
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: