对同一幅画应用多个颜色滤镜

Question

我想在一个可绘制的图中应用几个颜色过滤器。这可能吗?或者创建一个过滤器，它是我想要应用的过滤器的组合。

例如，我想:

Drawable d = ...;
d.setColorFilter(0x3F000000, Mode.OVERLAY).setColorFilter(0xFF2D2D2D, Mode.SCREEN)

Answer 1

这是我结束使用的方法:在Canvas上操作Drawable位图并应用我需要的尽可能多的层，使用Paint，它不仅适用于彩色滤镜，而且适用于任何类型的图像混合。

...
Drawable myBackground = createBackground(getResources().getColor(R.color.Green)); 
setBackgroundDrawable(myBackground);
...
private Drawable createBackground(int color) {
    Canvas canvas = new Canvas();
    Bitmap buttonImage = BitmapFactory.decodeResource(getResources(), R.drawable.btn_image);
    Bitmap buttonShadows = BitmapFactory.decodeResource(getResources(), R.drawable.btn_shadows);
    Bitmap buttonHighLights = BitmapFactory.decodeResource(getResources(), R.drawable.btn_highlights);
    Bitmap result = Bitmap.createBitmap(buttonImage.getWidth(), buttonImage.getHeight(), Bitmap.Config.ARGB_8888);
    canvas.setBitmap(result);
    Paint paint = new Paint();
    paint.setFilterBitmap(false);
    // Color
    paint.setColorFilter(new PorterDuffColorFilter(color, Mode.MULTIPLY));
    canvas.drawBitmap(buttonImage, 0, 0, paint);
    paint.setColorFilter(null);
    // Shadows
    paint.setXfermode(new PorterDuffXfermode(Mode.MULTIPLY));
    canvas.drawBitmap(buttonShadows, 0, 0, paint);
    // HighLights
    paint.setXfermode(new PorterDuffXfermode(Mode.SCREEN));
    canvas.drawBitmap(buttonHighLights, 0, 0, paint);
    paint.setXfermode(null);
    return new BitmapDrawable(getResources(), result);
}

警告: setBackgroundDrawable(Drawable d)被弃用，而setBackground(Drawable d)仅从api 16起可用，所以如果你像我一样有最小目标api-14最大目标api-17，你没有"干净"的方式来设置可绘制的背景。

Answer 2

在搜索了很多之后，我没有找到一个非常满足我需要的答案。然而，我偶然发现了这个名为"android中的实用图像处理"的视频。从2018年开始，它为我指明了正确的方向:ImageFilterView班。你可以在这里找到文档。

看到他们在同一图像上应用多个滤镜的方式是非常有启发性的，而且碰巧不是那么难。它由使用ColorMatrix和通过调用ColorMatrix.postConcat方法连接多个其他ColorMatrix组成。到最后，结果包含您应用到它的所有过滤器。

下面是一个示例代码来改变图像的亮度和饱和度。

package com.rewieer.imagefilters;
import androidx.appcompat.app.AppCompatActivity;
import android.graphics.ColorMatrix;
import android.graphics.ColorMatrixColorFilter;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.SeekBar;
public class MainActivity extends AppCompatActivity {
  private ImageView image;
  private SeekBar brightnessSeekBar;
  private SeekBar saturationSeekBar;
  private BitmapDrawable defaultDrawable;
  private int brightness = 0;
  private int saturation = 0;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    image = findViewById(R.id.mainImage);
    defaultDrawable = (BitmapDrawable) image.getDrawable();
    brightnessSeekBar = findViewById(R.id.brightnessSeekBar);
    saturationSeekBar = findViewById(R.id.saturationSeekBar);
    brightnessSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
      @Override
      public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        brightness = progress;
        redraw();
      }
      @Override
      public void onStartTrackingTouch(SeekBar seekBar) {
      }
      @Override
      public void onStopTrackingTouch(SeekBar seekBar) {
      }
    });
    saturationSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
      @Override
      public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        saturation = progress;
        redraw();
      }
      @Override
      public void onStartTrackingTouch(SeekBar seekBar) {
      }
      @Override
      public void onStopTrackingTouch(SeekBar seekBar) {
      }
    });
  }
  public void redraw() {
    ColorMatrix matrix = new ColorMatrix();
    matrix.postConcat(new ColorMatrix(new float[]{
        1f, 0, 0, 0, brightness,
        0, 1f, 0, 0, brightness,
        0, 0, 1f, 0, brightness,
        0, 0, 0, 1f, 0
    }));
    float MS = 1.0F - saturation;
    float Rt = 0.2999F * MS;
    float Gt = 0.587F * MS;
    float Bt = 0.114F * MS;
    matrix.postConcat(new ColorMatrix(new float[]{
        Rt + saturation, Gt, Bt, 0, 0,
        Rt, Gt + saturation, Bt, 0, 0,
        Rt, Gt, Bt + saturation, 0, 0,
        0, 0, 0, 1f, 0
    }));
    image.setColorFilter(new ColorMatrixColorFilter(matrix));
  }
}

这里最重要的方法是redraw。通过查看ImageFilterView源代码，我们也可以很容易地通过简单的复制粘贴算法对图像应用温暖和构造。