返回

图标变革，适配新版本！Android 8 和 Android 13 图标适配详解

Android

Android 自适应图标的全面指南

自适应图标是什么？

随着 Android 设备屏幕形状和尺寸的变化，应用图标的外观也变得多样化。为了解决方形或圆形图标在不同设备上看起来不协调的问题，Google 在 Android 8 和 Android 13 中引入了自适应图标。

自适应图标是一种可自动调整大小和形状以适应任何设备屏幕的图标。它通常由多个组件组成，包括前景图标、背景图标和遮罩图标。在 Android 13 中，自适应图标使用单一的矢量图形实现，它可以缩放和变形以匹配设备屏幕。

Android 8 中的自适应图标

Android 8 中的自适应图标是一个包含不同形状和大小图标的集合。系统会根据设备屏幕形状和尺寸选择合适的图标。自适应图标通常由以下组件组成：

  • 前景图标： 应用图标的主体部分，通常是方形或圆形。
  • 背景图标： 前景图标后面的背景部分，通常与前景图标颜色对比鲜明。
  • 遮罩图标： 用于定义前景图标形状的透明图标。

Android 13 中的自适应图标

Android 13 中的自适应图标采用单一矢量图形实现。这种图形可以缩放和变形，以适应任何设备屏幕，并支持新的主题功能。用户可以自定义手机主题颜色，而自适应图标会随之改变颜色，以匹配系统主题。

适配 Android 8 和 Android 13 图标的步骤

要适配 Android 8 和 Android 13 的自适应图标，请执行以下步骤：

  1. 创建包含前景图标、背景图标和遮罩图标的文件夹。
  2. 将文件夹命名为 mipmap-anydpi-xxxhdpi。
  3. 将文件夹放在应用的 res 目录中。
  4. 在应用的 AndroidManifest.xml 文件中添加以下代码：
<application
    android:icon="@mipmap-anydpi-xxxhdpi"
    android:roundIcon="@mipmap-anydpi-xxxhdpi"
    android:allowBackup="true"
    android:label="@string/app_name"
    android:theme="@style/Theme.MyApp" >
</application>
  1. 在应用的 res/values/strings.xml 文件中添加以下代码：
<string name="app_name">My App</string>
  1. 在应用的 res/values/styles.xml 文件中添加以下代码：
<style name="Theme.MyApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
    <item name="android:colorPrimary">@color/colorPrimary</item>
    <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="android:colorAccent">@color/colorAccent</item>
</style>
  1. 在应用的 res/values/colors.xml 文件中添加以下代码：
<color name="colorPrimary">#FF4081</color>
<color name="colorPrimaryDark">#FF3061</color>
<color name="colorAccent">#FF9800</color>
  1. 构建你的应用。

注意事项

  • 自适应图标只能在 Android 8 及更高版本系统上使用。
  • 自适应图标必须是矢量图形。
  • 自适应图标的尺寸必须为 1024 x 1024 像素。
  • 自适应图标的文件格式必须为 PNG 或 WebP。
  • 自适应图标的背景必须是透明的。

结论

自适应图标是 Android 8 和 Android 13 中的一项重要功能，它允许图标在任何设备屏幕上保持美观。通过遵循本指南，你可以轻松适配你的应用图标，以支持这一功能。

常见问题解答

  1. 自适应图标有什么好处？
    自适应图标可以在不同形状和大小的设备屏幕上保持美观，增强用户体验。

  2. 如何创建自适应图标？
    按照本指南中的步骤创建自适应图标，包括创建前景、背景和遮罩图标。

  3. 自适应图标是否可以在所有 Android 版本上使用？
    自适应图标只能在 Android 8 及更高版本系统上使用。

  4. 自适应图标有什么尺寸要求？
    自适应图标的尺寸必须为 1024 x 1024 像素。

  5. 自适应图标必须是矢量图形吗？
    是的，自适应图标必须是矢量图形，以便可以在不同设备屏幕上进行缩放和变形。