时间戳

首页 > 解决方案 > TextInputLayout - boxBackgroundColor 样式属性在 Android 中不起作用

android - TextInputLayout - boxBackgroundColor 样式属性在 Android 中不起作用

问题描述

我在我的应用程序中使用大纲文本输入布局。我想改变焦点的背景颜色，但我无法使用boxBackgroundColor样式属性来实现它。我的布局和样式代码添加如下：

布局

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/til_username"
    style="@style/TextInputLoginTheme"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="16dp"
    android:layout_marginTop="32dp"
    android:layout_marginRight="16dp"
    app:hintTextColor="@color/login_hint_color">

    <com.google.android.material.textfield.TextInputEditText
        style="@style/ThemeOverlay.MaterialComponents.TextInputEditText.OutlinedBox.Dense"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/username"
        android:imeOptions="actionNext"
        android:textColor="#38465A"
        android:inputType="text"/>
</com.google.android.material.textfield.TextInputLayout>

主题

<style name="TextInputLoginTheme" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <item name="boxStrokeColor">@color/login_outlined_stroke_color</item>
    <item name="boxBackgroundColor">@color/login_box_background_color</item>
    <item name="boxBackgroundMode">outline</item>
</style>

login_box_background_color

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:color="@color/white" android:state_focused="true" />
   <item android:color="#EFF2F5" android:state_hovered="true" />
   <item android:color="#EFF2F5" android:state_enabled="false" />
   <item android:color="#EFF2F5" />
</selector>

材料依赖性

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

背景颜色不会在焦点上变为白色。

标签： androidandroid-textinputlayoutandroid-textinputedittext

解决方案

仅填充框支持背景颜色。当与 BOX_BACKGROUND_FILLED 以外的盒子变体一起使用时，盒子背景颜色可能无法按预期工作。

来源

app:boxBackgroundMode="filled"// 添加

我的替代解决方案；

<com.google.android.material.textfield.TextInputLayout
            android:id="@+id/til_username"
            style="@style/TextInputLoginTheme"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            android:layout_marginTop="32dp"
            android:layout_marginRight="16dp"
            app:boxBackgroundMode="filled"
            app:hintTextColor="@color/login_hint_color">

推荐阅读