Android - 从形状 xml 引用的 ColorStateList xml 的问题

Question

我遇到了一个问题，其中一个可绘制 xml 文件中的颜色选择器似乎不被接受。我有一个布局，包括：

<LinearLayout 
    android:layout_height="wrap_content"
    android:id="@+id/sortLayout"
    android:layout_width="fill_parent"
    android:gravity="center"
    android:background="@color/listSortBarBackground" android:orientation="vertical">
    <ToggleButton
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:checked="true"
        android:background="@drawable/filter_button_left"/>
    <ToggleButton
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:checked="false"
        android:background="@drawable/filter_button_left"/>
</LinearLayout>

drawable\filter_button_left.xml 看起来像：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
  <solid android:color="@color/filter_button_color" />
  <corners
    android:bottomLeftRadius="0dp"
    android:topLeftRadius="5dp"
    android:topRightRadius="0dp"
    android:bottomRightRadius="5dp"/>
</shape>

和 color\filter_button_color.xml 是：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
  <item
    android:color="@color/myred"
    android:state_checked="true"/>
  <item
    android:color="@color/myblue"
    android:state_checked="false"/>
</selector>

（myred 和 myblue 在 color.xml 中定义）

按钮被渲染，我可以告诉他们正在获得正确的检查状态，因为第一个显示文本“ON”，第二个显示“OFF”，两个按钮都将形状作为背景，但在这两种情况下，形状的颜色都是红色。我尝试了翻转 filter_button_color.xml 选择器中的项目，似乎无论实际状态或选择器项目中的状态如何，始终使用顶部颜色。

谁能明白为什么这不起作用？

谢谢！ 斯科特

Answer 1

我认为你的问题是 xml 绘图的方式错误。
您需要首先从 ToggleButton 布局引用您的选择器，并在选择器布局内有两个可绘制对象。
例如切换按钮->选择器（有两种状态）->形状。
这应该可行（并减少一个 xml 文件）。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <shape>
            <solid android:color="@color/myred"/>
            <corners 
                android:bottomLeftRadius="0dp" 
                android:topLeftRadius="5dp" 
                android:topRightRadius="0dp" 
                android:bottomRightRadius="5dp"/>
        </shape>
    </item>
    <item android:state_checked="false">
        <shape>
            <solid android:color="@color/myblue"/>
            <corners 
                android:bottomLeftRadius="0dp" 
                android:topLeftRadius="5dp" 
                android:topRightRadius="0dp" 
                android:bottomRightRadius="5dp"/>
        </shape>
    </item>
</selector>