Android开发：如何让白色图片上的白色按钮、文本清晰可见？

可行解决方案 #

你需要保留白色元素配色且不能调整现有布局结构，可选择以下侵入性极低的方案：

方案1：为文本和图标添加阴影/描边（最推荐，改动最小） #

elevation没有生效是因为默认阴影只有在视图有背景时才会绘制，你直接给元素加自定义阴影即可：

• 针对所有白色TextView，直接在XML中添加如下属性，不需要改动其他布局逻辑：

android:shadowColor="#80000000" <!-- 半透明黑色阴影 -->
android:shadowRadius="2dp"
android:shadowDx="1dp"
android:shadowDy="1dp"

• 针对白色图标，可直接修改图标drawable为带描边的版本：如果是矢量图，在矢量根节点添加<stroke android:color="#80000000" android:width="1dp"/>即可；如果是位图，可通过代码给drawable添加阴影轮廓，无需调整布局。

方案2：为图片添加边缘渐变遮罩 #

你的按钮全部集中在布局的顶部和底部区域，可直接给承载图片的ImageView添加上下渐变遮罩：

1. 先创建渐变drawable image_gradient_cover.xml：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 顶部渐变：从上到下半透黑到完全透明 -->
    <item android:gravity="top">
        <shape>
            <gradient
                android:angle="270"
                android:endColor="@android:color/transparent"
                android:startColor="#99000000"
                android:type="linear"/>
            <size android:height="60dp"/>
        </shape>
    </item>
    <!-- 底部渐变：从下到上半透黑到完全透明 -->
    <item android:gravity="bottom">
        <shape>
            <gradient
                android:angle="90"
                android:endColor="@android:color/transparent"
                android:startColor="#99000000"
                android:type="linear"/>
            <size android:height="80dp"/>
        </shape>
    </item>
</layer-list>

2. 把这个drawable设置为主ImageView的前景，完全不会影响你现有按钮布局的结构，只需要加一行代码：

// Kotlin 示例
mainImageView.foreground = ContextCompat.getDrawable(this, R.drawable.image_gradient_cover)

方案3：动态适配图片亮度 #

如果不想加固定遮罩，可在图片加载完成后，提取按钮所在区域的像素平均亮度，当亮度超过阈值（比如>0.8，值范围0-1，1为纯白色）时，自动给按钮和文本添加半透黑背景罩或者增强阴影效果，适配不同图片的显示需求。

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