J2ME学习笔记(五)-----MIDlets中GUI(图形)编程 huanghui22 [原作]

 

MIDlets中GUI(图形)编程

1．  概述

MIDP为运行在MIDP容器中的MIDP应用定义了一个API，此API本身是建立在CLDC API之上的。MIDP用户接口API的Java类设计不是基于Java Abstract Window Toolkit(AWT)类的，而是为移动电话这类小型移动信息设备特别设计的。这类设备只有有限的屏幕尺寸和键盘性能。当程序员采用MIDP编写图形应用时，他们只能使用MIDP或CLDC API。

 

2．  MIDP GUI类

1）所有MIDP GUI类都是javax.microedition.lcdui包的组成部分。

2）MIDP用户接口的基本抽象图形是屏幕，Screen类对面向设备的图形和用户交互进行了封装。每次应用只能显示一个屏幕。

3）MIDP API具有”高级(high-level)”和”低级(low-level)”UI类。

   高级UI-----例如Form,List,TextBox,TextField,Alert和Ticker具有设备适配功能，它对图象，文本，文本域以及单选按钮等进行支持。

   低级UI-----例如Canvas类允许操作者任意绘画。

 

3．  MIDP GUI中主要的类

1）  Graphics类-----提供了用来绘画2D几何对象的Graphics对象。

javax.microedition.lcdui.Graphics类不是在MIDlet中显式创建的,表示抽象画面的Canvas类在MIDP GUI编程中提供了paint()方法,piant()方法取类型为Graphics的一个参数,用此参数实现MIDlet中Graphics类的功能。

2)  Displayable类-----是一个抽象类 ,Displayable对象处理MIDlet的GUI输出.它有两个派生类javax.microedition.lcdui.Canvas和javax.microedition.lcdui.Screen。

3)        Canvas类-----Canvas类允许操作者任意绘画,与Graphics类都是低级UI.由Graphics类类提供的方法总是在Canvas类的派生类中使用的。

4)        Screen类-----是高级UI，Form，List，TextBox，Alert类都是它的派生类。

 

4．  下面是Graphics类用法的一段代码:

 

import javax.microedition.midlet.*;

import javax.microedition.lcdui.*;

 

public class MidpGraphics extends MIDlet implements CommandListener

{

       Display display;

       testCanvas canvas;

       public MidpGraphics()

       {

              display=Display.getDisplay(this);

              canvas=new testCanvas();

       }

       public void startApp() throws MIDletStateChangeException

      {

           display.setCurrent(canvas);

      }

    public void pauseApp()

    {

    }

    public void destroyApp(boolean unconditional) throws MIDletStateChangeException

   {

   }

    public void commandAction(Command c,Displayable d)

    {

    }

}

class testCanvas extends Canvas

{

       public void paint(Graphics g)

       {

//创建字体对象

              Font font=Font.getFont   

                   (Font.FACE_SYSTEM,Font.STYLE_BOLD,Font.SIZE_MEDIUM);

//设定字体对象             

               g.setFont(font);

//绘画出文本

              g.drawString("Hello MIDP",getWidth()/2,getHeight  ()/2,Graphics.HCENTER|Graphics.TOP);

              try

              {

//绘画出图像

                     Image image=Image.createImage("myimage.png");

                     g.drawImage(image,0,0,Graphics.HCENTER|Graphics.TOP);

              }

              catch(Exception e)

              {

              }    

       }

}

----------------------------运行效果就是在屏幕的中心显示文本”Hello MIDP”。

 

 

 

5.用MIDlet编程来实现SaveMyMoney银行应用的不同图形用户界面实例代码:

1)      任务陈述：第一屏幕显示包含名为Balance Enquiry(当前余额)，Fixed Deposit Enquiry(定期储蓄)，Check Status Enquiry(支票状况)项的菜单

当用户选择Balance Enquiry应显示进度指示器

当用户选择Fixed Deposit Enquiry应显示进度指示器

当用户选择Check Status Enquiry应显示打入支票号的TextBox

当用户打入支票号后应显示进度指示器

2．代码如下：

// 导入lcdui和Midlet包

import javax.microedition.lcdui.*;

import javax.microedition.midlet.*;

 

// 定义扩展MidpGui类的MIDlet类

public class MidpGui extends MIDlet implements CommandListener

{

// 由Display类创建显示管理器

     Display display;

 

// 定义窗体对象 

     Form form = new Form("Container Form");

 

// Screen类派生的

// 定义列表(主菜单)

    List menu;

// 定义文本框 

    TextBox input;

 

// Item类的组件 (Gauge类表示显示屏幕上的一个条形图)

   Gauge gauge = new Gauge("Your enquiry is being processed", false, 100, 30);

 

// 定义来自Command类的命令

   static final Command okCommand = new Command("OK",Command.OK,1);

   static final Command backCommand = new Command("Back",Command.BACK,0);

   static final Command exitCommand = new Command("Exit", Command.STOP,2);

   String currentMenu; // 定义串变量以标识当前的窗体名

 

   public MidpGui()

  {

  }

/**

 * The startApp() starts the MIDlet, creates a list of items and

 * Uses the EXIT command */

   public void startApp() throws MIDletStateChangeException

  {

// 得到display对象

     display = Display.getDisplay(this);

// 创建初始菜单并加入项

     menu = new List("Enquiries", Choice.IMPLICIT);

     menu.append("Current Balance ", null);

     menu.append("Fixed Deposit ", null);

     menu.append("Check Status ", null);

// 加入Exit命令到窗体

     menu.addCommand(exitCommand);

     menu.setCommandListener(this);

// 调用mainmenu方法，设置初始屏幕

     mainMenu();  

  // 加入计量组件到窗体

     form.append(gauge);

}

// mainMenu 方法

void mainMenu()

{

  display.setCurrent(menu);

  currentMenu = "Main";

}

public void pauseApp() {

  form = null;

  display = null;

  menu = null;

  input = null;

  gauge = null;

}

// 当MIDlet被撤消是调用

public void destroyApp(boolean unconditional) throws MIDletStateChangeException

{

  notifyDestroyed();

}

//显示TextBox组件

public void showTextBox()

{

  input = new TextBox ("Enter the Check Number:", "", 20, TextField.ANY);

  input.addCommand(backCommand);

  input.addCommand(okCommand);

  input.setCommandListener(this);

  input.setString("");

  display.setCurrent(input);

  currentMenu = "input";

}

 

//显示进度指示器屏幕

public void showForm()

{

  form.addCommand(backCommand);

  form.setCommandListener(this);

  display.setCurrent(form);

  currentMenu = "form";

}

 

//命令激活

public void commandAction(Command c, Displayable d)

{

  String label = c.getLabel();

  if (label.equals("Exit"))

  {

                try{

     destroyApp(true);}

                catch (Exception e){}

  }

  else if (label.equals("Back"))

  {

        if(currentMenu.equals("input") || currentMenu.equals("form"))

                     {

          // go back to menu

                        mainMenu();

            }

 

  }

  else

  {

                if (label.equals("OK"))

                {

                                showForm();

                }

    else

    {

                        List down = (List)display.getCurrent();

            switch(down.getSelectedIndex())

                                     {

                                                      case 0: showForm();break;

                             case 1: showForm();break;

                             case 2: showTextBox();break;

                                     }

                     }

                }

  }

}

注：所有类及方法的说明可以查看J2ME doc.路径为x:/WTK104/docs/api