如何在activity时间在运行一步步绘制线条位图

Question

我有画线的示例代码。我需要在运行时间内逐点画线。但是现在我在执行后只显示了 activity。但是，我需要开始 activity 并逐点显示线。

示例代码

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

我认为您的视图中添加了线条，但 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);

    }



}

Answer 2

使用下面的代码在到达 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);

    }

如何在activity时间在运行一步步绘制线条位图

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

java

android

bitmap

android-canvas

android-studio