如何在拖动和缩放图像后获取图像x和y坐标?

时间:2014-09-16 11:55:02

标签: android image zoom drag

在我的应用程序中,我想在拖动和缩放图像后获取图像x和y坐标。所以我使用下面的代码。在我的xml中,我采用了相对布局。这是相对布局。

<RelativeLayout
            android:id="@+id/image"

            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_above="@+id/buttonlayout"
            android:layout_marginTop="0dp" >

        </RelativeLayout> 

在这个相对布局中,我想拖动图像并缩放图像。这就是为什么我以编程方式创建了图像视图并将触摸监听器应用于该图像视图。这是oncreate代码。

protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.inventory_submit_images_activity);
relImage=(RelativeLayout) findViewById(R.id.image);
imgMarker = new ImageView(this);
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT,
                 RelativeLayout.LayoutParams.FILL_PARENT);
        params.leftMargin = 0;
        params.topMargin = 0;
        relImage.addView(imgMarker, params);
        imgMarker.setScaleType(ImageView.ScaleType.MATRIX);
bmdragImage=BitmapFactory.decodeResource(getResources(), R.drawable.image_marker);
        height = bmdragImage.getHeight();
        width = bmdragImage.getWidth();
        imgMarker.setImageBitmap(bmdragImage);


        imgMarker.setOnTouchListener(this);
}

这是ontouch方法和相关方法。

public boolean onTouch(View v, MotionEvent event) {
        // TODO Auto-generated method stub
            ImageView view = (ImageView) v;

            view.setScaleType(ImageView.ScaleType.MATRIX);
            float scale = 0;
            layoutParamss = (RelativeLayout.LayoutParams) 
                       v.getLayoutParams();
            // Handle touch events here...
            switch (event.getAction() & MotionEvent.ACTION_MASK) {

                case MotionEvent.ACTION_DOWN:  // first finger down only

                    x=(int) event.getX();
                    y=(int) event.getY();

                    savedMatrix.set(matrix);
                    start.set(event.getX(), event.getY());
                    Log.d(TAG, "mode=DRAG"); // write to LogCat
                    mode1 = DRAG1;
                    break;

                case MotionEvent.ACTION_UP: // first finger lifted
                    x_cordinate=(int) event.getX();
                    y_cordinate=(int) event.getY();

                    Log.e("x_cordinate==",""+x_cordinate+" "+bmdragImage.getHeight());
                    Log.e("y_cordinate==",""+y_cordinate+" "+bmdragImage.getWidth());

                    break;

                case MotionEvent.ACTION_POINTER_UP: // second finger lifted
                    mode1 = NONE1;
                    Log.d(TAG, "mode1=NONE1");              
                    break;

                case MotionEvent.ACTION_POINTER_DOWN: //second finger down..
                    oldDist = spacing(event);
                    Log.d(TAG, "oldDist=" + oldDist);
                    if (oldDist > 10f) {
                        savedMatrix.set(matrix);
                        midPoint(mid, event);
                        mode1 = ZOOM1;
                        Log.d(TAG, "mode=ZOOM" );
                    }     

                    break;

                case MotionEvent.ACTION_MOVE:

                    Log.e("ACTION_MOVE","ACTION_MOVE");

                    if (mode1 == DRAG1){ 

                        matrix.set(savedMatrix);
                        matrix.postTranslate(event.getX() - start.x, event.getY() - start.y); // create the transformation in the matrix  of points

                    } 
                    else if (mode1 == ZOOM1){ 
                        // pinch zooming
                        float newDist = spacing(event);
                        Log.d(TAG, "newDist=" + newDist);
                        if (newDist > 5f){
                            matrix.set(savedMatrix);
                            scale = newDist / oldDist; // setting the scaling of the image..
                            matrix.postScale(scale, scale, mid.x, mid.y);

                            height=(int) (bmdragImage.getHeight()*scale);
                            width=(int) (bmdragImage.getWidth()*scale);

                            Log.e("height int===="+scale,""+height);
                            Log.e("width int====="+scale,""+width);

                        }                                                 
                    }

                    break;          
            }

            view.setImageMatrix(matrix); // display the transformation on screen    
            return true; // indicate event was handled

        }

    /** Determine the space between the first two fingers */
    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);
    }

    /** Calculate the mid point of the first two fingers */
    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);
    }

这段代码是拖动和缩放工作正常。但我的问题是在拖动图像后得到x坐标和y坐标。这些x和y值出错了。因为我在相对布局中触摸图像的位置,拖动工作正常。因为这些代码在oncreate of image view params中。所以x和y值都出错了。

    RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT,
             RelativeLayout.LayoutParams.FILL_PARENT); 

如果我更改图像布局参数以包围像下面这样的contnet,则图像拖动仅在该区域中。并且缩放也不能正常工作。但我的要求是拖动图像总相对布局。并获取图像视图的x和y坐标。

RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,
                 RelativeLayout.LayoutParams.WRAP_CONTENT);

建议表示赞赏..

0 个答案:

没有答案