Android의 맞춤 스위치

이 자습서에서는 스위치를 제어하고 모양을 변경하는 방법을 보여줍니다.

새로운 드로어블 객체를 생성하여 스위치의 트랙과 썸을 변경할 수 있습니다.

길

아래는 트랙의 예제 코드입니다.

switch_track.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false">
        <shape android:shape="rectangle">
            <solid android:color="@color/salmon_pink"/>
            <corners android:radius="1dp"/>
        </shape>
    </item>

    <item android:state_checked="true">
        <shape android:shape="rectangle">
            <solid android:color="@color/green"/>
            <corners android:radius="1dp"/>
        </shape>
    </item>
</selector>

스위치 상태(android:state_checked)에 따라 적절한 개체(둘 중 하나)를 선택하는 선택기를 정의했습니다.

그런 다음 새로 만든 트랙을 스위치에 할당해야 합니다.
이 코드 줄을 스위치 정의에 넣으면 됩니다.

 <androidx.appcompat.widget.SwitchCompat
   ...
   app:track="@drawable/switch_track"/>

무지

스위치 상태에 따라 적절한 썸을 표시하는 선택기를 만드는 트랙 변경과 매우 유사합니다.

switch_thumb.xml

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

그리고 아래는 체크된 스위치의 엄지 손가락에 대한 예제 코드입니다.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <solid android:color="@color/green" />
            <corners android:radius="7dp" />
        </shape>
    </item>
    <item
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/white"/>
            <corners android:radius="5dp"/>
            <size android:height="30dp" android:width="60dp"/>
        </shape>
    </item>
</layer-list>

스위치에 엄지 손가락을 전달합니다.

 <androidx.appcompat.widget.SwitchCompat
    ...
    android:thumb="@drawable/switch_thumb" />

결과

가능성은 무한합니다. 애플리케이션에 완벽하게 맞는 스위치를 만들 수 있습니다.