0

In my app I want to draw a line on imageview.I want to write a line with finger when i touch it.This is my requirement.For that i googled alot And fallow the bellow link:

How to draw a Line in ImageView on Android?.

In my activity i have created the object to MyImageView class and in my OnTouchListener override onTouch() method and in MotionEvent.ACTION_DOWN: switch case i have written update() method.And i am getting this error:" The method update() is undefined for the type new View.OnTouchListener(){}".So please any one suggest me to how to do this.Thanks for any help inadvance.

This is my code: imageView.setOnTouchListener(new View.OnTouchListener() {

@Override
public boolean onTouch(View v, MotionEvent event) {
// TODO Auto-generated method stub

ImageView view = (ImageView) v;
view.setScaleType(ImageView.ScaleType.MATRIX);
float scale;

switch (event.getAction() & MotionEvent.ACTION_MASK) 
{
case MotionEvent.ACTION_DOWN:   // first finger down only
savedMatrix.set(matrix);
start.set(event.getX(), event.getY());
og.d(TAG, "mode=DRAG"); // write to LogCat
mode1 = DRAG1;
if(checkPencil){
//update();
}
break;

case MotionEvent.ACTION_UP: // first finger lifted

case MotionEvent.ACTION_POINTER_UP: // second finger lifted

mode1 = NONE1;
Log.d(TAG, "mode1=NONE1");
break;
case MotionEvent.ACTION_MOVE:
if (mode1 == DRAG1) 
{ 
if(check){                                                                                                                                   matrix.set(savedMatrix);                                                             matrix.postTranslate(event.getX() - start.x, event.getY() - start.y); // create the   transformation in the matrix  of points
}
} 
else if (mode1 == ZOOM1) 
{ 
if(check){
Log.e("if elseeeeeee","dfgrtgytey");
// pinch zooming
float newDist = spacing(event);
Log.d(TAG, "newDist=" + newDist);
if (newDist > 5f) 
{
                                                             matrix.set(savedMatrix);
scale = newDist / oldDist; // setting the scaling of the
                                                                                          // matrix...if scale > 1 means
                                                                                        // zoom in...if scale < 1 means
                                                                                        // zoom out
                                                                matrix.postScale(scale, scale, mid.x, mid.y);

}
// its for rotation..
if (lastEvent!=null){
newRot = rotation(event); 
//if (Constant.TRACE) Log.d("Degreeeeeeeeeee", "newRot="+(newRot));
float r = newRot-d;                                                               matrix.postRotate(r, view.getMeasuredWidth()/2, view.getMeasuredHeight()/2);  
}
}
}
break;
//rotation..
case MotionEvent.ACTION_POINTER_DOWN:
oldDist = spacing(event);
Log.d(TAG, "oldDist=" + oldDist);
if (oldDist > 10f) {                                                          savedMatrix.set(matrix);
midPoint(mid, event);
mode1 = ZOOM1;
Log.d(TAG, "mode=ZOOM")
}
lastEvent = new float[4];
lastEvent[0] = event.getX(0);
lastEvent[1] = event.getX(1);
lastEvent[2] = event.getY(0);
lastEvent[3] = event.getY(1);
d = rotation(event);
break;

}//switch

view.setImageMatrix(matrix); // display the transformation on screen

return true; // indicate event was handled

}
});

In my app drag the image,rotate the image and zoom the image everything is working fine.And my requirement is when i click the button drawing functionality will be working.that is the reason i have written the update method in this block:"if(checkPencil){ //update(); }.But it is not working.

Community
  • 1
  • 1
rams
  • 1,558
  • 7
  • 25
  • 48

3 Answers3

0

The link you posted should work. Instead of using the stock image view, create a class which extends it. The imageview you extend will support a method called addLine which will add the line in an arraylist and override the onDraw method to draw the lines in the arraylist

public class Line{
   int x1,y2, x2,y2;
   Paint p;
   public Line(int x1, y1, x2, y2){
      this.x1 = x1;
      this.y1 = y1;
      this.x2 = x2;
      this.y2 = y2;
      p= new Paint(Paint.ANTI_ALIAS_FLAG);
   }

   public void draw(Canvas c){
    c.drawLine(x1, y1, x2, y2, p);
   }
}

public class MyImageView extends ImageView{
    ArrayList<Line> lines;

    public void addLine(int x1, int y1, int x2, int y2){
        lines.add(new Line(x1,y1,x2,y2));
        //this.invalidate(); //queue a call to the onDraw method
    }

    public MyImageView(Context context) {
        super(context);
        lines = new ArrayList<Line>();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        for(Line l : lines){
            l.draw(canvas);
        }
    }

}
Lefteris E
  • 2,806
  • 1
  • 24
  • 23
0
Canvas c = null;
c = mSurfaceHolder.lockCanvas();
imageview.line(canvas);

mSurfaceHolder.unlockCanvasAndPost(c);

public void line(Canvas draw){
// set the layout parameters
// get the background image as ImageView
// Use the gesture Overlay concept. 
}
Mariusz Jamro
  • 30,615
  • 24
  • 120
  • 162
Naveen
  • 371
  • 3
  • 4
  • 14
0

hye friends Simple Line Drawing with canvas:- 

    public class MainActivity extends Activity {

    private RelativeLayout relativelayout;

    private Paint mPaint, mBitmapPaint;
    private MyView mView;
    private Bitmap mBitmap;
    private Canvas mCanvas;
    private Path mPath;


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

    relativelayout = (RelativeLayout) findViewById(R.id.item);

    DisplayMetrics metrics = getBaseContext().getResources().getDisplayMetrics();
    int w = metrics.widthPixels;
    int h = metrics.heightPixels;

    System.out.println(" width " + w);
    System.out.println(" height " + h);

    mView = new MyView(this, w, h);
    mView.setDrawingCacheEnabled(true);

    mPaint = new Paint();
    mPaint.setAntiAlias(true);
    mPaint.setDither(true);
    mPaint.setColor(Color.Black);
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setStrokeJoin(Paint.Join.ROUND);
    mPaint.setStrokeCap(Paint.Cap.ROUND);
    mPaint.setStrokeWidth(5);

    relativelayout.addView(mView);
    }

    public class MyView extends View {

   public MyView(Context c, int w, int h) {
    super(c);
    mBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);

    mCanvas = new Canvas(mBitmap);
    mPath = new Path();
    mBitmapPaint = new Paint(Paint.DITHER_FLAG);
    mBitmapPaint
    .setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC));
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);

    }

    @Override
    protected void onDraw(Canvas canvas) {
    canvas.drawColor(Color.TRANSPARENT);
    canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);
    canvas.drawPath(mPath, mPaint);
    }

    private float mX, mY;
    private static final float TOUCH_TOLERANCE = 5;

    private void touch_start(float x, float y) {
    mPath.reset();
    mPath.moveTo(x, y);
    mX = x;
    mY = y;
    }

    private void touch_move(float x, float y) {
    float dx = Math.abs(x - mX);
    float dy = Math.abs(y - mY);
    if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {
    mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);
    mX = x;
    mY = y;
    }
    }

    private void touch_up() {
    mPath.lineTo(mX, mY);

    mCanvas.drawPath(mPath, mPaint);

    mPath.reset();
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
    float x = event.getX();
    float y = event.getY();
    switch (event.getAction()) {
    case MotionEvent.ACTION_DOWN:
    touch_start(x, y);
    invalidate();
    break;
    case MotionEvent.ACTION_MOVE:
    touch_move(x, y);
    invalidate();
    break;
    case MotionEvent.ACTION_UP:
    touch_up();
    invalidate();
    break;
    }
    return true;
    }
    }
    }
Saveen
  • 4,120
  • 14
  • 38
  • 41