Question

我想将链中的几个滤色器应用于drawable。那可能吗？或者也许创建一个过滤器，它是我想要应用的过滤器的组合。

例如，我想：

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

Answer 1

这是我结束使用的方法：操纵Drawable上的Canvas位图，并根据需要应用尽可能多的图层，使用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你没有“干净”的方法将drawable设置为背景。我坚持不推荐的电话。

Answer 2

经过大量搜索后，我没有找到完全满足我需求的答案。但是，我偶然发现了this video自2018年以来的“ Android中的实用图像处理”，这为我指明了正确的方向：ImageFilterView类。您可以找到documentation here。

看到它们在同一张图像上应用多个滤镜的方式很有启发性，而且并不难。它包括使用ColorMatrix和通过调用ColorMatrix方法来连接多个其他ColorMatrix.postConcat的方法。最后，结果包含您已应用到它的所有过滤器。

下面是一个示例代码，用于更改图像的亮度和饱和度。

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源代码，我们还可以通过简单地复制粘贴它们的算法来非常轻松地对图像应用温暖和构图。

将许多滤色镜应用于同一个可绘制的

2 个答案: