文章分类:移动开发
Java代码 package com.easyway.dev.android.snake; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.view.View; /** * Android 平台裡，使用者介面都是透过 ViewGroup 或 View 类别来显示。 * ViewGroup 和 View 是 Android 平台上最基本的使用者介面表达单元。我 * 们可以透过程式直接呼叫的方法，调用描绘使用者介面，将萤幕上显示的介面元 * 素，与构成应用程式主体的程式逻辑，溷合在一起编写。或是，也可以将介面显示 * 与程式逻辑分离，照着 Android 提供的这个较优雅的方式，使用 XML 描述档， * 来描述介面元件的组织。 * * 在 Android 系统中，我们使用 XML 来定义 UI。但是有些稍微有经验的开发者可能会有疑问： *「用 XML 来描述介面固然方便，但是对于手机程式来说，直接用 XML 档桉是不是太占空间了？」。 *没错，如果 Android 是直接使用 XML 来储存介面描述到手机上的话，一定会佔用比起现在大的多 *的档桉空间。解决的方法是Android 并不直接使用 XML 档桉，而是透过 Android 开发工具， *自动将 XML 描述档转换成资源档桉。一旦应用程式要操作某个介面元件，或是使用任何种类的资源 *(字串、图片、图示、音效...)，都使用索引来查询。 * * *伟大的创意少之又少，多数时候只是一些小改进。小的改进也是好的。 * * * TileView: a View-variant designed for handling arrays of "icons" or other * drawables. * */ public class TileView extends View { /** * Parameters controlling the size of the tiles and their range within view. * Width/Height are in pixels, and Drawables will be scaled to fit to these * dimensions. X/Y Tile Counts are the number of tiles that will be drawn. */ protected static int mTileSize; protected static int mXTileCount; protected static int mYTileCount; private static int mXOffset; private static int mYOffset; /** * * A hash that maps integer handles specified by the subclasser to the * drawable that will be used for that reference */ private Bitmap[] mTileArray; /** * 声明用来存放绘画图像的x，y轴的位置的数组 * A two-dimensional array of integers in which the number represents the * index of the tile that should be drawn at that locations */ private int[][] mTileGrid; private final Paint mPaint = new Paint(); public TileView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.TileView); mTileSize = a.getInt(R.styleable.TileView_tileSize, 12); a.recycle(); } public TileView(Context context, AttributeSet attrs) { super(context, attrs); TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.TileView); mTileSize = a.getInt(R.styleable.TileView_tileSize, 12); a.recycle(); } /** * Rests the internal array of Bitmaps used for drawing tiles, and * sets the maximum index of tiles to be inserted * * @param tilecount */ public void resetTiles(int tilecount) { mTileArray = new Bitmap[tilecount]; } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { mXTileCount = (int) Math.floor(w / mTileSize); mYTileCount = (int) Math.floor(h / mTileSize); mXOffset = ((w - (mTileSize * mXTileCount)) / 2); mYOffset = ((h - (mTileSize * mYTileCount)) / 2); mTileGrid = new int[mXTileCount][mYTileCount]; clearTiles(); } /** * Function to set the specified Drawable as the tile for a particular * integer key. * * @param key * @param tile */ public void loadTile(int key, Drawable tile) { Bitmap bitmap = Bitmap.createBitmap(mTileSize, mTileSize, Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); tile.setBounds(0, 0, mTileSize, mTileSize); tile.draw(canvas); mTileArray[key] = bitmap; } /** * Resets all tiles to 0 (empty) * */ public void clearTiles() { for (int x = 0; x < mXTileCount; x++) { for (int y = 0; y < mYTileCount; y++) { setTile(0, x, y); } } } /** * Used to indicate that a particular tile (set with loadTile and referenced * by an integer) should be drawn at the given x/y coordinates during the * next invalidate/draw cycle. * * @param tileindex 图片的索引 * @param x x轴的位置 * @param y y轴的位置 */ public void setTile(int tileindex, int x, int y) { mTileGrid[x][y] = tileindex; } /** * 重写VIEW 类里面的方法。 把界线画出。 * * 地图其实就是由图片数组拼直面成的。 面图片又是通过他的图片索引找到，并 * 在mTileGrid[x][y]，获取他们的位置索引来确定图片的位置。 这样在一个 * 手机的页面就形成了， * */ @Override public void onDraw(Canvas canvas) { super.onDraw(canvas); for (int x = 0; x < mXTileCount; x += 1) { for (int y = 0; y < mYTileCount; y += 1) { if (mTileGrid[x][y] > 0) { canvas.drawBitmap(mTileArray[mTileGrid[x][y]], mXOffset + x * mTileSize, mYOffset + y * mTileSize, mPaint); } } } } }