如何在 android 中更改开关的形状

Question

我使用开关创建了布局文件。现在我想改变它的形状 selector.Also 我想删除这个开关上的文字。

目前它的形状是矩形。我想把它改成圆形。

这是我的布局文件，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_remind_me"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.pvt.RemindMeActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="3">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/remind_me_head_txt"
                android:layout_marginTop="5dp"
                android:textSize="20sp"
                android:text="Example one"
                android:textStyle="bold"/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="120dp"
            android:layout_weight="1">

            <Switch
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="2dp"
                android:showText="false"
                android:id="@+id/remind_me_switch"/>

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_weight="1">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:id="@+id/remind_me_list_img"
                android:src="@drawable/list_menu" />

        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/remind_me_title_txt"
            android:text="Sample Head"
            android:textSize="12sp"/>

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/remind_me_content_txt"
            android:text="Content"
            android:textSize="12sp"/>

    </LinearLayout>

</LinearLayout>

目前我不知道如何实现这一目标。

我们可以改变开关的形状吗？可能吗？

Answer 1

这些形状根据设备而变化，例如它在 Redmi Note 中显示为矩形，在 Moto 中显示为圆形。

不过，为了实现这一点，您可以使用如下所示的切换实现：拥有三种风格 :

offToggle ( Style Off )
onToggle ( Style On )
custom_toggle ( Style Custom Toggle )

样式关闭

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:visible="true">
    <solid android:color="@android:color/holo_blue_dark" />
</shape>

样式开启

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:visible="true">
    <solid android:color="@android:color/black" />
</shape>

现在我们将在布局中使用的集体样式 样式自定义切换

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

现在只需在您的布局中使用此样式，例如：

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textOn=""
    android:textOff=""
    android:background="@drawable/custom_toggle" />

提示：要从 switch/Toggle 中删除文本，请使用 android:textOn="" android:textOff="" .

Answer 2

在 android 中使用您喜欢的任何形状和样式进行切换这个图书馆会对你有很大帮助 SwitchButton

如何在 android 中更改开关的形状

How to change the shape of a switch in android

android

android-switch