1

在我的 Android 应用程序中，我有一个SwitchCompat用于过滤列表数据的列表。默认主题不能满足我的目的，我需要的是一个类似 iOS 的开关。我不知道如何自定义它以使其看起来与 iOS 开关完全一样。谢谢阅读。

            <androidx.appcompat.widget.SwitchCompat
                android:id="@+id/switch_1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:background="@xml/custom_switch_background_main"
                android:theme="@style/AppTheme.SwitchOverlay"/>

当前主题 梦想主题

这是我目前存档的

在此处输入图像描述

custom_switch_background_main.xml

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

custom_switch_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="50dp" />
    <solid android:color="@color/transparent" />
    <stroke
        android:width="1dp"
        android:color="@color/hello" />
</shape>

这就是我要的

在此处输入图像描述

4

3 回答 3

0

我认为您应该使用滑动选项卡布局而不是 switchcompat 来满足您的要求。我找到了一个第三方库，它看起来像你想要的一样的开关。

您可以根据需要自定义颜色和圆角半径。

单击此处使用此库

于 2020-09-08T08:29:48.770 回答
0

您可以实现以下目标：

在此处输入图像描述

与标准MaterialButtonToggleGroup：

      <com.google.android.material.button.MaterialButtonToggleGroup
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           app:selectionRequired="true"
           app:singleSelection="true">
           
           <com.google.android.material.button.MaterialButton
               app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.App.rounded"
               style="?attr/materialButtonOutlinedStyle"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="ITEM1"/>

           <com.google.android.material.button.MaterialButton
               app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.App.rounded"
               style="?attr/materialButtonOutlinedStyle"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="ITEM2"/>
           
           
       </com.google.android.material.button.MaterialButtonToggleGroup>

和：

<style name="ShapeAppearanceOverlay.App.rounded" parent="">
    <item name="cornerSize">50%</item>
</style>

如果你想要边框，你可以将它包裹MaterialButtonToggleGroup在一个容器（LinearLayout, CardView....）中，应用一个小填充。

如果你想要两边都有圆角的按钮，你可以检查一下这个问题。

于 2020-09-10T10:21:03.237 回答
0

我通过使用一个自定义向量（里面的文本是一个掩码）实现了这个设计，它替换了开关的状态指示器。然后我用自定义边框设计更改了开关兼容背景矢量以实现边框。我会很快再次更新这个答案。

于 2021-02-07T11:26:30.023 回答