实现了基本界面的绘制。
自定的View界面
通过Paint Canvas 。。。。。。
package com.example.shudu;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;
public class ShuduView extends View{
//单元格的宽度和高度
private float width;
private float height;
public ShuduView(Context context) {
super(context);
}
@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 backgroundPaint = new Paint();
//设置背景颜色画笔的颜色
backgroundPaint.setColor(getResources().getColor(R.color.shudu_background));
//绘制背景色 左边界都是0 右边界位置是宽下边界是高 覆盖整个屏幕
canvas.drawRect(0,0,getWidth(),getHeight(),backgroundPaint);
Paint darkPaint = new Paint();
darkPaint.setColor(getResources().getColor(R.color.shudu_dark));
Paint hilitePaint = new Paint();
hilitePaint.setColor(getResources().getColor(R.color.shudu_hilite));
Paint lightPaint = new Paint();
lightPaint.setColor(getResources().getColor(R.color.shudu_light));
for(int i=0;i<9;i++){
//以下两行代码用户绘制横向的单元格线 并且利用像素差和 颜色深浅变化 显示出凹槽效果,增加逼真感。
canvas.drawLine(0,i*height,getWidth(),i*height, lightPaint);
canvas.drawLine(0,i*height+1,getWidth(),i*height+1, hilitePaint);
canvas.drawLine(i*width,0,i*width,getHeight(),lightPaint);
canvas.drawLine(i*width+1,0,i*width+1,getHeight(),hilitePaint);
}
for(int i=0;i<9;i++){
if(i%3!=0){
continue;
}
canvas.drawLine(0,i*height,getWidth(),i*height, darkPaint);
canvas.drawLine(0,i*height+1,getWidth(),i*height+1, hilitePaint);
canvas.drawLine(i*width,0,i*width,getHeight(),darkPaint);
canvas.drawLine(i*width+1,0,i*width+1,getHeight(),hilitePaint);
}
//绘制文字
Paint numberPaint = new Paint();
numberPaint.setColor(Color.BLACK);
//设置空心
numberPaint.setStyle(Paint.Style.STROKE);
//设置文字大小为0.75 单元格 大小
numberPaint.setTextSize(height*0.75f);
//设置文字居中对齐
numberPaint.setTextAlign(Paint.Align.CENTER);
float x = width/2;
//x默认是‘3’这个字符的左边在屏幕的位置,如果设置了
//paint.setTextAlign(Paint.Align.CENTER);
//那就是字符的中心,y是指定这个字符baseline在屏幕上的位置
canvas.drawText("1",3*width+x,61, numberPaint);
super.onDraw(canvas);
}
}
Activity类
package com.example.shudu;
import android.os.Bundle;
import android.app.Activity;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(new ShuduView(this));
}
}