在图像上绘制一个矩形

时间:2011-09-06 17:11:29

标签: android

在我的应用程序中,有一个从资源获取图像的活动,我已经将panning和缩放功能合并到一起。

我现在想要的是在它上方绘制一个矩形,使得矩形也可以缩放并平移图像。我尝试扩展视图并覆盖绘制。只有矩形而不是图像。如果有人可以帮助我,将会非常有帮助。

public class XYZ extends Activity implements OnTouchListener {
    private static final String TAG = "Touch" ;
    // These matrices will be used to move and zoom image
    Matrix matrix = new Matrix();
    Matrix savedMatrix = new Matrix();

    // We can be in one of these 3 states
    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 Bitmap mBitmap;
     ImageView mapView;
    /** Called when the activity is first created. */

    @Override
    public void onCreate(Bundle savedInstanceState) {         
        super.onCreate(savedInstanceState);     
        setContentView(R.layout.jubileemap);
        BitmapFactory.Options options = new BitmapFactory.Options();
         options.inDither= false;       
         options.inInputShareable=true;
         options.inTempStorage=new byte[8*1024];

        mapView = (ImageView) findViewById(R.id.abc);        

        mBitmap =BitmapFactory.decodeResource(XYZ.this.getResources(),R.drawable.pqr, options);
        mapView.setImageBitmap(mBitmap);

        mapView.setOnTouchListener(JubileeMaps.this);

    }
     @Override
        public void onLowMemory(){
        Log.e("low memory", "low");  
         System.gc();
       }
     private float spacing(MotionEvent event) {
            float x = event.getX(0) - event.getX(1);
            float y = event.getY(0) - event.getY(1);
            return FloatMath.sqrt(x * x + y * y);
        }
        private void midPoint(PointF point, MotionEvent event) {
            float x = event.getX(0) + event.getX(1);
            float y = event.getY(0) + event.getY(1);
            point.set(x / 2, y / 2);
        }
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            mapView.setScaleType(ImageView.ScaleType.MATRIX);
            // TODO Auto-generated method stub
            ImageView view = (ImageView) v;
            // Dump touch event to log
            dumpEvent(event);
            // Handle touch events here...
            /*spacing(event);
                midPoint(point,event);*/
            switch (event.getAction() & MotionEvent.ACTION_MASK) {
            case MotionEvent.ACTION_DOWN:
                savedMatrix.set(matrix);
                start.set(event.getX(), event.getY());
                Log.d(TAG, "mode=DRAG" );
                mode = DRAG;
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_POINTER_UP:
                mode = NONE;
                Log.d(TAG, "mode=NONE" );
                break;
            case MotionEvent.ACTION_MOVE:
                if (mode == DRAG) {
                    matrix.set(savedMatrix);
                    matrix.postTranslate(event.getX() - start.x,
                            event.getY() - start.y);
                }  else if (mode == ZOOM) {
                    float newDist = spacing(event);
                    Log.d(TAG, "newDist=" + newDist);
                    if (newDist > 10f) {
                        matrix.set(savedMatrix);
                        float scale = newDist / oldDist;
                        matrix.postScale(scale, scale, mid.x, mid.y);
                    }
                }
                break;
            case MotionEvent.ACTION_POINTER_DOWN:
                oldDist = spacing(event);
                Log.d(TAG, "oldDist=" + oldDist);
                if (oldDist > 10f) {
                    savedMatrix.set(matrix);
                    midPoint(mid, event);
                    mode = ZOOM;
                    Log.d(TAG, "mode=ZOOM" );
                }
                break;

            }

            // Perform the transformation
            view.setImageMatrix(matrix);
            return true; // indicate event was handled
        }
        private void dumpEvent(MotionEvent event) {
            String names[] = { "DOWN" , "UP" , "MOVE" , "CANCEL" , "OUTSIDE" ,
                    "POINTER_DOWN" , "POINTER_UP" , "7?" , "8?" , "9?" };
            StringBuilder sb = new StringBuilder();
            int action = event.getAction();
            int actionCode = action & MotionEvent.ACTION_MASK;
            sb.append("event ACTION_" ).append(names[actionCode]);
            if (actionCode == MotionEvent.ACTION_POINTER_DOWN
                    || actionCode == MotionEvent.ACTION_POINTER_UP) {
                sb.append("(pid " ).append(
                        action >> MotionEvent.ACTION_POINTER_ID_SHIFT);
                sb.append(")" );
            }
            sb.append("[" );
            for (int i = 0; i < event.getPointerCount(); i++) {
                sb.append("#" ).append(i);
                sb.append("(pid " ).append(event.getPointerId(i));
                sb.append(")=" ).append((int) event.getX(i));
                sb.append("," ).append((int) event.getY(i));
                if (i + 1 < event.getPointerCount())
                    sb.append(";" );
            }
            sb.append("]" );
            Log.d(TAG, sb.toString());
        }
        @Override
          public void onPause()
          {
            super.onPause();
            System.gc();
          }
        @Override
          protected void onResume()
          {
            super.onResume();
            System.gc();            
          }
        @Override
        protected void onDestroy() {
        super.onDestroy();
        System.gc();

         mapView.setImageBitmap(null); 
         mBitmap.recycle();
        }


}

我正在使用的xml是:

<ImageZoomView
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/zoomview"
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    />

这是我正在使用的代码..现在在图像的顶部我想画一个recagle来标记一个区域,它会像我的图像一样放大和缩小。但是一直无法实现这个。

1 个答案:

答案 0 :(得分:2)

您应该覆盖onDraw方法。

请务必将调用留给super.onDraw()并在该行下方自定义绘图。

查看此示例: http://developer.android.com/resources/samples/ApiDemos/src/com/example/android/apis/view/LabelView.html