Android 如何实现与系统快捷开关样式一致的自定义View

基础静态样式实现 #

直接使用Material组件库的控件就能快速还原基础效果，不需要复杂自定义：

• 外层用MaterialCardView作为容器，尺寸按设计需求设置，主流快捷开关尺寸为80dp×80dp，设置app:cornerRadius为28dp匹配系统大圆角样式，app:cardElevation设为2dp实现阴影效果，app:rippleColor设置为半透明主题色实现按压波纹效果。
• 内层嵌套垂直方向LinearLayout，设置gravity="center"，上下左右加8dp内边距，按权重分配空间：上方占3份放图标控件，下方占1份放文本控件。
• 图标控件ImageView尺寸设为32dp×32dp，通过app:tint设置适配深浅模式的中性图标色。
• 文本控件TextView字号设为12sp，开启单行显示超出省略，文字颜色和图标色保持同色系。

不想依赖Material组件可以用自定义Drawable方案：

自定义shape drawable作为根布局背景，设置corners属性对应圆角、solid设置背景色、可选stroke设置边框，给根布局加foreground="?android:attr/selectableItemBackground"属性实现按压效果即可。

附基础布局代码示例：

<!-- 快捷开关item布局示例 -->
<com.google.android.material.card.MaterialCardView
    android:id="@+id/shortcut_card"
    android:layout_width="80dp"
    android:layout_height="80dp"
    app:cardElevation="2dp"
    app:cornerRadius="28dp"
    app:rippleColor="?attr/colorControlHighlight">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        android:padding="8dp">

        <ImageView
            android:id="@+id/shortcut_icon"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:src="@drawable/ic_wifi"/>

        <TextView
            android:id="@+id/shortcut_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="4dp"
            android:text="WiFi"
            android:textSize="12sp"/>
    </LinearLayout>
</com.google.android.material.card.MaterialCardView>

系统开关形状自适应实现 #

Android 12及以上系统支持跟随主题修改图标形状，通过读取系统主题属性即可实现自适应：

• 调用context.obtainStyledAttributes读取android.R.attr.config_iconCornerFamily、android.R.attr.config_iconCornerSize两个系统属性，前者返回0对应直角、1对应圆角、2对应切角，后者返回对应圆角/切角的尺寸。
• 拿到参数后通过ShapeAppearanceModel构建对应形状，赋值给MaterialCardView的shapeAppearanceModel属性即可刷新控件外观。
• 在Activity的onConfigurationChanged回调中重新读取属性刷新样式，即可实现跟随系统设置实时变化。

附自适应形状代码示例：

// Android 12+ 适配系统图标形状
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
    val attrs = intArrayOf(android.R.attr.config_iconCornerFamily, android.R.attr.config_iconCornerSize)
    context.obtainStyledAttributes(attrs).use { typedArray ->
        val cornerFamily = typedArray.getInt(0, 1) // 默认圆角
        val cornerSize = typedArray.getDimensionPixelSize(1, 0)
        // 动态更新卡片形状
        val shapeModel = ShapeAppearanceModel.builder()
            .setAllCorners(cornerFamily, cornerSize.toFloat())
            .build()
        binding.shortcutCard.shapeAppearanceModel = shapeModel
    }
}

可选优化点 #

• 长按交互：配合PopupMenu或者ListPopupWindow实现类似系统快捷开关长按跳转对应设置页的效果。
• 状态动画：带开关状态的控件可以通过ValueAnimator实现背景色、图标色的过渡动画，对齐系统开关的切换效果。
• 多主题适配：使用DayNight主题的颜色资源，自动适配深色/浅色模式下的背景、图标、文字颜色。

内容的提问来源于stack exchange，提问作者DxDyDzGatto