Flutter Android 12应用切换时图标外围圆环修改方法咨询
在Flutter Android 12应用中修改切换应用时的图标圆环
这个圆环是Android 12及以上系统的应用焦点环/任务切换高亮环,它的颜色和样式由系统主题及应用的自适应图标配置共同控制,修改方式如下:
1. 修改自适应图标背景色(影响基础圆环色调)
Android 12要求应用使用自适应图标,需在android/app/src/main/res/mipmap-anydpi-v26/目录下的ic_launcher.xml和ic_launcher_round.xml中配置:
- 打开文件,找到
<background>标签,修改android:drawable属性指定自定义颜色或Drawable资源:
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android"> <background android:drawable="@color/your_custom_background" /> <foreground android:drawable="@mipmap/ic_launcher_foreground" /> </adaptive-icon>
- 在
res/values/colors.xml中定义自定义颜色:
<color name="your_custom_background">#FF4CAF50</color>
2. 适配系统主题动态颜色(控制不同场景的圆环颜色)
任务切换时的圆环颜色会跟随系统主题(如浅色/深色模式、设置页面色调),适配动态变化的步骤:
- 在
res/values/styles.xml中,将应用主题继承自Material3主题:
<style name="LaunchTheme" parent="Theme.Material3.DayNight.NoActionBar"> <item name="android:colorPrimary">@color/your_primary_color</item> <item name="android:colorSecondary">@color/your_secondary_color</item> <!-- 其他主题配置 --> </style>
- 系统会基于主题的
colorPrimary自动调整圆环颜色,若需强制固定颜色,可添加:
<item name="android:colorControlHighlight">@color/your_focus_ring_color</item>
3. Android 12+专属任务切换配置
若需单独控制任务切换场景的圆环样式,可创建res/values-v31/styles.xml,在主题中添加:
<style name="AppTheme" parent="Theme.Material3.DayNight.NoActionBar"> <item name="android:taskDescriptionIconBackgroundColor">@color/your_icon_ring_color</item> <item name="android:taskDescriptionBackgroundColor">@color/your_task_bg_color</item> </style>
注意:需同步在res/values-night/colors.xml中定义深色模式下的对应颜色值,保证不同场景显示效果一致。
内容的提问来源于stack exchange,提问作者ferdinand
相关产品推荐
相关产品推荐

