Jetpack Compose多屏幕适配时，如何消除API级别对图标尺寸的影响？

问题根源分析 #

Android API 29（Android 10）及以上版本，Material Components库对FloatingActionButton（FAB）的默认样式做了调整，包括图标内边距、默认图标尺寸等，导致同设备不同API级别下图标显示差异。结合你的多屏幕适配方案，需要显式覆盖系统默认的API相关样式规则，确保跨版本一致性。

具体解决步骤 #

• 显式指定图标尺寸与FAB大小
  在布局文件中直接为FAB设置固定的图标尺寸和FAB尺寸，避免依赖系统默认值：

  <com.google.android.material.floatingactionbutton.FloatingActionButton
      android:id="@+id/expanded_fab"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:fabSize="normal" <!-- 可选值：normal/mini/large -->
      app:iconSize="@dimen/fab_icon_size" <!-- 从你的appDimens中引用统一值 -->
      app:srcCompat="@drawable/your_expanded_icon" />
  

• 覆盖主题中的FAB相关属性
  在你的自定义主题中添加FAB图标尺寸、内边距的全局配置，确保所有API级别下使用统一规则：

  <style name="YourCustomTheme" parent="Theme.MaterialComponents.DayNight">
      <!-- 全局设置FAB图标尺寸 -->
      <item name="fabIconSize">@dimen/fab_icon_size</item>
      <!-- 移除默认内边距，避免图标被挤压 -->
      <item name="fabContentInset">0dp</item>
      <!-- 固定FAB基础尺寸 -->
      <item name="fabSize">normal</item>
  </style>
  

• 检查矢量图标配置
  确保你的图标资源（尤其是矢量图）没有设置自适应缩放属性。在drawable文件中显式指定图标宽高：

  <vector xmlns:android="http://schemas.android.com/apk/res/android"
      android:width="24dp"
      android:height="24dp"
      android:viewportWidth="24"
      android:viewportHeight="24">
      <!-- 图标路径 -->
  </vector>
  

• 统一Material Components库版本
  确认项目中依赖的Material Components库版本一致，避免不同版本的样式差异：

  implementation 'com.google.android.material:material:1.x.x' <!-- 使用稳定版本，如1.9.0 -->
  

验证方案 #

完成上述配置后，在Pixel3的API24、29/30环境下分别测试，图标尺寸应保持一致。如果仍有差异，可以进一步检查appDimens中针对不同尺寸类的fab_icon_size是否设置正确，确保没有API级别的资源目录（如values-v29）覆盖了全局尺寸值。

内容的提问来源于stack exchange，提问作者Yunus Emrah Uluçay