如何调整不透明度，实现图标与背景30%对比度且联动变色？

嘿，我来帮你搞定这个需求！要让图标颜色保持背景的30%对比度，并且随背景颜色同步变化，咱们可以通过Android的主题属性和透明度设置来实现，具体方案如下：

方案一：直接在Vector图标中设置主题颜色+透明度 #

这是最简洁的方式，直接修改你提供的Vector图标代码，把固定的填充色换成主题关联的颜色，并添加30%的透明度：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="24"
    android:viewportWidth="24">
    <path
        android:fillColor="?attr/colorOnBackground"
        android:alpha="0.3"
        android:pathData="M18.9074079,13.6"
        android:strokeWidth="1"/>
</vector>

关键说明： #

• ?attr/colorOnBackground是Android Material主题提供的属性，它会自动适配当前背景的对应前景色（比如背景是白色时用黑色，背景是黑色时用白色），完美实现「背景变化时图标颜色同步变化」的需求。
• android:alpha="0.3"直接将图标的不透明度设置为30%，刚好匹配你要的对比度要求。

方案二：使用颜色状态列表（更灵活的扩展） #

如果你后续需要给图标添加不同状态（比如按下、选中时的透明度变化），可以用颜色状态列表来管理：

1. 首先在res/color目录下创建icon_contrast_color.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 默认状态：30%透明度的背景对应前景色 -->
    <item android:alpha="0.3" android:color="?attr/colorOnBackground"/>
    <!-- 可添加其他状态，比如按下时的效果 -->
    <item android:state_pressed="true" android:alpha="0.5" android:color="?attr/colorOnBackground"/>
</selector>

2. 然后在Vector图标中引用这个颜色列表：

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="24"
    android:viewportWidth="24">
    <path
        android:fillColor="@color/icon_contrast_color"
        android:pathData="M18.9074079,13.6"
        android:strokeWidth="1"/>
</vector>

额外注意：确保主题配置正确 #

为了让?attr/colorOnBackground正常工作，需要在你的应用主题中正确配置相关颜色（以Material主题为例）：

<!-- res/values/styles.xml -->
<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <!-- 白天主题 -->
    <item name="colorBackground">@color/white</item>
    <item name="colorOnBackground">@color/black</item>
    <!-- 深色主题 -->
    <item name="colorBackgroundDark">@color/black</item>
    <item name="colorOnBackgroundDark">@color/white</item>
</style>

这样无论你切换系统主题，还是在代码中动态更改背景颜色，图标都会自动同步调整颜色并保持30%的对比度啦！

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