如何淡化图像的一部分

Question

我有一种简单的圆环图逐渐上色。我希望根据值使这个甜甜圈褪色。例如，如果值为 35，则我的甜甜圈的 35% 不会褪色，而 65% 会褪色。我不要任何动画。

这是我想要实现的示例：

没有屏蔽功能的甜甜圈代码：

<ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/donut"
        android:layout_alignTop="@+id/imageView"
        android:layout_marginStart="10dp"
        android:layout_marginTop="10dp"/>

Answer 1

我不知道 android 设计，但一些网页设计逻辑可能会有所帮助。你能在图像上创建一个不透明的面板，并给它精确的图像宽度和高度吗？因此，当您希望显示 20% 的图像时，只需将 80% 分配给面板并正确对齐即可。

此致。

Answer 2

您还可以按照以下步骤将一些遮罩与半透明图像结合使用。

创建一个 black/white 甜甜圈，例如35%，
用这个甜甜圈遮住你的半透明体（例如，让所有黑色部分完全透明）
使用此蒙版图像作为全彩色甜甜圈的叠加层。

这会给您留下一个部分褪色的甜甜圈，其轮廓与原始甜甜圈相同。

很抱歉，我手头没有任何屏蔽代码，但这些步骤可以达到预期的效果。

如何淡化图像的一部分

How to fade part of an image

android

opacity

android-layout

android-view