Material design - EditText 底线彩色动画答案

【问题标题】：Material design - EditText bottom line color animationMaterial design - EditText 底线彩色动画
【发布时间】：2017-01-25 18:20:21
【问题描述】：

我想在Android应用中实现EditText的底线彩色动画，就像Material Design Lite的Text Field一样。我在我的研究中找不到任何结果（所有结果都是关于浮动标签的）。任何库或其他参考如何制作这些动画？

编辑

澄清问题，我想要从字段的中间向左侧和右侧扩展的底线动画（不是浮动标签，如何使底线颜色更改或表单验证）。

当你聚焦 Text Field 组件时，你可以看到动画，你看到的任何动画都是我指的那个。

谢谢，卑微的土豆II

【问题讨论】：

标签： android android-edittext

【解决方案1】：

   You can create XML Layout like this way
    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/rl"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/color_bg"
        android:orientation="vertical">
     <android.support.design.widget.TextInputLayout
            android:id="@+id/tv_user_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_margin="@dimen/common_layout_dimen_10"
            android:textColorHint="@color/color_black">

            <EditText
                android:id="@+id/et_user_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:hint="@string/lbl_name"
                android:imeOptions="actionNext"
                android:inputType="textCapWords"
                android:maxLines="1"
                android:singleLine="true"
                android:textColor="@color/color_black"
                android:textSize="@dimen/common_text_size_20" />
        </android.support.design.widget.TextInputLayout>
    </RelativeLayout>

【讨论】：

哪里有彩色动画？
是的，我认为它需要一些动画 XML？

【解决方案2】：

您只需要使用 TextInputLayout。使用this 参考。

【讨论】：

我期待从中间向左和向右扩展的底线颜色动画（如 MDL 的Text Field）。