如何在活动中的运行时逐步绘制线位图

时间:2016-03-28 05:58:59

标签: java android android-studio bitmap android-canvas

我有绘制线的示例代码。我需要逐点绘制运行时间。但是现在我执行后只显示了活动。但是,我需要开始活动并逐点显示线条。

示例代码

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" />

2 个答案:

答案 0 :(得分:1)

我认为您的视图中添加了行,但UI未刷新,因此在Thread.sleep(5)之后添加以下行以刷新UI

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

或者您可以使用以下代码 -

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

    }



}

答案 1 :(得分:0)

使用下面的代码在动画到达endx位置时重新启动动画 -

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

    }