社区服务 统计排行 帮助
  • 3210阅读
  • 0回复
admin 离线

级别: 管理员

显示用户信息 

倒序阅读, 只看楼主, 楼主   发表于: 2008-01-16
更多操作

使用NetBeans进行手机开发4:高级图形用户界面

本 来我介绍完J2ME的低级图形界面Canvas就想直接跳到游戏开发API,但是为了内容 的完整性,我决定还是把高级图形用户界面简单介绍一下。不过重点不一样,我不会很详细的将各个类怎么使用,我只是向大家演示一下NetBeans的可视化 开发功能和高级图形用户界面在手机上的运行效果。让图片说话吧。
1、在项目中新建MIDlet的时候,选择Visual MIDlet,如下图:
 
2、弹出可视化设计界面,如下图:
 
在 上面的界面中,首先呈现给我们的是“流设计器”,在流设计器里面,我们可以设置手机程序的各个屏幕是怎么导航的,在后面大家可以看到效果。再看右边的“组 件面板”,其中分为“屏幕”、“命令”、“窗体项”、“元素”等等类别,而“屏幕”类别中的组件是可以作为手机程序的窗体而占据整个屏幕的,最常用的当然 是“Form”了。“窗体项”中的组件当然就只能放到“Form”中了。
3、拖动“Form”到“流设计器”中,我们这里为了演示需要,一拖就拖了三个,如下图:
 
4、双击流设计器中的“Form1”,可以进入“屏幕设计界面”,在这里,我们拖一个choiceGroup组件到屏幕上,再拖几个choiceElement到choiceGroup中,这些组件在右边的组件面板中都可以找到。如下图:
 
5、我们还可以拖动“命令”组件到屏幕上,如下图:
 
6、可以编辑Command的行为,如下图,我们设置为让它跳转到“Form2”,如下图:
 
7、切换回“流设计器”,可以看到“Form1”和“Form2”关联起来了,如下图:
 
8、同样的方法,我们可以在“Form2”中添加一个表格控件,并加入一个“Command”让它切换到“Form3”,如下图:
 
9、用同样的方法编辑“Form3”,添加一个“Gauge”控件,再添加一个“Command”并让它退出程序,如下图:
 
10、切换回“流设计器”,把移动设备的起点和“Form1”左边的点用鼠标拖动连起来,就可以得到一个完整的程序流图了,如下:
 
11、下面是运行效果:



 

描述
快速回复

如果您在写长篇帖子又不马上发表,建议存为草稿
认证码:

 回复后跳转到最后一页