4

我使用我制作的这个测试应用程序，使用标准顶点、颜色和点缓冲区显示 3D 对象，一切正常。

我可以..

  • 使用触摸事件旋转对象
  • 使用 GL10 使用 openGL ES 1.0 渲染对象
  • 一切都很好

现在我希望能够使用两根手指进行“捏合”动作放大和缩小。我找到了一些很好的教程和示例代码，但主要是针对 ImageViews 的。我对 Android 还是半新的，我不完全了解如何使这个缩放功能适用于 GLSurfaceView。

下面是迄今为止我为 Activity 类编写的代码。第一个触摸处理程序用于我通过为 ImageView 设计的教程找到的缩放事件（我使用它是因为我认为它会很容易转换）。第二个处理程序用于旋转事件，它工作得很好。

提前谢谢你，我希望这篇文章能帮助其他有同样问题的人。我将等待任何需要的编辑或添加。

 // Activity for rendering 3D object openGL ES 1.0
 public class GL_ExampleActivity extends Activity
 {
      private GLSurfaceView surface;

      @Override
      public void onCreate(Bundle savedInstanceState)
      {
           super.onCreate(savedInstanceState);

           surface = new GL_ExampleSurfaceView(this);
           setContentView(surface);
      }

      @Override
      protected void onPause()
      {
           // TODO Auto-generated method stub
           super.onPause();
           surface.onPause();
      }

      @Override
      protected void onResume()
      {
           // TODO Auto-generated method stub
           super.onResume();
           surface.onResume();
      }
 }

 class GL_ExampleSurfaceView extends GLSurfaceView
 {
      private static final String TAG = "Touch";

      Matrix matrix_new = new Matrix();
      Matrix last_matrix = new Matrix();

      static final int NONE = 0;
      static final int DRAG = 1;
      static final int ZOOM = 2;
      int mode = NONE;

      PointF start = new PointF();
      PointF mid = new PointF();
      float oldDist = 1f;


      private final float SCALE_FACTOR = 180.0f / 320;
      private GLRenderer renderer;
      private float previous_x;
      private float previous_y;

      public GL_ExampleSurfaceView(Context context)
      {
           super(context);

           renderer = new GLRenderer();
           setRenderer(renderer);

           setRenderMode(GLSurfaceView.RENDERMODE_WHEN_DIRTY);
      }

      @Override
      public boolean onTouchEvent(MotionEvent e)
      {
           // handler for drag and zoom events
           switch (e.getAction() & MotionEvent.ACTION_MASK)
           {
                case MotionEvent.ACTION_DOWN:
                     last_matrix.set(matrix_new);
                     start.set(e.getX(), e.getY());
                     Log.d(TAG, "mode=DRAG");
                     mode = DRAG;
                     //requestRender();
                     break;
                case MotionEvent.ACTION_POINTER_DOWN:
                     oldDist = finger_distance(e);
                     Log.d(TAG, "oldDist=" + oldDist);
                     if (oldDist > 10f)
                     {
                         last_matrix.set(matrix_new);
                         finger_distance_midpoint(mid, e);
                         mode = ZOOM;
                         Log.d(TAG, "mode=ZOOM");
                     }
                     //requestRender();
                     break;
                case MotionEvent.ACTION_UP:
                case MotionEvent.ACTION_POINTER_UP:
                     mode = NONE;
                     Log.d(TAG, "mode=NONE");
                     //requestRender();
                     break;
                case MotionEvent.ACTION_MOVE:
                     if (mode == DRAG)
                     {
                          matrix_new.set(last_matrix);
                          matrix_new.postTranslate(e.getX() - start.x, e.getY() - start.y);
                     }
                     else if (mode == ZOOM)
                     {
                          float newDist = finger_distance(e);
                          Log.d(TAG, "newDist=" + newDist);
                          if (newDist > 10f)
                          {
                               matrix_new.set(last_matrix);
                               float scale = newDist / oldDist;
                               matrix_new.postScale(scale, scale, mid.x, mid.y);
                          }
                     }
                    //requestRender();
                    break;
            }
           //view.setImageMatrix(matrix_new);



           // handler for rotation event, y and x axis
           float x = e.getX();
           float y = e.getY();

           switch (e.getAction())
           {
                case MotionEvent.ACTION_MOVE:

                float dx = x - previous_x;
                float dy = y - previous_y;

                if (y > getHeight() / 2)
                {
                     dx = dx * -1 ;
                }

                if (x < getWidth() / 2)
                {
                     dy = dy * -1 ;
                }
                renderer.angle_x += dx * SCALE_FACTOR;
                renderer.angle_y += dy * SCALE_FACTOR;
                requestRender();
           }
           previous_x = x;
           previous_y = y;
           return true;
      }


      private float finger_distance(MotionEvent e)
      {
           float x = e.getX(0) - e.getX(1);
           float y = e.getY(0) - e.getY(1);
           return FloatMath.sqrt(x * x + y * y);
      }

      private void finger_distance_midpoint(PointF point, MotionEvent e)
      {
           float x = e.getX(0) + e.getX(1);
           float y = e.getY(0) + e.getY(1);
           point.set(x / 2, y / 2);
      }

 }

再次感谢...

4

1 回答 1

2

有两种明显的方法可以解决这个问题。如果只想增加单个对象的大小，可以在绘制对象时使用 glScalef。使用 scalef 很容易且相对简单，但这并不完全符合您的要求。

另一种解决方案是将比例因子应用于您的投影矩阵，这将产生所需的效果。为此，只需在绘图之前将投影矩阵的左、右、上、下距离乘以一个比例即可。

gl.glFrustumf(width/2 * zoom, width/2 * zoom, height/2 * zoom, height/2 * zoom, 1, -1);
（注意，如果您使用的是正交矩阵，您将使用 glOrthof 代替）

如果您有兴趣，可以在此处找到有关投影矩阵的更多信息

于 2012-11-29T08:56:53.333 回答