如何在画布上绘制大量矩形并保证良好性能？

Question

如何在画布上绘制大量矩形并保证良好性能？

androidperformanceuser-interfacecanvas2d

7

我需要渲染一个电影院的地图，包括区域、排数和座位。目前我需要绘制大约1000个座位（填充矩形），并且我正在通过每个座位进行调用来完成这个任务:

canvas.drawRect(seatRect, seatPaint)

我的视图还必须支持缩放、滚动和fling。

性能很差。我尝试通过明确启用硬件加速来改善它，但是没有任何改变，似乎在我的 Nexus 4（Api 22）上默认启用了。

请问您有什么方法可以以高速渲染大量矩形？以使移动、缩放和动画效果更为平滑。

自定义视图类代码：

@Override
public void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    canvas.save();
    canvas.scale(mScaleFactor, mScaleFactor); // scaling support
    canvas.translate(mTranslateX, mTranslateY); // scrolling support

    if (mEventMap != null) {
        mEventMap.paint(canvas);
    }

    canvas.restore();
}

EventMap 代码:

public void paint(Canvas canvas) {
    for (EventPlace place : places) {
        if (place.isSelected())
            placePaint.setColor(0xFF00FF00);
        else if (place.isAvailable())
            placePaint.setColor(place.getColor());
        else
            placePaint.setColor(0xFF000000);

        canvas.drawRect(place.getBounds(), placePaint);
    }
}

onDraw方法中调用的所有方法都不会创建任何实例。只是有很多矩形...

- ievgen

你能否请发一下你的onDraw方法的代码？ - Chaosit

没有看到你的代码，我只能建议你可能在onDraw方法中分配了太多的新对象，因此我建议在调用draw之前创建Path实例的某个地方。 - Chaosit

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Chaosit · Accepted Answer

你现在面临的主要问题是，你执行了大量的绘制周期（与你拥有的矩形数量相等）。更好的做法是将所有这些矩形存储在Path对象中，以减少绘制周期的数量。由于你有三种座位状态，我建议创建三个路径。我建议这样做：

private void init() {
    mSelectedPath = new Path();
    mAvailablePath = new Path();
    mUnavalablePath = new Path();

    mAvailablePaint = new Paint();
    mSelectedPaint = new Paint();
    mUnavalablePaint = new Paint();

    mUnavalablePaint.setColor(Color.RED);
    mSelectedPaint.setColor(Color.YELLOW);
    mAvailablePaint.setColor(Color.GREEN);

    for (EventPlace place : mData) {
        if (place.isSelected())
            mSelectedPath.addRect(rectF, Path.Direction.CW);
        else if (place.isAvailable())
            mAvailablePath.addRect(rectF, Path.Direction.CW);
        else
            mUnavalablePath.addRect(rectF, Path.Direction.CW);
    }
}

如果您想将日期与此视图关联，可以执行以下操作：

public void setData(List<EventPlace> data) {
    mData = data;
    init();
    invalidate();
}

实际上，您可以按照自己的喜好进行操作，但请记住必须调用init方法，然后使其失效。在onDraw中：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    canvas.save();
    canvas.scale(mScaleFactor, mScaleFactor); // scaling support
    canvas.translate(mTranslateX, mTranslateY); // scrolling support

    canvas.drawPath(mAvailablePath, mAvailablePaint);
    canvas.drawPath(mUnavalablePath, mUnavalablePaint);
    canvas.drawPath(mSelectedPath, mSelectedPaint);

    canvas.restore();
}

也许您还想添加一些逻辑来排除那些当前不可见的矩形，以调整性能。我尝试在测试集的矩形上运用我的方法进行动画处理，200个矩形可以平稳运行，但我没有进行严格的基准测试。