javascript - 如何从 InputText 中取出那个彩色条？- 安卓工作室

Question

我正在开发一个应用程序，我遇到了一个小问题。我想让这些“TextInputLayout”看起来像这样：

代替：

我想把这些彩色线条放在底部，我想总是让它变灰变细。

这是我的代码：

                <com.google.android.material.textfield.TextInputLayout
                    app:endIconMode="clear_text"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

                    <com.google.android.material.textfield.TextInputEditText
                        android:id="@+id/email"
                        android:layout_width="match_parent"
                        android:layout_height="50dp"
                        android:hint="Email"
                        android:paddingBottom="12dp"
                        android:maxLines="1"
                        android:inputType="textEmailAddress"
                        style="@style/EDIT_TEXT_DAY"/>

                </com.google.android.material.textfield.TextInputLayout>

标签： javascriptandroidandroid-studio

Answer 1

您需要创建自定义样式。boxStrokeWidth是这里的关键值。您可以添加文本颜色、大小等

 <style name="EditTextInputLayoutStyle" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
        <item name="boxStrokeColor">@color/teal_200</item>
        <item name="boxStrokeWidth">1dp</item>
        <item name="boxBackgroundColor">@color/white</item>
    </style>

然后设置样式TextInputLayout

<com.google.android.material.textfield.TextInputLayout
        style="@style/EditTextInputLayoutStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:endIconMode="clear_text">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/email"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:hint="Email"
            android:inputType="textEmailAddress"
            android:maxLines="1"
            android:paddingBottom="12dp" />

    </com.google.android.material.textfield.TextInputLayout>