android Canvas 上的动态二维绘图

Question

我正在尝试了解如何在 Android 上动态生成 2D 图形。我无法在网上找到有人这样做的例子。

我下面的示例随机绘制了 1000 行随机颜色。我想看到正在绘制的所有线条，但直到 setContentView() 调用（此时所有线条都已绘制）我才看到任何东西。

我尝试了很多排列组合，包括将 setContentView() 移动到 draw() 调用之前，并在 for 循环中添加 ourView.invalidate()，但在每种情况下屏幕都保持白色直到之后所有的线都画好了。

如果有人可以指出此工作的示例，我很乐意去研究它并自己在此处添加正确答案。

package com.example.graphicsdemo;
+imports

public class MainActivity extends Activity {
    ImageView ourView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        draw();
        setContentView(ourView);
    }
    public void draw() {
        Bitmap blankBitmap = Bitmap.createBitmap(600,600,Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(blankBitmap);
        ourView = new ImageView(this);
        ourView.setImageBitmap(blankBitmap);
        Paint paint = new Paint();
        Random random = new Random();

        for(int i = 0 ; i < 1000 ; i++) {
            paint.setColor(Color.argb(255, random.nextInt(255), random.nextInt(255), random.nextInt(255)));
            canvas.drawLine(random.nextInt(600), random.nextInt(600), random.nextInt(600), random.nextInt(600), paint);
        }
    }
}

Answer 1

我希望这个示例对您有所帮助：首先制作你自己的视图，我们称之为 DynamicView :

import java.util.Random;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

public class DynamicView extends View {
    int i = 0;

    public DynamicView(Context context) {
        super(context);


    }

    @Override
    protected void onDraw(Canvas canvas) {

        Paint paint = new Paint();
        Random random = new Random();
        paint.setColor(Color.argb(255, random.nextInt(255),
                random.nextInt(255), random.nextInt(255)));
        canvas.drawLine(random.nextInt(600), random.nextInt(600),
                random.nextInt(600), random.nextInt(600), paint);

        if (i < 1000) {
            i++;
            invalidate();
        }
    }

}

此视图将在每次绘制后失效 1000 次

现在这是您主要的 activity 的 onCreate 方法：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        DynamicView myView = new DynamicView(this);
        setContentView(myView);
    }

就这么简单。

回答你的问题这是一个更好的代码，更复杂但仍然容易理解我们所要做的就是在位图上绘制线条，然后在视图上绘制该位图，这样位图就不会改变，并且会保留之前绘制的所有线条并仍然在其上绘制

现在这是更新后的代码：

DynamicView

import java.util.Random;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.View;

public class DynamicView extends View {
    int i = 0;
    Bitmap frame ;
    Canvas frameDrawer;
    Rect bounds;
    Paint paint ;
    Random random ;
    int width , height;

    public DynamicView(Context context ,int width ,int height) {
        super(context);

        this.width = width;
        this.height = height;

        frame = Bitmap.createBitmap(width,height,Bitmap.Config.ARGB_8888);
        frameDrawer = new Canvas(frame);
        bounds = new Rect(0 , 0, width,height);
        //this initialization will make the frameDrawer draw on the frame bitmap

        //always avoid allocating new objects in the draw method to optimize the performance 
        paint = new Paint();
        random = new Random();
    }

    @Override
    protected void onDraw(Canvas canvas) {


        paint.setColor(Color.argb(255, random.nextInt(255),
                random.nextInt(255), random.nextInt(255)));
        //instead of drawing on the view canvas draw on the frame bitmap
        frameDrawer.drawLine(random.nextInt(width), random.nextInt(height),
                random.nextInt(width), random.nextInt(height), paint);
        // and then draw the bitmap on the view canvas
        canvas.drawBitmap(frame, null, bounds , null);

        if (i < 1000) {
            i++;
            invalidate();
        }
    }

}

现在 MainActivity 中的新功能是现在我们可以控制视图绘图边界，但仍然不能控制占据所有屏幕的视图边界 space（如果您只想调整视图边界实施 onLayout 方法并输入您的值 )

MainActivity

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        DynamicView myView = new DynamicView(this,320,480);
        setContentView(myView);
    }
}

android Canvas 上的动态二维绘图

android dynamic 2D drawing on a Canvas

graphics

android

2d