滚动视图优化

发布于 2024-10-30 17:04:05 字数 306 浏览 1 评论 0原文

我有一个包含自定义视图的滚动视图。自定义视图比屏幕区域大并且可以正确绘制。

然而，滚动视图在滚动时往往会不停地调用 onDraw() ，而我似乎无法使其平滑。

我使用 ScrollView.getDrawingRect() 来计算屏幕的可见部分，并且只绘制到该部分，但它仍然返回整个视口（因此它经过优化以不绘制屏幕外区域），而不是最后一个位置和当前位置之间的增量一。理想情况下，我只想绘制增量，而不是整个可见窗口。

如果有人可以向我指出有关如何使用绘图缓存的更多信息，并且这将有助于优化滚动，我很乐意实现它，或者任何其他可能的解决方案，我将不胜感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

最终幸福 2024-11-06 17:04:05

当内容滚动时，需要重新绘制整个视口，因为所有内容都已移动。我认为不需要做任何事情来优化 ScrollView - 如果滚动很慢，那么说明您的自定义视图的绘制方法太慢了。

尽量避免在绘制方法中创建对象，这通常是导致绘制性能不佳的主要原因。

编辑：滚动视图还可以快速地将仍在屏幕上绘制的旧内容向上或向下位图传输，然后请求仅重绘屏幕的“新”部分。（仅适用于不透明视图）。

回复收藏 0 原文

谁把谁当真 2024-11-06 17:04:05

我遇到了同样的问题。我通过使用函数setDrawingCacheEnabled(true)解决了这个问题。通过启用此设置，您的画布视图将被缓存为位图，因此您不必每次调用 onDraw() 时都调用画布的绘制方法。

在自定义视图的构造函数中，您将需要类似这样的内容：

public CustomView(Context context) {
    setDrawingCacheEnabled(true);
    drawnFlag = false;
}

在您的 onDraw 方法中，您将需要类似这样的内容：

public void onDraw(Canvas canvas) {
    if (! drawnFlag) {
        canvas.drawPath(...);
        canvas.drawPath(...);
        drawnFlag = true;
    }
}

现在，在此自定义视图上滚动应该是平滑的，因为我们只调用绘图方法一次。

I encountered the same problem. I solved it by using the function setDrawingCacheEnabled(true). By enabling this setting, your canvas view will be cached as bitmap, so you don't have to call canvas' draw method each time onDraw() is called.

In your custom view's constructor, you will need something like this:

public CustomView(Context context) {
    setDrawingCacheEnabled(true);
    drawnFlag = false;
}

In your onDraw method, you will need something like this:

public void onDraw(Canvas canvas) {
    if (! drawnFlag) {
        canvas.drawPath(...);
        canvas.drawPath(...);
        drawnFlag = true;
    }
}

Now, scrolling on this custom view should be smooth since we only call the drawing methods once.

回复收藏 0 原文