数独游戏（一）之绘制九宫格，并初始化数据

2012-06-20

数独游戏（1）之绘制九宫格，并初始化数据数独游戏之绘制九宫，并初始化数据 1.在工程里的res/values目录下

数独游戏（1）之绘制九宫格，并初始化数据

<数独游戏>之绘制九宫格，并初始化数据

1.在工程里的res/values目录下新建一个colors.xml来存放具体颜色值，已供程序通过R.color.颜色名来调用

this.getResources().getColor(R.color.shudu_background) 获取配置文件中的颜色值

<?xml version="1.0" encoding="utf-8"?><resources>    <color name="shudu_background">#ffe6f0ff</color>    <color name="shudu_hilite">#ffffffff</color>    <color name="shudu_light">#64c6d4ef</color>    <color name="shudu_dark">#6456648f</color></resources>

2.新建一个自定义图形类ShuduView继承View父类

package com.shudu;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Paint.FontMetrics;import android.view.View;public class ShuduView extends View {//单元格的宽度和高度private float width ;private float height ;private Game game = new Game();public ShuduView(Context context){super(context);}//涉及到手机屏幕的切换问题比如 横屏 和竖屏，需要进行调整 w:整个 veiw 的宽度;  h:整个 veiw 的高度@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) {// TODO Auto-generated method stub//把整个屏幕分成 九宫格 的每个格子的宽度和高度this.width = w/9f ;this.height = h/9f ;super.onSizeChanged(w, h, oldw, oldh);}@Overridepublic void onDraw(Canvas canvas) {Paint backgroundPaint = new Paint();//从配置文件中 获取颜色值backgroundPaint.setColor(this.getResources().getColor(R.color.shudu_background));//画出整个手机屏幕的 的背景色canvas.drawRect(0, 0, this.getWidth(), this.getHeight(), backgroundPaint);//----------------------------------------Paint darkPaint = new Paint();darkPaint.setColor(this.getResources().getColor(R.color.shudu_dark));Paint hilitePaint = new Paint();hilitePaint.setColor(this.getResources().getColor(R.color.shudu_hilite));Paint lightPaint = new Paint();lightPaint.setColor(this.getResources().getColor(R.color.shudu_light));//画九宫格里面的 横线，纵线,每次画出的线要想达到某种效果，需画两条 之间格1像素的位置，且颜色也要搭配好for(int i = 0 ; i < 9 ; i++ ){canvas.drawLine(0, i*height, this.getWidth(), i*height, lightPaint);canvas.drawLine(0, i*height+1, this.getWidth(), i*height+1, hilitePaint);    canvas.drawLine(i*width,0, i*width, this.getHeight(), lightPaint);canvas.drawLine(i*width+1,0, i*width+1, this.getHeight(), hilitePaint);}//把整个 屏幕的格子 分成9个大的 9 宫格，每个大的9宫格 里面又有9个小格，   实际上就是 用颜色比较深的线隔开for(int i = 0 ; i < 9 ; i ++){if(i%3 != 0){continue ;}canvas.drawLine(0, i*height, this.getWidth(), i*height, darkPaint);canvas.drawLine(0, i*height+1, this.getWidth(), i*height+1, hilitePaint);    canvas.drawLine(i*width,0, i*width, this.getHeight(), darkPaint);canvas.drawLine(i*width+1,0, i*width+1, this.getHeight(), hilitePaint);}//设置在表格上显示的数字Paint numberPaint = new Paint();numberPaint.setColor(Color.BLACK);numberPaint.setStyle(Paint.Style.STROKE); //让其画出来的东西是 空的numberPaint.setTextSize(height*0.75f); //设置字体大小numberPaint.setTextAlign(Paint.Align.CENTER); //让字体居中float x = width/2f ;//调整字体的位置 （ 度量）  比如居中,调整垂直方向上的居中FontMetrics fm = numberPaint.getFontMetrics();// 这些  fm.ascent 都是基于 基准线 而言float y = height/2f - (fm.ascent+fm.descent)/2 ;//System.out.println("y："+y+"fm.ascent:"+fm.ascent+"fm.descent:"+fm.descent);//初始化数据for(int i = 0 ; i < 9 ; i ++){for(int j = 0 ; j < 9 ; j ++){canvas.drawText(game.getTileString(i, j), i*width+x,j*height+y , numberPaint);}}super.onDraw(canvas);}}

1）画九宫格里面的横线，纵线,每次画出的线要想达到某种效果，需画两条之间格1像素的位置，且颜色也要搭配好

2）要想让字在单元格中居中，这是一个问题，得设置一下偏移量

X轴方向：比较好设置，就是单元格宽度除以2 ， float x = width/2f;

Y轴方向：并不是通过单元格高度除以2，因为涉及到基准线的概念，通过画笔对象调用 getFontMetrics() 方法，获取FontMetrics 对象，也就是获取了 ascent，top，descent，bottom 等属性，四个属性的值都是基于基准线而言

公式：float y = height/2f - (fm.ascent+fm.descent)/2 ; 通过单元格高度除以2，加上（ascent的高度减去descent）除以2

之所以上面的公式中出现减号，是因为基准线的上方是负数，

数独游戏（一）之绘制九宫格，并初始化数据

3.Game类，存放一些初始化的数据等等

package com.shudu;public class Game {//初始化 九宫格的数据private final String initStr ="360000000004230800000004200"+        "070460003820000014500013020"+"001900000007048300000000045";//定义一个 数组 存放 初始化数据，首先 要将 initStr里面的数据分离开，存放在数组里private int[] shuduku = new int[9*9] ;public Game(){shuduku = fromPuzzleString(initStr) ;}//通过传来的坐标值，获取 该坐标 的 具体值（整数）private int getTile(int x , int y){return shuduku[y*9+x] ;}public String getTileString(int x , int y){int v = getTile(x , y);if(0 == v)return "" ;else    return String.valueOf(v); //把获取的 整数 转成 字符串}//把字符串 一个个分离出来，存放至 shudu数组中，通过返回值，赋值给 shuduku数组中public int[] fromPuzzleString(String str){int[] shudu = new int[str.length()] ;for(int i = 0 ; i < str.length() ; i++){shudu[i] = str.charAt(i) - '0' ; //把获取的单个字符减去 '0' 转成整数，赋给 整形 shudu数组中}return shudu ;}}

4.Activty类

package com.shudu;import android.app.Activity;import android.os.Bundle;public class MainActivity extends Activity {    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(new ShuduView(this));    }}

5.运行效果：

数独游戏（一）之绘制九宫格，并初始化数据

热点排行

移动开发

数独游戏（一）之绘制九宫格，并初始化数据