Question

我想在Android上构建一个工具，用户可以在图片上绘制一些简单的对象（例如直线，圆或箭头）。我首先开始尝试线条部分，事实上我可以成功地绘制它。逻辑是用户点击一个点然后拖动他们的手指，画线。我使用这样的类（它基于DonGru's answer here）：

public class DrawView extends View {
    Paint paint = new Paint();
    float Sx, Sy, Lx, Ly;

    public DrawView(Context context, float x1, float y1, float x2, float y2) {
        super(context);

        paint.setColor(Color.RED);
        Sx=x1;
        Sy=y1;
        Lx=x2;
        Ly=y2;   
    }

    @Override
    public void onDraw(Canvas canvas) {
            canvas.drawLine(Sx, Sy, Lx, Ly, paint);
    }
}

从活动代码我使用onTouch监听器，如下所示：

@Override
public boolean onTouch(View view, MotionEvent event) { 
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            Sx1 = event.getX();
            Sy1 = event.getY();
            return true;

        case MotionEvent.ACTION_MOVE:
            Cx1 = event.getX();
            Cy1 = event.getY();
            drawLine();
            return true;

        case MotionEvent.ACTION_UP:
            Lx1 = event.getX();
            Ly1 = event.getY();
            return true;
        }
    return false;
}

public void drawLine(){

    setContentView(R.layout.show);
    ImageView myImage = (ImageView) findViewById(R.id.lastphoto);
    myImage.setImageBitmap(rotatedPic);

    dv=new DrawView(this, Sx1, Sy1, Cx1, Cy1);

    addContentView(dv, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
            ViewGroup.LayoutParams.FILL_PARENT));

    RelativeLayout mRelativeLayout = (RelativeLayout) findViewById(R.id.linear);
    mRelativeLayout.setOnTouchListener((OnTouchListener) this);
    mRelativeLayout.addView(new Drawer(this));   
}

在每次移动中，我都会重新创建整个视图，因此从开始到结束点只能看到一行。我首先担心的是我不知道这种实现是否正确。此外，我希望这些行在创建后作为对象处理。用户应该能够移动它们，旋转它们，删除等等。我认为我可以通过将每条线的边缘的坐标保持在缓冲区之类的东西来做到这一点，如果用户点击非常靠近一条边缘，我可以处理那个手势。但所有这些听起来都太复杂了，我不知道这是不稳定的。

我是否应该使用一些不同的方法来实现我完全缺失的类似的东西？

Answer 1

在我看来，要存储绘制的线条并让用户操纵它们，只是中等复杂。

创建一个Line类。包括开始和结束坐标，颜色等作为类的字段和删除，移动等方法。还添加一个采用MotionEvent参数的方法。在此方法中，您使用MotionEvent确定是否已触摸此线并根据需要调整其位置。

存储对扩展View类中某种集合或列表中绘制的每一行（作为Line类的实例创建）的引用，ArrayList应该这样做。然后，在onTouch事件中，调用每行的触摸检测方法并将MotionEvent传递给方法。

最后，重写View的onDraw回调，通过遍历对Line实例的引用集合来绘制每一行。

您还可以添加更多手势，例如长按以删除等。这是一种（完全未经测试，从内存中写入）这种方法的骨架。

class Line

    public float x1, x2, y1, y2;

    public void detectTouch(MotionEvent motionEvent){

         // code to detect a touch and adjust the x and ys accordingly

    }

class DrawView extends View{

    private ArrayList<Line> lines = new ArrayList<Lines>();

    ....
    ....

@Override
public void onDraw(Canvas canvas) {

    super.onDraw();

    for (Line line : lines){
         canvas.drawLine(line.x1,line.y1,line.x2,line.y2);
    }
}

@Override
public boolean onTouch(View view, MotionEvent event) {

    ....
    ....

    for (Line line : lines){
        line.detectTouch(MotionEvent);
    }


}

玩得开心！

Android - 用户用手指画线

1 个答案: