创建 ToggleButton 的一些建议

Question

我必须像这样创建ToggleButton（应该在任何设备上调整大小）。

然后在ViewGroup的onLayout方法中进行布局。

您能告诉我如何创建它吗？

---

我尝试过这样做：

buttons.xml

<ToggleButton
        android:id="@id/add_favorites_button_id"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@drawable/menu_button_selector"
        android:drawableTop="@drawable/star"
        android:textOff=""
        android:textOn=""
        android:contentDescription="Add Favorites"/>

menu_button_selector.xml

<level-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:maxLevel="0">
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_checked="true">
            <rotate
                    android:fromDegrees="90"
                    android:toDegrees="90"
                    android:pivotX="50%"
                    android:pivotY="50%"
                    android:drawable="@drawable/round_button_active"/>
        </item>
        <item android:state_checked="false">
            <rotate
                    android:fromDegrees="90"
                    android:toDegrees="90"
                    android:pivotX="50%"
                    android:pivotY="50%"
                    android:drawable="@drawable/round_button"/>
        </item>

    </selector>
</item>
.....
</level-list>

round_button_active.xml

我有一些背景，只是旋转它。因为按钮应该位于已知度数：0、45、90、...

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
        <corners android:topLeftRadius="50dp" android:topRightRadius="50dp"/>
        <solid android:color="@color/tb_red_button"/>
        <size android:width="60dp" android:height="60dp"/>
    </shape>
</item>
</layer-list>

然后在onLayout 方法中我对其进行布局：

final View button = parentLayout.getChildAt(i);
button.getBackground().setLevel(i);
button.setOnClickListener(this);
button.layout(x1, y1, x2, y2);

我收到了什么：

在 0、90、180 等度数上的按钮看起来很清楚它们应该是什么

但是

在 45、135 等度数上的按钮被矩形画布切割。即使我旋转它，我也会在矩形画布的范围内进行。

Answer 1

据我了解，实现此目的的一种可能方法（使用图像）将是

将您在此处的图像视为半圆（两个黑色边框半圆），它是完整圆的一部分。这个圆圈的上半部分是透明的。整个设置将是图像视图中的图像。

红色圆圈拇指也是与上述设置相同大小的图像，除了红色部分外，所有区域都是透明的。把它放在另一个图像视图中

现在将两个 image-view 一个放在另一个上面，红色放在上面。将点击监听器添加到红色图像视图并使用 imageView.setRotate(degree) 旋转它

为了给人一种旋转运动的感觉，只需在很短的时间间隔后调用上述方法并每次递增度数的值。

我添加了一张图片以便更好地理解。蓝色边框是黑色圆圈 image-view 的边界，绿色边框是红色圆圈 image-view 的边界。两者都有一个共同的中心，因此当旋转上部图像视图时，它会在两个黑色圆圈之间的路径之后出现红色圆圈。