如何获得一个不同 Drawable 的镜像版本的 Drawable？

Question

背景

我知道可以创建 Drawable（或位图）的旋转版本，因此（关于它的文章 here）:

@JvmStatic
fun getRotateDrawable(d: Drawable, angle: Int): Drawable {
    if (angle % 360 == 0)
       return d
    return object : LayerDrawable(arrayOf(d)) {
        override fun draw(canvas: Canvas) {
            canvas.save()
            canvas.rotate(angle.toFloat(), (d.bounds.width() / 2).toFloat(), (d.bounds.height() / 2).toFloat())
            super.draw(canvas)
            canvas.restore()
        }
    }
}

问题

我想将 autoMirrored 设置为某个可绘制对象（在我的例子中是 VectorDrawable），它会翻转（镜像，以便左为右，右为左，但不影响顶部和底部）它如果设备的语言环境是 RTL。

举个例子（这只是一个例子！），如果你拿一个显示左箭头的可绘制对象，翻转后它将是一个右箭头。

遗憾的是，这仅适用于 API 19.

这就是为什么我决定用它制作一个新的 Drawable，作为原始 Drawable 的翻转版本

我试过的

我找到了一篇关于使用矩阵对视图执行相同操作的文章，here。所以我试过这个：

    @JvmStatic
    fun getMirroredDrawable(d: Drawable): Drawable {
        return object : LayerDrawable(arrayOf(d)) {
            override fun draw(canvas: Canvas) {
                canvas.save()
                val matrix = Matrix()
                // use this for the other flipping: matrix.preScale(1.0f, -1.0f)
                matrix.preScale(-1.0f, 1.0f);
                canvas.matrix = matrix
                super.draw(canvas)
                canvas.restore()
            }
        }
    }

遗憾的是，出于某种原因，这使得可绘制对象根本没有显示。也许它确实有效，但试图显示出显示它的任何视图的边界。

问题

如何制作给定 Drawable 的翻转版本，类似于旋转 Drawable 所做的？

解决方案：

根据下面建议的答案 ()，这是一个很好的方法：

fun Drawable.getMirroredDrawable(): Drawable {
    return object : LayerDrawable(arrayOf(this)) {
        val drawingRect = Rect()
        val matrix = Matrix()
        override fun draw(canvas: Canvas) {
            matrix.reset()
            matrix.preScale(-1.0f, 1.0f, canvas.width / 2.0f, canvas.height / 2.0f)
            canvas.matrix = matrix
            drawingRect.left = (canvas.width - intrinsicWidth) / 2
            drawingRect.top = (canvas.height - intrinsicHeight) / 2
            drawingRect.right = drawingRect.left + intrinsicWidth
            drawingRect.bottom = drawingRect.top + intrinsicHeight
            if (bounds != drawingRect)
                bounds = drawingRect
            super.draw(canvas)
        }
    }
}

Answer 1

您可以在视图的 xml 中使用 android:scaleX="-1" 来显示可绘制对象的镜像。要使其根据布局方向自动工作，您可以使用整数资源值：

<ImageView
    android:scaleX="@integer/rtl_flip_factor"
    android:src="@android:drawable/ic_media_play"/>

要完成它，您需要一个普通的 values/integers.xml 默认 (LTR) 案例

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <integer name="rtl_flip_factor">1</integer>
</resources>

和另一个 values-ldrtl/integers.xml 用于 RTL 案例：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <integer name="rtl_flip_factor">-1</integer>
</resources>

Answer 2

指定翻转操作的中心。

matrix.preScale(-1.0f, 1.0f, canvas.getWidth() / 2, canvas.getHeight() / 2);

这是一个自定义 Drawable class，您可以使用它来镜像可绘制对象：

public class MirroredDrawable extends Drawable {
    final Drawable mDrawable;
    final Matrix matrix = new Matrix();

    MirroredDrawable(Drawable drawable) {
        mDrawable = drawable;
    }

    @Override
    public void draw(@NonNull Canvas canvas) {
        matrix.reset();
        matrix.preScale(-1.0f, 1.0f, canvas.getWidth() / 2, canvas.getHeight() / 2);
        canvas.setMatrix(matrix);

        Rect drawingRect = new Rect();
        drawingRect.left = (canvas.getWidth() - mDrawable.getIntrinsicWidth()) / 2;
        drawingRect.top = (canvas.getHeight() - mDrawable.getIntrinsicHeight()) / 2;
        drawingRect.right = drawingRect.left + mDrawable.getIntrinsicWidth();
        drawingRect.bottom = drawingRect.top + mDrawable.getIntrinsicHeight();
        mDrawable.setBounds(drawingRect);
        mDrawable.draw(canvas);
    }

    // Other methods required to extend Drawable but aren't used here.

    @Override
    public void setAlpha(int alpha) { }

    @Override
    public void setColorFilter(@Nullable ColorFilter colorFilter) { }

    @Override
    public int getOpacity() { return PixelFormat.OPAQUE; }
}

应用方法如下：

    Drawable drawable = getResources().getDrawable(R.drawable.your_drawable);
    getSupportActionBar().setHomeAsUpIndicator(new MirroredDrawable(drawable));

Answer 3

在您的 XML 矢量文件中设置 android:autoMirrored="true"，

如何获得一个不同 Drawable 的镜像版本的 Drawable？

How to get a Drawable that's a mirrored version of a different Drawable?

android

image-rotation

android-drawable

背景

问题

我试过的

问题