android中的自定义SwitchPreferenceCompat

Question

我试图改变默认开关拇指在偏好屏幕我的自定义。我在这里尝试了不同的解决方案，但没有一个有效。我最后一次尝试是创建一个自定义布局，但问题是，我不能正确地添加开关到该布局。由于id (@android:id/switch_widget需要API级别24(目前最小值为21)或其他建议的id:无法解析符号"@android:id/switchWidget")，因此无法真正添加androidx. apppat .widget。root_preferences.xml(部分):

<PreferenceCategory app:title="@string/confidentiality"
android:layout="@layout/preferences_category">
<SwitchPreferenceCompat
android:layout="@layout/switch_preference_compat"
app:key="show_contacts"
app:title="@string/contact_information"
app:singleLineTitle="false"
app:defaultValue="true"
app:iconSpaceReserved="false"/>
</PreferenceCategory>

switch_preference_compat.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:gravity="center_vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="8dp"
android:orientation="vertical">
<TextView
android:id="@android:id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/ks_font_data"
android:textSize="18sp"/>
<TextView
android:id="@android:id/summary"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16sp"/>
</LinearLayout>
<androidx.appcompat.widget.SwitchCompat
android:id="@android:id/switchWidget" <--- error here
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>

我试过样式，但也不太好用。我想让我的拇指看起来像这样[我的自定义开关][1][1]: https://i.stack.imgur.com/Js5vb.png

Answer 1

所以几个小时后，我能够找到如何做到这一点。张贴这个答案，所以它可能会帮助别人节省时间。在root_preferences.xml中有android:widgetLayout属性，可以为SwitchPreferenceCompat设置自定义布局:

<SwitchPreferenceCompat
android:widgetLayout="@layout/switch_preference_compat"
app:key="show_contacts"
app:title="@string/contact_information"
app:singleLineTitle="false"
app:defaultValue="true"
app:iconSpaceReserved="false"/>

switch_preference_compat.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="horizontal"
android:gravity="center_vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="8dp"
android:orientation="vertical">
<TextView
android:id="@android:id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"/>
<TextView
android:id="@android:id/summary"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16sp"/>
</LinearLayout>
<androidx.appcompat.widget.SwitchCompat
android:id="@+id/switchWidget"
android:thumb="@drawable/thumb"
app:track="@drawable/track"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout> 

是你放置自定义拇指和轨道的绘制线的地方。我的看起来是这样的:thumb.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="@drawable/switch_icon_false" />
<item android:state_checked="true"
android:drawable="@drawable/switch_icon_true"/>
</selector>

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="#dedede"/>
<corners android:radius="100sp"/>
<stroke android:color="#dedede"
android:width="1dp"/>
</shape>
</item>
<item android:state_checked="true">
<shape android:shape="rectangle">
<solid android:color="#9dcbb5"/>
<corners android:radius="100sp"/>
</shape>
</item>
</selector>