Question

我正在使用来自com.android.support:design的TextInputLayout。我的问题是当editText获得焦点时，提示不会显示在editText上方，并且当editText在输入后失去焦点时，会出现提示在editText上方。我希望当它失去焦点时除了外观之外它还能获得焦点时，提示会出现在editText上方。我的xml文件：

 <android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.AppCompatEditText
                android:id="@+id/et_id"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:inputType="number"
                android:hint="@string/id_hint"/>
 </android.support.design.widget.TextInputLayout>

在我的gradle我正在使用：

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

非常感谢

Answer 1

试试这个定义风格

<style name="TextInputLayoutLabelGrey" parent="Widget.Design.TextInputLayout">
    <!-- Hint color and label color in FALSE state -->
    <item name="android:textColorHint">@color/your_color</item>
    <item name="android:textColor">@color/your_color</item>
    <!-- Label color in TRUE state and bar color FALSE and TRUE State -->
    <item name="colorAccent">@color/your_color</item>
    <item name="colorControlNormal">@color/your_color</item>
    <item name="colorControlActivated">@color/your_color</item>
</style>

你的布局xml

  <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:theme="@style/TextInputLayoutLabelGrey">

        <android.support.v7.widget.AppCompatEditText
            android:id="@+id/et_id"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="number"
            android:hint="@string/id_hint"/>
   </android.support.design.widget.TextInputLayout>

Answer 2

您需要使用TextInputEditText代替例如：

<android.support.design.widget.TextInputLayout
    android:id="@+id/textInputUserName"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/toolbar"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="30dp"
    android:layout_marginTop="10dp">

    <android.support.design.widget.TextInputEditText
        android:id="@+id/etUserName"
        android:textAlignment="viewStart"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/emailorPhone"
        android:imeActionLabel="@string/next"
        android:imeOptions="actionNext"
        android:inputType="text" />
</android.support.design.widget.TextInputLayout>

TextInputLayout在输入时不显示提示

2 个答案: