较旧设备的android布局

Question

我是android编程的新手，为了使旧版（android 2.3.3）设备能够生成应用，我在布局上有些混乱。 我在android studio的GUI编辑器中弄乱了很多，以使（我认为）一个漂亮的GUI。 然后我才注意到我正在使用API​​23。这导致旧设备（API 10）的GUI完全混乱，然后我开始更改所有内容，以便它至少对我要开发的设备一样好对于。

我使用了垂直方向的LinearLayout ，在其中放置了一些TextView和一个Chronometer ，最后一个大结局（导致问题的原因）是一个ToggleButton ，它在单击时会改变颜色。 我的ToggleButton代码如下所示：

<ToggleButton android:id="@+id/toggleButton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_margin="10dip"
    android:enabled="true"

    android:background="@drawable/toggle_button"
    android:button="@android:drawable/ic_btn_speak_now"
    android:buttonTint="#FFFFFF"


    android:textAllCaps="false"
    android:textOn="@string/toggle_on"
    android:textOff="@string/toggle_off"
    android:textColor="#FFFFFF"
    android:gravity="center" />

在此代码片段ic_btn_speak_now有一些我在system-drawables中找到的扬声器图标。 另一方面， toggle_button由我编写，外观如下：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

        <solid android:color="@drawable/toggle_color" />
        <corners android:radius="5dip" />
</shape>

其toggle_color如下所示：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#669900"
        android:state_checked="true" />
    <item android:color="#cc0000"
        android:state_checked="false" />
</selector>

这导致了一个非常漂亮的按钮，该按钮非常适合API 23，但不适用于API 10。

我已经到处环顾了很多地方，到处都有其他解决方案以及某些无法正常工作的其他原因。 我尝试了多种方法，但没有结果。 我什至省去了按钮的优美形状，希望可以实现颜色的改变，但我也没有做到这一点。

因此，我的问题如下：

1. 是什么使我的代码不适用于API 10？
2. 我怎样才能让我心爱的按钮适用于API 10？

每一点帮助都值得赞赏。

Answer 1

我不知道为什么我的代码不起作用，但是我设法通过编程改变形状很容易地解决了它。 因此，我在res/drawable文件夹中制作了2种形状（每种颜色一种），如下所示：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

        <solid android:color="#cc0000" />
        <corners android:radius="5dip" />
</shape>

这将是red_toggle.xml而我用另一种颜色进行了同样的操作以制作green_toggle.xml 。 我的ToggleButton被更改为在单击时调用onToggle()方法，最终看起来像：

<ToggleButton android:id="@+id/toggleButton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:layout_margin="10dip"
    android:onClick="onToggle"

    android:padding="15dp"
    android:background="@drawable/toggle_button"
    android:button="@android:drawable/ic_btn_speak_now"
    android:buttonTint="#FFFFFF"

    android:textAllCaps="false"
    android:textOn="@string/toggle_on"
    android:textOff="@string/toggle_off"
    android:textColor="#FFFFFF"
    android:gravity="center" />

然后在我的Activity ，使用此方法onToggle()执行以下操作：

public void onToggle(View view) {
    //only togglebutton should be calling this method
    if(((ToggleButton) view).isChecked()) {
        toggle.setBackgroundResource(R.drawable.red_toggle);
    } else {
        toggle.setBackgroundResource(R.drawable.green_toggle);
    }
}

而这实际上是我所需要的...