`
nbtlxx
  • 浏览: 249549 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

手机游戏UI的初步设计

阅读更多
主要工作参考无花的代码,再次感谢。

1. Part.java 
UI元素的父类,主要描述了字体、屏幕的元素、颜色
package com.nbgame.ui.core;

import javax.microedition.lcdui.Canvas;
import javax.microedition.lcdui.Font;
import javax.microedition.lcdui.Graphics;

public abstract class Part extends Canvas {
	Font font = Font.getDefaultFont();
	int TL = Graphics.LEFT | Graphics.TOP;
	int strWith = font.stringWidth("");
	
	protected static final int BgColor = 0x000000;
	protected static final int textColor = 0xF5F5F5;
	protected static final int NoSltColor = 0xBBFFFF;
	
	int sw = getWidth();
	int sh =  getHeight();

}



2. 实现菜单
主要思路就是paint(g)和各种相关动作,不如上下选择和确定的实现
示意代码如下
public class Menu extends Part{
	String[] elements = null;
	int style = 0; // 表示添加位置

	public Menu(String[] elements, int type) {
		this.elements = elements;
		this.style = type;
	}

	public void paint(Graphics g) {
		// TODO Auto-generated method stub		
		g.setColor(BgColor);
//		for(int i=0; i<elements.length;i++){
			g.drawString(elements[0], 0, 30, TL);
			g.drawString(elements[1], 0, 0, TL);
			g.drawString(elements[2], 0, 10, TL);
		
	}

	int idx = 0; // 选中的索引数值

	/**
	 * 改变按键的数值
	 */
	public void selectUp() {
		idx = (idx - 1 < 0) ? elements.length - 1 : idx - 1;
	}

	/**
	 * 改变按键的数值
	 */
	public void selectDown() {
		idx = (idx + 1 > elements.length - 1) ? 0 : idx + 1;
	}



3. 测试代码
   基本思路:初始化menu对象,然后调用menu.paint(g)实现具体的界面绘制
   另外在接收到按键之后,可以调用menu.selectUp(), selectDown(), fire()方法,来实现具体的逻辑处理
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics