频道栏目
首页 > 程序开发 > 移动开发 > Android > 正文
android开发中TextInputLayout使用方法
2017-12-13 01:54:42         来源:zcn596785154的博客  
收藏   我要投稿

android开发中TextInputLayout使用方法,TextInputLayout其实是一个容器,他继承自LinearLayout,该容器是作用于TextView的,TextInputLayout只能包裹一个子节点,类似于ScrollView。
本文以EditText举例,实现的效果如上效果图,EditText输入内容以后,hint内容移动至编辑框上方。

实现

导入依赖

因为TextInputLayout是Android 5.0以后新加的库的控件(Android Design Support Library),所以在使用前先要将Library导入到项目中来

这里写图片描述

或者在gradle下添加依赖

compile 'com.android.support:design:23.0.1'

XML



       
   

到此为止,如果你运行,会发现已经有了动画效果
这里写图片描述

使用

XML布局




    

        
    

    

        
    

测试类

import android.support.design.widget.TextInputLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private EditText mUserName;
    private EditText mPassWord;
    private TextInputLayout mTextInputLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mTextInputLayout = (TextInputLayout) findViewById(R.id.til_username);
        // mUserName = (EditText) findViewById(R.id.et_username);
        mPassWord = (EditText) findViewById(R.id.et_pwd);
        // 通过TextInputLayout设置hint内容,也可以通过直接设置EditText的hint属性
        mTextInputLayout.setHint("用户名");
    }

    // 确认按钮123123
    public void ok(View view) {
        // 方式一:通过TextInputLayout获取到里面的子控件EditText后在获取编辑的内容
        String username = mTextInputLayout.getEditText().getText().toString();
        // 方式二:直接通过EditText获取到里面的编辑内容
        String pwd = mPassWord.getText().toString();
        Toast.makeText(this, "username = " + username + "\npwd = " + pwd, Toast.LENGTH_SHORT).show();
        // 显示错误信息
        mTextInputLayout.setError("错误提示信息");
    }
}

那么如何修改他的样式呢,我做了如下简单的总结

修改样式

相关属性

app:hintAnimationEnabled=”true”//设置是否可以使用动画,默认是true

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”

取消动画

可以通过TextInputLayout对象,执行setHintAnimationEnabled(boolean enabled)方法

// false 关闭动画 true 开启动画
mTextInputLayout.setHintAnimationEnabled(false);

或者在xml里添加hintAnimationEnabled属性设置


app:hintAnimationEnabled="false"

效果 :

这里写图片描述

设置hint移动到上方以后的颜色和字体大小

在XML里对应的TextInputLayout标签下添加hintTextAppearance属性



    

然后在res->values->styles.xml下添加一个style

效果(#AA00FF,20sp) :

这里写图片描述

设置编辑文字的颜色

这个就是设置EditText的颜色



    

hint字体颜色



    

设置下划线的颜色

修改res->values->styles.xml下”AppTheme”里的colorAccent属性

效果(#0000FF) :
这里写图片描述

点击复制链接 与好友分享!回本站首页
上一篇:[android]netd与NetworkManagementService初印象
下一篇:Android面试篇之View和ViewGroup的关系
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站