You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.24 16:39:19