Question

我正在努力实现这样的目标：

我创建的代码在API v21及更高版本中运行良好，但它无法正常工作。以下是一些代码段供您参考。

Drawable用作EditText小部件ID（drawable_edittext_username.xml）的背景：

file: drawable_edittext_username.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" 
                  android:paddingLeft="44dp" android:paddingStart="44dp">
    <item android:drawable="@drawable/drawable_rounded_box"/>
    <item android:gravity="center_vertical|left">
        <selector >
            <item android:drawable="@drawable/vector_icon_user_focused" 
                  android:state_focused="true"/>
            <item android:drawable="@drawable/vector_icon_user"/>
        </selector>
    </item>
</layer-list>

file: drawable_rounded_box.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" 
                android:paddingLeft="44dp" 
                android:paddingStart="44dp">
    <item android:drawable="@drawable/drawable_rounded_box_focused" 
          android:state_focused="true" />
    <item android:drawable="@drawable/drawable_rounded_box_normal" />
</selector>

file: drawable_rounded_box_focused.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
             android:shape="rectangle">
    <stroke
        android:width="1dp"
        android:color="@color/colorPrimaryDark" />
    <corners android:radius="5dp" />
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />
    <solid android:color="@android:color/transparent"/>
</shape>

file: drawable_rounded_box_normal.xml*
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
             android:shape="rectangle">
    <stroke
        android:width="1dp"
        android:color="#3f000000" />
    <corners android:radius="5dp" />
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />
    <solid android:color="@android:color/transparent"/>
</shape>

所有图标都是drawable和drawable-v21文件夹中的矢量图标。

在v16的输出中，没有填充，图标没有颜色。以下是图标的代码：

file: vector_icon_user.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="24.0"
    android:viewportWidth="24.0">
    <path
        android:fillColor="#3f000000"
        android:pathData="M12 14.016q2.531 0 5.273 1.102t2.742
        2.883v2.016h-16.031v-2.016q0-1.781 2.742-2.883t5.273-1.102zM12
        12q-1.641 0-2.813-1.172t-1.172-2.813 1.172-2.836 2.813-1.195
        2.813 1.195 1.172 2.836-1.172 2.813-2.813 1.172z" />
</vector>

file: vector_icon_user_focused.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="24.0"
    android:viewportWidth="24.0">
    <path
        android:fillColor="@color/colorAccent"
        android:pathData="M12 14.016q2.531 0 5.273 1.102t2.742
        2.883v2.016h-16.031v-2.016q0-1.781 2.742-2.883t5.273-1.102zM12
        12q-1.641 0-2.813-1.172t-1.172-2.813 1.172-2.836 2.813-1.195
        2.813 1.195 1.172 2.836-1.172 2.813-2.813 1.172z" />
</vector>

最后这里是API v16上的输出：

请帮助我理解，我做错了什么，以及达到同样目的的正确方法。

Answer 1

以下是我要解决的问题（回退方法），因为我试图实现的方式不受v23以下的API支持（上面只能在API v23中使用）

file: vector_icon_user_focused.xml
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="24.0"
    android:viewportWidth="24.0">
    <path
        android:fillColor="#ACFDE9"
        android:pathData="M12 14.016q2.531 0 5.273 1.102t2.742
        2.883v2.016h-16.031v-2.016q0-1.781 2.742-2.883t5.273-1.102zM12
        12q-1.641 0-2.813-1.172t-1.172-2.813 1.172-2.836 2.813-1.195
        2.813 1.195 1.172 2.836-1.172 2.813-2.813 1.172z" />
</vector>

这里填充颜色是硬编码的。

文件drawable_edittext_username.xml已被删除，文件drawable_rounded_box.xml用于代替EditText背景可绘制文件。

文件vector_icon_user.xml已重命名为vector_icon_user_normal.xml，并且创建了名为vector_icon_user.xml的新文件，其中包含vector_icon_user_normal.xml和vector_icon_user_focused.xml的选择器，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="false" 
          android:drawable="@drawable/vector_icon_user_focused" />
    <item android:drawable="@drawable/vector_icon_user_normal" />
</selector>

现在这个新的drawable用作android:drawableLeft="@drawable/vector_icon_user"和android:drawablePadding="10dp"。

在上述代码之后，它在所有设备上统一。现在我没有任何v21特定代码留给drawables和布局。

如果您有任何疑问，请与我们联系。

Background Drawable中的Android问题，带有API v16的图层列表

1 个答案: