如何在Android上的ImageView中绘制一条线？

Question

我想知道如何在用户滑动手指时在ImageView上绘制一条线？

有没有人可以解释这一点？或者也许任何链接来开始这一点。

Answer 1

您必须拥有自己的ImageView并覆盖onDraw函数。使用类似这样的东西

public class MyImageView extends ImageView{ 

    public MyImageView(Context context) { 
     super(context); 
     // TODO Auto-generated constructor stub 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 
     Paint p = new Paint(Paint.ANTI_ALIAS_FLAG); 
     canvas.drawLine(0, 0, 20, 20, p); 

    } 

} 

并在您的主类中创建对象MyImageView;当你触摸你的显示器调用update();函数

Answer 2

对于绘制用户实际绘制的线你必须重写dispatchTouchEvent。从这个事件中，你可以得到这条线的坐标，并按照乔治所示在onDraw中绘制它们。

http://developer.android.com/reference/android/app/Activity.html#dispatchTouchEvent(android.view.MotionEvent）

Answer 3

看看在ApiDemos样品FingerPaint。

通过使用此功能，您可以通过触摸屏幕在ImageView上绘制线条。

Answer 4

这是你如何可以在另一个图像绘制绿色矩形一个完整的例子：

package CustomWidgets; 

import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Paint; 
import android.util.AttributeSet; 

/** 
* Allows to draw rectangle on ImageView. 
* 
* @author Maciej Nux Jaros 
*/ 
public class DrawImageView extends ImageView { 
    private Paint currentPaint; 
    public boolean drawRect = false; 
    public float left; 
    public float top; 
    public float right; 
    public float bottom; 

    public DrawImageView(Context context, AttributeSet attrs) { 
     super(context, attrs); 

     currentPaint = new Paint(); 
     currentPaint.setDither(true); 
     currentPaint.setColor(0xFF00CC00); // alpha.r.g.b 
     currentPaint.setStyle(Paint.Style.STROKE); 
     currentPaint.setStrokeJoin(Paint.Join.ROUND); 
     currentPaint.setStrokeCap(Paint.Cap.ROUND); 
     currentPaint.setStrokeWidth(2); 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 
     if (drawRect) 
     { 
      canvas.drawRect(left, top, right, bottom, currentPaint); 
     } 
    } 
} 

当你有这样的规定，你可以替换上述视图（部件）例如ImageView的：

<CustomWidgets.DrawImageView 
    android:id="@+id/widgetMap" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:src="@drawable/map_small" 
/> 

mapImageView.setOnTouchListener(new View.OnTouchListener() { 
     @Override 
     public boolean onTouch(View v, MotionEvent event) { 
      DrawImageView drawView = (DrawImageView) v; 

      // set start coords 
      if (event.getAction() == MotionEvent.ACTION_DOWN) { 
       drawView.left = event.getX(); 
       drawView.top = event.getY(); 
      // set end coords 
      } else { 
       drawView.right = event.getX(); 
       drawView.bottom = event.getY(); 
      } 
      // draw 
      drawView.invalidate(); 
      drawView.drawRect = true; 

      return true; 
     } 
    }); 

：

然后你就可以在活动的触摸事件，控制布局用这个例子

当然，你可以制造一些getter和setter以及其他Java过度工程的例程;-)。