Paint paint = new Paint();
paint.setColor(Color.BLACK);
// 设置画笔透明度以及RGB属性1、a(透明度)1~255越小越透明 。2、R(红色)0~255越小越淡。3、G(绿色)
// 0~255。4、B(蓝色)0~255。
paint.setARGB(200, 5, 100, 230);
// 设置抗锯齿 注：设置这个属性后会消耗大量资源，绘制图形时会变慢。
paint.setAntiAlias(true);
// 设置画笔的大小，也就是粗细。
paint.setStrokeWidth(1);
// 设置画笔的样式。1、STROKE：空心图不填充颜色，
paint.setStyle(Style.STROKE);
// 绘制矩形，1、左边界的位置，2、上边界的位置，3、有边界的位置，4、下边界的位置。

paint.setTextSize(100);
canvas.drawRect(200, 100, 300, 400, paint);
// 绘制一条线，前俩个参数是x,y的起始位置的坐标，后俩个是x,y的终止位置的坐标。
canvas.drawLine(100, 100, 400, 400, paint);
// 绘制圆形，前两个是圆心 x,y坐标，radius：是圆的半径。
canvas.drawCircle(200, 200, 50, paint);
canvas.drawText("appde", 150, 300, paint);
canvas.drawBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher),300,100,paint);

Paint backgroundpaint = new Paint();
backgroundpaint.setColor(getResources().getColor(
R.color.BackgroundColor));
canvas.drawRect(0, 0, getWidth(), getHeight(), backgroundpaint);

Paint blackpaint = new Paint();
blackpaint.setColor(getResources().getColor(R.color.black));

Paint strikingpaint = new Paint();
strikingpaint.setColor(getResources().getColor(R.color.Striking));

Paint brightpaint = new Paint();
brightpaint.setColor(getResources().getColor(R.color.Bright));

for (int i = 0; i < 9; i++) {
canvas.drawLine(0, i * height, getWidth(), i * height,
strikingpaint);
canvas.drawLine(0, i * height + 1, getWidth(), i * height + 1, brightpaint);
canvas.drawLine(i * width, 0, i * width, getHeight(), strikingpaint);
canvas.drawLine(i * width + 1, 0, i * width + 1, getHeight(), brightpaint);
}
for (int i = 0; i < 9; i++) {
if (i % 3 != 0) {
continue;
}
canvas.drawLine(0, i * height, getWidth(), i * height, blackpaint);
canvas.drawLine(0, i * height + 1, getWidth(), i * height + 1, brightpaint);
canvas.drawLine(i * width, 0, i * width, getHeight(), blackpaint);
canvas.drawLine(i * width + 1, 0, i * width + 1, getHeight(), brightpaint);
}

Paint textpaint = new Paint();
textpaint.setColor(Color.BLACK);
textpaint.setStyle(Paint.Style.STROKE);
textpaint.setTextSize(height * 0.75f);
textpaint.setTextAlign(Paint.Align.CENTER);
float x = width / 2;
canvas.drawText("1", 3 * width + x, 61, textpaint);

1、绘制九宫格

2、在九宫格中放置数字

MyView.java文件:

package com.example.shudu03;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.view.View;

public class MyView extends View {

    public MyView(Context context) {
        super(context);
    }

    private float width;
    private float height;
    
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        this.width=w/9f;
        this.height=h/9f;
        super.onSizeChanged(w, h, oldw, oldh);
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        //画背景
        Paint paintBackgroud=new Paint();
        paintBackgroud.setColor(getResources().getColor(R.color.backgroundColor));
        canvas.drawRect(0, 0, getWidth(), getHeight(), paintBackgroud);
        
        //画第一条颜色重的线的画笔
        Paint paintOne=new Paint();
        paintOne.setColor(getResources().getColor(R.color.oneLine));
        
        //画第二条颜色轻的线的画笔
        Paint paintTwo=new Paint();
        paintTwo.setColor(getResources().getColor(R.color.twoLine));
        
        //画横竖三条颜色重的线
        Paint paintThree=new Paint();
        paintThree.setColor(getResources().getColor(R.color.threeLine));
        for(int i=0;i<9;i++){
            canvas.drawLine(0, i*height, getWidth(), i*height, paintOne);
            canvas.drawLine(0, i*height+1, getWidth(), i*height+1, paintTwo);
            canvas.drawLine(i*width, 0, i*width, getHeight(), paintOne);
            canvas.drawLine(i*width+1, 0, i*width+1, getHeight(), paintTwo);
        }
        
        for(int i=0;i<9;i++){
            if(i%3 != 0){
                continue;
            }
            canvas.drawLine(0, i*height, getWidth(), i*height, paintThree);
            canvas.drawLine(0, i*height+1, getWidth(), i*height+1, paintTwo);
            canvas.drawLine(i*width, 0, i*width, getHeight(),paintThree);
            canvas.drawLine(i*width+1, 0, i*width+1, getHeight(), paintTwo);
        }
        
        //画数字的画笔
        Paint paintData=new Paint();
        paintData.setColor(getResources().getColor(R.color.textColor));
        paintData.setStyle(Paint.Style.STROKE);
        paintData.setTextSize((float) (height*0.75));
        paintData.setTextAlign(Paint.Align.CENTER);
        
        float x=width/2;
        canvas.drawText("1", 3*width+x, 61, paintData);
        super.onDraw(canvas);
    }
      

}

color.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="backgroundColor">#ffe2e5e7</color>
    <color name="textColor">#ff252525</color>
    <color name="oneLine">#ffeceff0</color>
    <color name="twoLine">#fffbfbfb</color>
    <color name="threeLine">#ff858585</color>
</resources>

MainActivity.java文件：

package com.example.shudu03;

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);
//        setContentView(R.layout.activity_main);
        setContentView(new MyView(this));
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

练习课

1 绘制九宫格

背景-浅蓝

细线

加深颜色的线

2 在九宫格当中放置数字

根据小格子的左顶点绘制数字

代码

shuduView

MainActivity

color.xml