Как нарисовать линию в ImageView на Android?

Я хотел бы знать, как нарисовать линию на ImageView, как пользователь проведите пальцем ?

может ли тело объяснить ? Или, возможно, любая ссылка, чтобы начать с этого.

4 ответов


вы должны иметь свой собственный 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(); функции


Это полный пример того, как вы можете нарисовать зеленый прямоугольник над другим изображением:

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;
        }
    });

конечно, вы можете сделать некоторые геттеры и сеттеры и другие Java-инженерные процедуры; -).


для рисования линии, которую пользователь фактически нарисовал, вы должны переопределить dispatchTouchEvent. Из этого события вы можете получить координаты линии и нарисовать их в onDraw, как показано Джорджем.

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


взгляните на образец ApiDemos FingerPaint.

используя это, вы можете нарисовать линию на ImageView, коснувшись экрана.