アンドロイドのスイッチ形状を変更する方法

Question

スイッチを使ってレイアウトファイルを作成しました。今私はセレクタの形状を変更したい。また、このスイッチでテキストを削除したい。

現在のところ、長方形です。私はそれを円形に変更したい。

これは、現在、私はこれを達成する方法については考えている、

<?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

あなたがhttps://github.com/kyleduo/SwitchButtonを試すことができます。このライブラリはたくさん SwitchButton

Answer 2

これらの形状はデバイスによって異なります。たとえば、Redmi Noteで長方形、Motoで円形に表示されます。

これを達成するためにあなたは、以下のようにトグル実装を持つことができ、けれども： 3つのスタイル持つ：

• を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" /> 

ヒント：スイッチ/トグルからテキストを削除するには、android:textOn=""android:textOff=""を使用します。