【问题标题】:How can I add a background color to an Android SwitchPreference? [duplicate]如何向 Android SwitchPreference 添加背景颜色? [复制]
【发布时间】:2017-10-05 12:54:01
【问题描述】:

我正在使用 PreferenceFragment 通过单个 SwitchPreference 扩展 xml 文件。如何使该首选项的背景颜色(包括 SwitchPreference 的标题)与下图相匹配。我试过设置背景,但我只能设置开关图标的背景颜色。

【问题讨论】:

标签: java android android-layout android-preferences switchpreference


【解决方案1】:

styles.xml(在 values 文件夹中的 style.xml 文件中创建此样式)

<resources>

<style name="SwitchTheme" parent="Theme.AppCompat.Light">
    <!-- switch on thumb & track color -->
    <item name="colorControlActivated">#02c754</item>

    <!-- switch off thumb color -->
    <item name="colorSwitchThumbNormal">#f1f1f1</item>

    <!-- switch off track color -->
    <item name="android:colorForeground">#42221f1f</item>
</style>

</resources>

your_layout_activity.xml

<android.support.v7.widget.SwitchCompat
    android:id="@+id/switch_on_off"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_gravity="center"
    android:checked="true"
    android:gravity="center"
    android:paddingLeft="30dp"
    android:theme="@style/SwitchTheme"
    app:switchMinWidth="55dp"/>

这个来源对我有用。试试这个你会明白的

【讨论】:

    【解决方案2】:

    我已经使用样式完成了这项工作

    样式.xml

    <style name="SwitchTheme" parent="Theme.AppCompat.Light">
        <item name="colorControlActivated">@color/yourcolor</item>
    </style>
    

    在布局中

    <android.support.v7.widget.SwitchCompat
        android:id="@+id/switch_on_off"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_gravity="center"
        android:checked="false"
        android:gravity="center"
        android:paddingLeft="@dimen/padding"
        android:paddingRight="@dimen/padding"
        app:switchMinWidth="@dimen/switch_size"
        app:theme="@style/SwitchTheme" />
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-02-28
      • 2019-01-19
      • 1970-01-01
      • 2018-11-01
      • 2016-08-09
      • 1970-01-01
      • 2019-01-05
      相关资源
      最近更新 更多