为什么在捏缩放手势期间调用 setScaleX 会导致闪烁？

Question

我正在尝试创建一个可缩放的容器，并且我的目标是 API 14+

在我的 onScale 中（我使用 ScaleGestureDetector 来检测捏缩放）我正在做这样的事情：

public boolean onScale (ScaleGestureDetector detector) {
   float scaleFactor = detector.getScaleFactor();
   setScaleX(getScaleX() * scaleFactor);
   setScaleY(getScaleY() * scaleFactor);

   return true;
};

它可以工作，但缩放不平滑。事实上，它明显闪烁。

我还尝试了硬件层，认为一旦纹理上传就会在 GPU 上进行缩放，因此速度会非常快。但这并没有什么不同 - 缩放不流畅，有时会奇怪地闪烁。

我做错了什么？

Answer 1

闪烁是否看起来像是在缩放和未缩放之间来回翻转的视图？这是由 ScaleGestureDetector 从您正在缩放的​​同一视图中处理运动事件引起的。当您setScaleX() 更改触摸的坐标时，会触发一个新的触摸事件，该事件被解释为反转您刚刚应用的缩放。

将可缩放视图的内容放在单个子视图 FrameLayout 中，然后在该视图上设置比例。

我在这里发布了一个有效的捏缩放布局：https://gist.github.com/anorth/9845602

Answer 2

根据您的问题，setScaleX 和 setScaleY 方法闪烁，因为它们在“绘制到视图”上下文中执行（setScaleX 和 setScaleY 属于 View）。文档说：

当您想要绘制不需要动态更改且不属于性能密集型游戏的简单图形时，选项“a”绘制到视图是您的最佳选择。例如，当您想在其他静态应用程序中显示静态图形或预定义动画时，您应该将图形绘制到视图中。

另一方面，如果您遵循@g00dy 的答案，您将在“绘制到画布”上下文中执行（scale() 属于Canvas）。文档说：

当您的应用程序需要定期重新绘制自身时，选项“b”会更好地绘制到 Canvas。视频游戏等应用程序应自行绘制到画布上。

捏合手势很密集，因此需要在选项 b 中执行...所以您应该使用@g00dy 解决方案或任何类似的方法。

Here 是引用的文档。

希望对你有帮助。

Answer 3

我遇到了同样的问题。任务是：

• 创建画布（在 View 或 SurfaceView 的子类中，无所谓）
• 在其上绘制一些图片和图形图元（使用方法 drawBitmap()、drawLine()...）
• 使画布可滚动和可缩放

我想，这里不需要显示所有的类代码。

缩放手势时闪烁问题的解决方案非常简单。 只需将缩放过程放入 onScaleEnd() 方法即可。

private class MyScaleGestureListener implements OnScaleGestureListener
{
    public boolean onScale(ScaleGestureDetector detector)
    {   
        scaleFactor *= detector.getScaleFactor();  // class variable of type float
        if (scaleFactor > 5) scaleFactor = 5;      // some limitations
        if (scaleFactor < 1) scaleFactor = 1;
        return true;
    }
    public boolean onScaleBegin(ScaleGestureDetector detector)
    { return true;}

    public void onScaleEnd(ScaleGestureDetector detector) 
     {
       setScaleX(scaleFactor); setScaleY(scaleFactor); 
       invalidate();     // it seems to me - no effect
     }
} 

在真实设备三星 GALAXY S III mini 上测试。