如何在 Android 中获得像新的 Google Play 报亭标题一样的半透明和彩色图像？

Question

我正在尝试获得像新的 Google Play 报亭应用一样的半透明和彩色图像，但到目前为止我尝试的所有方法都无法完美运行。下面的图片更能说明我的意思。

Google Play 报亭标题如下所示：

但我的代码在我看来是这样的标题：

太可怕了！

我的代码是：

ImageUtils.getImageFiltered(this, R.drawable.disaster, R.color.transparent_teal)

在“ImageUtils”类中，方法getImageFiltered(...)是：

public static Drawable getImageFiltered(Context context, int res, int color) {
    Drawable drawable = createContrast(context, res, 50);
    color = context.getResources().getColor(color);
    ColorFilter filter = new PorterDuffColorFilter(color, PorterDuff.Mode.DARKEN);
    drawable.setColorFilter(filter);
    return drawable;
}

createContrast(context, res, 50); 方法只是将图像改为黑白。

那么，有谁知道如何获得像 Google 应用一样的图像？

非常感谢，对不起我的英语，我刚刚学习。

Answer 1

我认为问题出在 createContrast() 函数中，它使较浅的灰色阴影过亮。您可以尝试使用应用了 setSaturation(0) 的 ColorMatrix 来修复它以返回不饱和灰度图像而不应用任何对比度调整。然后申请 PorterDuff。

或者，您可以使用 ColorMatrixColorFilter 创建效果，通过连接一个 ColorMatrix 来转换为灰度和另一个通过颜色进行调制来创建，如下所示：

public static Drawable getImageFiltered(Context context, int res, int color) {
    // load image:
    Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), res);
    BitmapDrawable drawable = new BitmapDrawable(context.getResources(), bitmap);

    // create matrix to convert to greyscale:
    ColorMatrix greyscaleMatrix = new ColorMatrix();
    greyscaleMatrix.setSaturation(0);

    // create matrix to colorize and apply transluceny:
    ColorMatrix colorizeMatrix = new ColorMatrix();
    color = context.getResources().getColor(color);
    colorizeMatrix.setScale(Color.red(color) / 255.0f,
            Color.green(color) / 255.0f,
            Color.blue(color) / 255.0f,
            Color.alpha(color) / 255.0f); // <- try setting this to 1.0f for no translucency

    // concatenate the two matrices and create a ColorMatrixColorFilter from the result:
    greyscaleMatrix.postConcat(colorizeMatrix);
    ColorMatrixColorFilter filter = new ColorMatrixColorFilter(greyscaleMatrix);

    // apply the filter:
    drawable.setColorFilter(filter);
    return drawable;
}

还需要使图像半透明吗？除了黑色背景之外，似乎没有任何东西从它后面显露出来。