如何在低分辨率 ImageView 上绘制“清晰锐利”的线条？

Question

我正在通过以下方式在 ImageView 上画线：

Bitmap imageBitmap = ((BitmapDrawable) imageView.getDrawable()).getBitmap();
Bitmap duplicateBitmap = Bitmap.createBitmap(imageBitmap.getWidth(),imageBitmap.getHeight(),Bitmap.Config.RGB_565);

Canvas targetCanvas = new Canvas(duplicateBitmap);
targetCanvas.drawBitmap(imageBitmap,0,0,null);
Paint paint = new Paint();
targetCanvas.drawLine(0f,100f, imageBitmap.getWidth(),100f,paint);
imageView.setImageDrawable(new BitmapDrawable(getResources(),duplicateBitmap));

这很好用when the Image has a decent or good resolution。

但它看起来像这样when the image has a low resolution。 （这是一种糟糕的体验）

现在，如何在低分辨率图像上绘制清晰明快的线条？

有一次我认为我应该用高分辨率画布遮盖图像。但后来我对如何继续这个想法一无所知。此外，这可能是内存效率低下的实现。

Answer 1

我终于想通了@D。 Karchnak 的指导......

假设您的手机屏幕为 1080x1920，您创建的布局包含 全屏 ImageView，因此这个 ImageView 也是 1080x1920。现在 您将 .png 图像加载为 BitmapDrawable。这个PNG图像有一个 分辨率为 400x400，因此 BitmapDrawable 中的位图为 也是400x400。如果您将此“小”位图绘制到全屏 ImageView，它会因为分辨率低而变得模糊。如果你 在这个 400x400 位图上画一条线，这条线也会变得模糊 出去。这也是为什么它可以以体面或良好的分辨率工作的原因。

我需要做的就是创建一个 android ImageView 的子类，然后将我的绘图逻辑转移到 onDraw 方法中（当然是在覆盖它之后）。像这样：

public class FineLineImageView extends AppCompatImageView {

    public FineLineImageView(Context context) {
        this(context, null);
    }

    public FineLineImageView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public FineLineImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(final Canvas canvas) {
        super.onDraw(canvas);
        // logic for drawing goes here
    }
}

Answer 2

如果您确实需要一个带有结果的位图，请确保 duplicateBitmap 的大小与您绘制它的 ImageView 的大小相同。

如果您只需要在 ImageView 上绘制网格，我将创建一个自定义类，扩展 ImageView。覆盖它的draw(Canvas) 方法并使用提供的Canvas 来绘制网格。

此代码如下所示：

class GridImageView(context: Context....): ImageView(...) {
    val gridPaint = Paint() //Set color, strokeWidth etc...

    @Override
    fun onDraw(canvas: Canvas) {
       super.onDraw(canvas)

       //TODO - complex grid drawing here...
       canvas.drawLine(x1, y1, x2, y2, paint)
    }
}