如何在android中动态地使形状可拖动和调整大小

Posted 2023-05-08

【中文标题】如何在android中动态地使形状可拖动和调整大小

【英文标题】：How to make a shape dragable and re-sizable in android dynamically

【发布时间】：2012-08-02 17:14:56

【问题描述】：

我是 android 的新手，我正在制作一个简单的应用程序，在该应用程序中我从图库中选择一个图像，在图像上绘制一个矩形，用户可以将其拖动到图像上的任何位置并重新调整矩形的大小动态的。

到目前为止，我的代码可以从图库中加载图像并在图像上绘制一个矩形。但我不知道如何使矩形可动态拖动。

public class MainActivity extends Activity   
private static int RESULT_LOAD_IMAGE = 1;


@Override
public void onCreate(Bundle savedInstanceState) 
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    Button buttonLoadImage = (Button) findViewById(R.id.buttonLoadPicture);
    buttonLoadImage.setOnClickListener(new View.OnClickListener() 

        public void onClick(View arg0) 

            Intent i = new Intent(
                    Intent.ACTION_PICK,
                    android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);

            startActivityForResult(i, RESULT_LOAD_IMAGE);
        
    );




@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) 
    super.onActivityResult(requestCode, resultCode, data);

    if (requestCode == RESULT_LOAD_IMAGE && resultCode == RESULT_OK && null != data) 
        Uri selectedImage = data.getData();
        String[] filePathColumn =  MediaStore.Images.Media.DATA ;

        Cursor cursor = getContentResolver().query(selectedImage,
                filePathColumn, null, null, null);
        cursor.moveToFirst();

        int columnIndex = cursor.getColumnIndex(filePathColumn[0]);
        String picturePath = cursor.getString(columnIndex);
        cursor.close();

        ImageView imageView = (ImageView) findViewById(R.id.imgView);
        Bitmap bMap = BitmapFactory.decodeFile(picturePath);

        bMap = bMap.copy(Bitmap.Config.ARGB_8888 , true);

        float width = imageView.getWidth();
        float height = imageView.getHeight();

        Canvas canvas = new Canvas(bMap);
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(4);  
        paint.setColor(Color.RED);
        canvas.drawRect(width/2+60, height/2-20, width/2-60, height/2+20, paint);

        imageView.setImageBitmap(bMap);

    

我想要的输出类似于上图。红色矩形可以由用户调整大小和拖动，然后保存图像。

【问题讨论】：

所以目的是裁剪图像？

不，目的只是为了突出特定部分...

如果我回答了您的问题，请接受它作为答案。

【参考方案1】：

您需要创建一个自定义视图来代表您绘制的矩形。在onDraw(...) 中，您可以设置矩形的Paint 及其初始大小。现在的概念是，当触摸它的角并拖动它时，当用户从屏幕上抬起手指时，矩形的 x 和 y 坐标将发生变化。我将向您推荐 Android 开发人员指南中的this，了解如何创建自定义视图。 this 是一个类似的问题帖子，可能会给你一些想法。

【讨论】：

触摸事件是如何完成的。我知道需要创建自定义视图。但拖动链接到视图。

@Vikram 触摸事件在onTouchEvent(...)developer.android.com/reference/android/view/View.html中完成

如何设置新视图..即上面代码中的矩形视图..即我创建了一个新视图和 ondraw() 方法以及触摸事件。我怎样才能将它链接到上面的代码......即图像视图加载时要做什么......

您可以以编程方式在图像上创建具有初始 x 和 y 坐标的新视图，然后用户将调整大小并拖动它。

你能告诉我或给我一个链接，告诉我如何在图像视图上动态添加我的自定义视图。我在做这件事时遇到了很多麻烦。谢谢