Android EditText视图在Material Design中浮动提示

Question

API 21是否提供了使用以下功能的方法:

http://www.google.com/design/spec/components/text-fields.html#text-fields-floating-labels

我正在尝试浮动EditText提示.

谢谢!

Answer 1

浮动提示EditText:

在gradle中添加以下依赖项:

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

在布局中:

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

        <EditText
            android:id="@+id/editText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="UserName"/>
    </android.support.design.widget.TextInputLayout>

Answer 2

是的,截至2015年5月29日,此功能现在在Android设计支持库中提供

该库包括对该库的支持

• 浮动标签
• 浮动动作按钮
• 小吃店
• 导航抽屉
• 和更多

Answer 3

Android支持库可以在依赖项中的gradle中导入:

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

它应该包含在GradlePlease中!并以此为例使用它:

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

    <AutoCompleteTextView
        android:id="@+id/autoCompleteTextViewTo"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="To"
        android:layout_marginTop="45dp"
        />
</android.support.design.widget.TextInputLayout>

顺便说一下,编辑可能不明白TextInputLayout中允许使用AutoCompleteTextView.

Answer 4

Android尚未提供本机方法.也不是AppCompat.

试试这个库:https://github.com/rengwuxian/MaterialEditText

这可能就是你想要的.

Answer 5

导入支持库,在项目的build.gradle文件中,在项目的依赖项中添加以下行:

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])

    compile 'com.android.support:design:22.2.0'
    compile 'com.android.support:appcompat-v7:22.2.0'
}

在UI布局中使用以下TextInputLayout:

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

    <EditText
        android:id="@+id/username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textEmailAddress"
        android:hint="Username"/>

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

然后,在setContentView调用之后调用setInputLayout上的setHint,因为要为浮动标签设置动画,只需使用setHint方法设置提示.

final TextInputLayout usernameWrapper = (TextInputLayout) findViewById(R.id.usernameWrapper);
usernameWrapper.setHint("Username");

Answer 6

您需要将以下内容添加到您的模块 build.gradle 文件中：

implementation 'com.google.android.material:material:1.0.0'

并在您的 XML 中使用 com.google.android.material.textfield.TextInputLayout ：

       <com.google.android.material.textfield.TextInputLayout
            android:id="@+id/text_input_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/my_hint">

        <EditText
            android:id="@+id/editText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="UserName"/>
   </com.google.android.material.textfield.TextInputLayout>