非常明显的元素阴影

Question

我正在创建使用材质设计元素的应用。我试图为两个矩形（白色和蓝色）添加阴影。

<ImageButton
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="@android:color/white"
    android:elevation="10dp"
    android:translationZ="4dp"/>

<ImageButton
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="@android:color/holo_blue_light"
    android:elevation="10dp"
    android:translationZ="4dp"/>

对于白色矩形，阴影很好，但对于蓝色阴影，阴影实际上是不可见的（尤其是右侧阴影）。

如何提高阴影的可见度？

Answer 1

这种情况发生了，因为蓝色当然比白色更暗，因此阴影的对比度会降低并“消失”。所以它更像是一种视错觉。看看下面的图片，我只是剪下彩色矩形，正如你所看到的，阴影是同一个。你可以使阴影更暗（稍微降低不透明度），使其看起来“更加明显”。

我用上面的颜色做了一个小例子，左边有白色和蓝色方框的相同框阴影。显然，由于盒子的亮度，蓝色盒子的阴影稍微不那么明显。右侧蓝色框的阴影略微增加了不透明度（+ 10％），这使得阴影更加明显。