如何在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

这是如何在另一个图像上绘制绿色矩形的完整示例：

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 过度设计例程;-)。

Answer 3

为了绘制用户实际绘制的线，您必须重写dispatchTouchEvent。从该事件中，您可以获取线条的坐标并在 onDraw 中绘制它们，如 george 所示。

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

Answer 4

查看 ApiDemos 示例 手指画。

通过使用它，您可以通过触摸屏幕在 ImageView 上画线。