Design之TextInputEditText

使用TextInputLayout

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.a070.demo.EditTextFragment">

    <LinearLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:paddingLeft="15dp"
        android:paddingRight="15dp">

        <android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="50dp"
            app:counterEnabled="true"
            app:counterMaxLength="20"
            app:counterTextAppearance="?android:attr/textAppearanceLarge"
            app:errorEnabled="true"
            app:errorTextAppearance="?android:attr/textAppearanceSmall"
            app:hintAnimationEnabled="true"
            app:hintTextAppearance="@style/hintAppearance"
            app:theme="@style/TextInputLayoutLineColor">

            <android.support.design.widget.TextInputEditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="请输入用户名"
                android:textColor="#333333"
                android:textColorHint="#999999"
                android:textSize="14dp" />


        </android.support.design.widget.TextInputLayout>

        <android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="50dp"
            app:counterEnabled="true"
            app:counterMaxLength="20"
            app:counterTextAppearance="?android:attr/textAppearanceMedium"
            app:errorEnabled="true"
            app:errorTextAppearance="?android:attr/textAppearanceSmall"
            app:hintAnimationEnabled="true"
            app:hintTextAppearance="@style/hintAppearance"
            app:passwordToggleDrawable="@drawable/cb_eye_selector"
            app:passwordToggleEnabled="true"
            app:passwordToggleTint="@color/colorPrimary"
            app:passwordToggleTintMode="multiply"
            app:theme="@style/TextInputLayoutLineColor">

            <android.support.design.widget.TextInputEditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="请输入用户名"
                android:inputType="textPassword"
                android:textColor="#333333"
                android:textColorHint="#999999"
                android:textSize="14dp" />


        </android.support.design.widget.TextInputLayout>


    </LinearLayout>

</FrameLayout>

在style中输入样式

 <!--EditText的主題 Start-->
<style name="TextInputLayoutLineColor" parent="Theme.AppCompat.Light">
    <!--没有获取焦点时的颜色-->
    <item name="colorControlNormal">@color/colorAccent</item>
    <!--获取焦点时的颜色-->
    <item name="colorControlActivated">@color/main_color</item>
</style>

<!--浮动标签-->
<style name="hintAppearance" parent="TextAppearance.AppCompat">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/colorPrimary</item>
</style>

<!--错误提示信息-->
<style name="errorAppearance" parent="TextAppearance.AppCompat">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@android:color/holo_red_light</item>
</style>

<!--超出计数最大长度,浮动标签,下划线,计数文字都会改变颜色-->
<style name="counterOverflowTextAppearance" parent="TextAppearance.AppCompat">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@android:color/holo_red_dark</item>
</style>