来自 EditText 动画的 TextView 就像在 LinkedIn 上一样

Question

我想知道当您在登录屏幕上输入用户名和密码时，Linkedin android 应用程序使用了哪个 ui 视图，当您输入时，editText 提示会出现文本视图？

Answer 1

它叫做 TextInputLayout。

结构是这样的

<TextInputLayout>
<Edittext/>
</TextInputLayout>

参考这里： http://developer.android.com/reference/android/support/design/widget/TextInputLayout.html

Answer 2

先添加依赖

dependencies {
    compile 'com.android.support:design:23.0.1'
}

然后您可以使用设计库中的 TextInputLayout

<android.support.design.widget.TextInputLayout
            android:id="@+id/input_layout_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/input_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:hint="@string/hint_name" />
        </android.support.design.widget.TextInputLayout>

来自 EditText 动画的 TextView 就像在 LinkedIn 上一样

TextView from EditText animation like on LinkedIn

user-interface

android

themes

material-design