How to draw line bitmap step by step at run time in the activity

Question

I have sample code for draw line. I need line draw point by point for run time. But now I got line after execution only showing activity. But, I need to start activity and show the line point by point.

Sample code

public class MainActivity extends ActionBarActivity {

ImageView drawingImageView;

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

    drawingImageView = (ImageView) this.findViewById(R.id.DrawingImageView);
    Bitmap bitmap = Bitmap.createBitmap((int) getWindowManager()
            .getDefaultDisplay().getWidth(), (int) getWindowManager()
            .getDefaultDisplay().getHeight(), Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    drawingImageView.setImageBitmap(bitmap);

    // Line
    Paint paint = new Paint();
    paint.setColor(Color.rgb(255, 153, 51));
    paint.setStrokeWidth(10);
    int startx = 50;
    int starty = 90;
    int endx = 350;
    int endy = 90;
    while(endx>=startx) {
        try {
            Thread.sleep(5);
        }catch (InterruptedException e){
            e.printStackTrace();
        }
        canvas.drawLine(startx, starty, startx+1, endy, paint);
        startx++;
    }
}}

XML

<?xml version="1.0" encoding="utf-8"?>

<ImageView android:id="@+id/DrawingImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

Answer 1

Use Below code to restart animation when its reach the endx position -

private void ImgAnimation() {

        mHandlerAnimation = new Handler();

        mRunnableAnimation = new Runnable() {
            public void run() {

                  if(endx>startx) 
                  {
                         canvas.drawLine(startx, starty, startx+1, endy, paint);
                         startx = startx + 1;
                         getWindow().getDecorView().findViewById(android.R.id.content).invalidate();
                  }
                  else
                  {
                      bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
                      canvas = new Canvas(bitmap);
                      drawingImageView.setImageBitmap(bitmap);
                      startx = 50;
                  }


                mHandlerAnimation.postDelayed(this, 80);
            }
        };

        mHandlerAnimation.postDelayed(mRunnableAnimation, 80);

    }

Answer 2

I think lines are added on your view but UI is not refreshing so Add below line after Thread.sleep(5) to refresh UI

getWindow().getDecorView().findViewById(android.R.id.content).invalidate();

Or You can use below code -

public class ImgDraw extends Activity {

    ImageView drawingImageView;
    Handler mHandlerAnimation = null;
    Runnable mRunnableAnimation = null;
     Canvas canvas ;
     int startx = 0,starty =0,endx = 0,endy = 0;
     Paint paint;
     Bitmap bitmap ;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_imgdraw);

        drawingImageView = (ImageView)findViewById(R.id.DrawingImageView);

          DisplayMetrics metrics = new DisplayMetrics();
            getWindowManager().getDefaultDisplay().getMetrics(metrics);
           int width = metrics.widthPixels;
           int height = metrics.heightPixels;

          bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

            canvas = new Canvas(bitmap);
            drawingImageView.setImageBitmap(bitmap);

            // Line
            paint = new Paint();
            paint.setColor(Color.rgb(255, 153, 51));
            paint.setStrokeWidth(10);
             startx = 50;
             starty = 90;
             endx = 350;
             endy = 90;          

          //   canvas.drawLine(startx, starty, startx+1, endy, paint);


                ImgAnimation();


    }

    private void ImgAnimation() {

        mHandlerAnimation = new Handler();

        mRunnableAnimation = new Runnable() {
            public void run() {

                  if(endx>=startx) {
                         canvas.drawLine(startx, starty, startx+1, endy, paint);
                            startx = startx + 10;
                            getWindow().getDecorView().findViewById(android.R.id.content).invalidate();
                     }


                mHandlerAnimation.postDelayed(this, 80);
            }
        };

        mHandlerAnimation.postDelayed(mRunnableAnimation, 80);

    }



}