Android中RotateDrawable旋转SVG矢量图出现边缘锯齿问题求助

问题本质 #

你遇到的锯齿问题核心原因在于：VectorDrawable首次加载时会生成固定尺寸的位图缓存，而RotateDrawable并没有重新渲染矢量图形本身，只是对这张已缓存的位图做旋转操作——相当于把一张位图转了个角度，边缘自然会出现锯齿，而非矢量图形本该有的平滑缩放/旋转效果。

最优解决方案：直接通过Canvas旋转绘制 #

放弃使用RotateDrawable，转而在绘制阶段直接旋转Canvas，这样每次绘制都会重新渲染VectorDrawable的矢量路径，从根源上保证边缘平滑。

修改你的MyDrawable代码如下：

public class MyDrawable extends Drawable implements Drawable.Callback, Runnable {
    private final VectorDrawable vectorDrawable;
    private float currentRotation = 0f; // 用于存储动态旋转角度

    // 初始化时就获取并复用VectorDrawable实例，避免重复加载浪费性能
    public MyDrawable(Context context) {
        vectorDrawable = (VectorDrawable) context.getResources().getDrawable(R.drawable.test_drawable, context.getTheme());
        vectorDrawable.mutate(); // 确保修改不会影响其他地方的同资源实例
    }

    // 暴露方法用于外部更新旋转角度
    public void setRotation(float rotation) {
        this.currentRotation = rotation;
        invalidateSelf(); // 触发重绘
    }

    @Override
    public void draw(Canvas canvas) {
        // 1. 保存当前Canvas状态，避免影响后续绘制逻辑
        int saveCount = canvas.save();
        
        // 2. 计算旋转中心（这里以画布中心为例，可根据需求调整）
        float centerX = canvas.getWidth() / 2f;
        float centerY = canvas.getHeight() / 2f;
        
        // 3. 旋转Canvas到目标角度
        canvas.rotate(currentRotation, centerX, centerY);
        
        // 4. 设置VectorDrawable的边界，确保和画布尺寸匹配
        vectorDrawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
        
        // 5. 绘制VectorDrawable（此时是基于旋转后的Canvas渲染矢量图形）
        vectorDrawable.draw(canvas);
        
        // 6. 恢复Canvas原有状态
        canvas.restoreToCount(saveCount);
    }

    // 实现Drawable的必要方法，直接委托给内部的VectorDrawable
    @Override
    public void setAlpha(int alpha) {
        vectorDrawable.setAlpha(alpha);
    }

    @Override
    public void setColorFilter(ColorFilter colorFilter) {
        vectorDrawable.setColorFilter(colorFilter);
    }

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

    // 你的Callback和Runnable方法实现...
}

在Fragment中使用时，就可以动态更新旋转角度了：

@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
    final ImageView testView = (ImageView) getView().findViewById(R.id.test_view);
    MyDrawable myDrawable = new MyDrawable(requireContext());
    testView.setImageDrawable(myDrawable);

    // 示例：模拟外部属性变化，更新旋转角度
    myDrawable.setRotation(30f); // 旋转30度
}

额外优化提示 #

• 复用Drawable实例：不要在draw方法里重复加载VectorDrawable，既浪费性能，也容易引发缓存冲突。
• 硬件加速加持：确保你的View开启硬件加速（Android 4.0+默认开启），硬件加速对矢量图形的渲染优化效果更显著。
• 动态角度联动：如果需要跟随传感器、滑动条等外部属性实时更新角度，只需在属性变化时调用setRotation()并触发重绘即可。

内容的提问来源于stack exchange，提问作者Mibez