ITPub博客

首页 > Linux操作系统 > Linux操作系统 > lwuit 全面剖析

lwuit 全面剖析

原创 Linux操作系统 作者:小科学家 时间:2009-11-27 17:37:19 0 删除 编辑
在MIDlet中初始化Lwuit 也是唯一使用原有J2me的东西
可以在startApp方法中定义启动的过程
  public void startApp() {
      //init the LWUIT Display
      Display.init(this);
      //加载资源文件
try {
   Resources r = Resources.open("/myresources.res");
   UIManager.getInstance().setThemeProps(r.getTheme(r.getThemeResourceNames()[0]) );
} catch (java.io.IOException e) {
}
简单的使用一个内置Form进行显示,而无须使用一个而外的类
   Form. f = new Form();
   f.setTitle("Hello World");
   f.setLayout(new BorderLayout());
   f.addComponent("Center", new Label("I am a Label"));
   f.show();
注意使用show方法进行显示

组件介绍
Component 用于显示到页面上的基础部分,可以理解为DisplayObject,也就是组件部分
Container 用于保存多个Components的容器类型,提供了布局的能力

Form. 提供title和menus,并且提供一个content放置Components,并且提供了content的滚动能力
       addComponent,用于添加Components到Content中
提供的一些方法和使用方式
Form. mainForm. = new Form("Form. Title");  //声明一个带标题的Form.
mainForm.setLayout(new BorderLayout()); //设置布局管理器
mainForm.addComponent(BorderLayout.CENTER, new Label(“Hello,World”)); //添加Components组件,
mainForm.setTransitionOutAnimator(CommonTransitions.createFade(400)); //设置动画
mainForm.addCommand(new Command("Run", 2)); //添加菜单命令
mainForm.show(); //显示Form.
一些技巧  
1:可以使用带参数的构造函数,设置标题.也可以不设置标题的构造函数
2:addComponent() 方法提供两个重载,区别在于是否指定布局位置
3:Transition动画用于在forms之间进行切换时候触发
4:Form通过Commands添加菜单,根据添加顺序排序显示,其他使用与普通的J2me一样

Label: 可以同时显示图片和文字,设置align布局,可以通过继承Label实现扩展,如果更复杂,可以使用Button
提供的一些方法和使用方式
Label textLabel = new Label("I am a Label");  //创建一个单行文本
Image icon = Image.createImage("/images/duke.png");
Label imageLabel = new Label(icon);   //创建一个带图片的Label
setTextPosition(int alignment); //设置布局方式,CENTER, LEFT, RIGHT,LEFT,TOP, BOTTOM, LEFT, RIGHT,

Button 可以用于触发一个点击的事件Action,使用一个ActionListeners 进行监听
final Button button  = new Button("Old Text");
button.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent evt) {
button.setText("New Text");
}});   //使用匿名的ActionListener接口实现类进行监听
Button继承Label, 所以可以设置不同图文混编的风格,并且提供了三种状态ollover, pressed, and the default
state

RadioButton  单选按钮,继承自Button
RadioButton radioButton = new RadioButton(“Radio Button”);
同样,也会触发action
ButtonGroup 用于保证RadioButton只能选中一项
RadioButton rb1 = new RadioButton("First RadioButton in Group 1");
RadioButton rb2 = new RadioButton("Second RadioButton in Group 1");
ButtonGroup group1 = new ButtonGroup();
group1.add(rb1);
group1.add(rb2);
exampleContainer.addComponent(rb1);
exampleContainer.addComponent(rb2);
这里需要注意,只需要添加addComponent(RadioButton) 到容器中,不需要添加ButtonGroup,只用于后台管理

CheckBox  多选框,不需要添加到group中,同样也触发事件
final CheckBox checkBox = new CheckBox(“Check Box”);
通过checkBox.isSelected() 判断是否被选中
ComboBox  列表,只允许一个被选中,多用于空间有限时候提供多选项的单选功能
创建需要一个数组作为数据源
String[] content = { "Red", "Blue", "Green", "Yellow" };
ComboBox comboBox = new ComboBox(content); //创建一个Combox,在这个构造函数中也是使用List实现
comboBox.setListCellRenderer(new checkBoxRenderer()); //设置renderer 渲染器
也可以使用addActionListener注册事件

通过实现不同的renderer接口可以给组件提供不同的显示效果 implements ListCellRenderer

TextArea
例子
TextArea textArea = new TextArea(5, 20, TextArea.NUMERIC);
textArea.setEditable(false);
构造函数的前两个参数为 总行数和单行长度,第三个参数用于传递到本地文本输入,用于指定限制的类型
可以使用TextArea的常量 ANY,EMAILADDR, NUMERIC, PHONENUMBER, URL, or DECIMAL,PASSWORD, UNEDITABLE, SENSITIVE,NON_PREDICTIVE, INITIAL_CAPS_SENTENCE, INITIAL_CAPS_WORD.也可以使用 | 设置复合约束
默认下可编辑

TabbedPane   通过类似Tab的选项卡方式并排放置一组容器,容器的tab标签可以使用图文混编方式
可以使用addTab or insertTab methods 方法添加容器
removeTabAt(int index) 移除容器
tab的索引由0开始
tab标签可以有四种不同的放置方法  LEFT, RIGHT, TOP or BOTTOM using the setTabPlacement method.
TabbedPane tabbedPane = new TabbedPane(TabbedPane.TOP);
tabbedPane.addTab("Tab 1", new Label("I am a TabbedPane!"));
tabbedPane.addTab("Tab 2", new Label("Tab number 2"));
构造函数使用一个Tab标签布局的常量作为参数
addTab,第一个为tab标签名,第二个参数为直接放置到容器中的内容
Using Lists
List,使用Swing的  MVC模式进行创建
rendered using a ListCellRenderer and are extracted using the ListModel.
使用ListCellRenderer 作为显示的V  
使用ListModel. 作为数据源M
其他部分为C进行操作
创建List 有四个构造函数
List()            
List(ListModel model)   //直接实例化ListModel
List(Object[] items) //Array数组
List(Vector items) //Vector集合
ListModel  也可以分为自定ListModel的实现,以及DefaultListModel
DefaultListModel的使用
String[] items = { "Red", "Blue", "Green", "Yellow" };
DefaultListModel myListModel = new DefaultListModel(items);  //使用Array作为数据源
ListCellRenderer 渲染器
同样也可以自定ListCellRenderer的实现,以及DefaultListCellRenderer
自定义的时候,可以通过继承Libel,来节约开发的速度 ,主要实现两个方法
public class MyYesNoRenderer extends Label implements ListCellRenderer{
public Component getListCellRendererComponent(List list,
Object value, int index, boolean isSelected) {
((Boolean)value).booleanValue()  来获取单项的值
}
public Component getListFocusComponent(List list) {
Label label = new label("");
label.getStyle().setBgTransparency(100);
return label;
}}

DefaultListCellRenderer,默认也是使用Label and the ListCellRenderer interface.
实现两个方法,大体和上面相同
getListCellRendererComponent()
getListFocusComponent()  //选中风格,可以通过修改透明度来表现

添加或移除item
添加的方法有两种,创建一个ListModel,然后add到list中,重置一个List 使用setModel(ListModel model). 方法
移除的方法有removeItem(int index) or removeAll() methods.
myListModel.addItem(“New Item”); //添加Item
myListModel.removeItem(index);   //删除Item
myListModel.removeAll(); //删除所有Item
List 事件 提供了两种事件 ActionEvent and SelectionsListener
addFocusListener(FocusListener l) 区别于常用的Action
SelectionListener 应该会更有用一些
Fixed Selection Feature 应该是只有一行的List,不弹出菜单的模式 //具体还是demo才知道
通过 setFixedSelection(int fixedSelection) 进行设置
通过四个常量属性进行设置
FIXED_NONE   //普通的List
FIXED_TRAIL  //静态
FIXED_LEAD   // ...下面两种都需要用demo看下区别
FIXED_CENTER
setSmoothScrolling(true) //设置这个属性,应该是在移动时增加动画效果,默认为false

Using Dialogs 对话框
也提供一个Content,可以存放其他的Components  //对于是否阻塞线程,需要了解一下
Dialog提供了五种不同的类型,默认附加了不同的提示音
ALARM //警告
CONFIRMATION //确认
ERROR  //错误
INFO  //信息
WARNING  //警告提示  
当前默认情况下不支持Icon,不过可以自定义Dialog
调用dialog的show()方法进行显示,提供的参数很多,可以选择合适的重载进行显示
1:String title  标题
2:Component body 一个单独的Component
3:String text 用于代替Component body部分
4:Command[] cmds 可以添加Commands
5:int type 设置不同的类型
6:Image icon 添加icon
7:timeout 打开持续时间,设置成0表示为持续打开
8:Transition transition 添加动画
9:String okText 设置Ok按钮的内容
10:String cancelText 设置cancel的内容
11:int top 设置top所在位置
12:int bottom 设置bottom位置
13:int left  同上
14:int right 同上
15:boolean includeTitle  //需要了解下
show方法可以返回三个类型 void,Command,boolean
boolean值在点击ok时为true, cancel时为null
使用非静态的方法显示Dialog
dialog.show(90, 90, 10, 10, true);
关闭dialog  dispose()
需要先show之前设置timer去关闭dialog
Dialog也可以返回一个Command 区别于点击OK按钮

Using LayoutManagers 使用布局管理器
已经的布局管理器
BorderLayout
BoxLayout
FlowLayout
GridLayout
GroupLayout
BorderLayout 边框布局模式(东西南北中)
如下五个区域
Center
East
North
South
West
在添加Components的时候进行设置
addComponent(BorderLayout.CENTER, component) // preferred
或者直接使用字符串
addComponent(“Center”, component) // valid but error prone  容易出错
BoxLayout  盒子布局
包括了 X_AXIS(横向)  Y_AXIS(竖向)的布局,并排的方式
BoxLayout boxLayout = new BoxLayout(BoxLayout.X_AXIS);
BoxLayout boxLayout = new BoxLayout(BoxLayout.Y_AXIS);
FlowLayout 流式布局
这个也是容器默认的布局方式
横向布局,如果长度超出,则自动换行处理
FlowLayout exampleLayout = new FlowLayout();
container.setLayout(exampleLayout);
也可以通过设置构造函数,用于设置布局起始的位置,比如 Left, Right, or Center
FlowLayout exampleLayout = new FlowLayout(Component.RIGHT);
GridLayout 表格式布局,可以用于设置九宫图
可以定制行和列,
GridLayout exampleLayout = new GridLayout(0,2);  //2表示每行显示两个单元格cell,0不知道是啥
GroupLayout  // GUI builders 的方式进行布局,用于NetBeans中的Swing开发

Using Painters
是一个接口,可以用于绘制一个Components的背景,将绘制在Components限定的范围内
如果要查看painter绘制结果,需要设置对应的transparency //需要查看下
painter可以使用绝对坐标的绘图,所以可以重用在其他组件之上
Painter diagonalPainter = new Painter() {
public void paint(Graphics g, Rectangle rect) {
g.drawLine(rect.getX(),
rect.getY(),
rect.getX() + rect.getSize().getWidth(),
rect.getY() + rect.getSize().getHeight());
}
};
注意查看这里获取位置的方法 x y, size width height
使用时候只要给指定的组件设置Painter即可
myComponent.getStyle().setBgPainter(diagonalPainter);
将会自动应用绘图
记得显示的调用设置透明度  0-255之间
myButton.getStyle().setBgTransparency(100);
Using the Style. Object 设置样式对象
The Style. object sets colors, fonts, transparency, margin, padding, images, and borders to define the style. for a given component.
使用component.getStyle(). 获取该对象,可以在运行时候改变
颜色Style.
Foreground color 前景色,主要指文字颜色
Foreground selection color 当组件获取焦点时,字体的颜色
Background color 背景色
Background selection color  获取焦点时候的背景色
这里颜色使用的是RGB(格式为0x000000),不带alpha透明色,有而外的透明设置在Style中
Font 字体
Transparency 透明度
setBgTransparency进行设置 范围是0-255之间
Margin and Padding 外边距和内间距,与css的盒模型一样
设置的方式
setPadding(int top, int bottom, int left, int right)
setPadding(int orientation, int gap)
setMargin(int top, int bottom, int left, int right)
setMargin(int orientation, int gap)
// orientation can be Component.TOP, BOTTOM, LEFT or RIGHT
这两个类型方法的区别在于同时设置一个属性,还是多个属性
Images  背景色,默认为不限制背景色  使用bgImage 可以用于进行设置
Borders边框类型
Style. Listener 样式事件
myComponent.getStyle().addStyleListener(new StyleListener() {
public void styleChanged(String propertyName, Style. source) {}
}}
Painters也可以用于在Style中设置样式,用于按照要求绘制背景
mycomponent.getStyle().setBgPainter(myPainter);

Theming 皮肤
refreshTheme()方法用于更新所有的样式,不过手动修改的样式元素,并不会被更新
设置样式属性需要注意的地方
Button.font – font for all buttons //将会作用到所有Button组件的字体
font- 将会影响到所有没有定义默认值的组components件
这里不像css那样有特殊的单独样式设置
所有支持的样式属性
fgColor   前景色 16进制的格式
bgColor   背景色 16进制的格式,也可以使用缩写ff
bgSelectionColor 背景选中色 16x
fgSelectionColor 前景选中色 16x
bgImage    背景图片
transparency  设置背景图样式透明色 0-255之间,不过目前对背景图无效
font  分为Bitmap font和System font 定义的方式为Bitmap{myFontName} 和System{face;style;size}
其中系统字体的参数为
face=FACE_SYSTEM,FACE_PROPORTIONALFACE_PROPORTIONAL
style=STYLE_PLAIN,STYLE_BOLD,STYLE_ITALIC
size=SIZE_MEDIUM,SIZE_SMALL,SIZE_LARGE
例如
System{FACE_SYSTEM;STYLE_PLAIN;SIZE_SMALL}
scaledImage      使用boolean值设置背景图使用平铺tiled还是重复scaled  默认为true,重复scaled
margin  外边距,使用四个参数进行设置,代表top, bottom, left, and right. For example, 1, 2, 3, 4
padding 内边距,使用与margin类似
更新主题时
使用Resources.open("/javaTheme.res");//进行加载
使用UIManager.getInstance().setThemeProps(r.getTheme(r.getThemeResourceNames()[0]));//进行设置
然后可以使用components.refreshTheme 更新组件的样式
LookAndFeel  DefaultLookAndFeel  似乎是用来定义一些样式无法修改到的东西,比如滚动条,具体要看API Documention
Resources 资源
LWUIT允许的resource elements的元素包括:
Image Resources       //图像资源
Animation Resources   //动画资源
Bitmap Fonts       //位图字体
Localization (L10N)   //本地化
Themes        //主题
可以通过专门的编辑器 Resource Editor 或者Ant tasks来创建Resources
Loading a Resource 读取一个资源文件
Resources res = Resources.open(“/myresourceFile.res”);
Image i = res.getImage(“imageName”);
图片可以保存在res文件中,或者直接放置在jar文件中
读取jar中图片的方式
Image image = Image.createImage("/images/duke.png");
image的标签,应该是res配置的时候,可以有三个属性
name //名称,默认为文件名
file //图像文件所在位置
pack //boolean值 ,默认为false ,用于设置是否为Indexed
图像少于256色的时候,可以使用Index image,有利于节约空间
使用indexed image的注意地方
1:因为需要按照像素的去操作图像,所以在显示的时候速度比较慢,不过在现在的手机上并不明显
2:在运行时转换indexed image将会比较慢,而且可能会失败,所以应该在编译时候进行转换
3:Indexed image并没有在res文件中被压缩,所以res文件看起来比较大,不过在jar文件中却能被很好的压缩,而且效果比使用png更好
4:indexed images  创建后将不能被改变,比如getGraphics(),详情看API
Animation Resources
LWUIT支持从Gif文件中得到动画效果,保存的结构类似image structure
StaticAnimation 用于操作动画..派生自Image,所以可以直接使用在icon或者其他地方
Fonts 字体
LWUIT支持bitmap fonts and system fonts.
System Font  包括了三个参数
Face   //如FACE_SYSTEM, FACE_PROPORTIONAL and FACE_MONOSPACE.
Style  //如STYLE_PLAIN, STYLE_ITALIC, STYLE_BOLD.
Size   //如SIZE_SMALL, SIZE_MEDIUM, SIZE_LARGE.
在类的内部可以去创建字体引用
Font.createSystemFont(Font.FACE_SYSTEM,Font.STYLE_BOLD,Font.SIZE_MEDIUM);
同时也可以去创建复合类型的字体(加粗和倾斜)
Font.createSystemFont(Font.FACE_SYSTEM,Font.STYLE_BOLD | Font.STYLE_ITALIC,Font.SIZE_MEDIUM);
Bitmap Fonts
三个属性
name  //在res文件中,用于程序加载
charset //就是包含的字符,默认为24个字母,数字和一些符号
src //字体文件TrueType所在位置
size    //字体大小
bold //是否加粗,默认为false
trueType //默认为true,根据src属性决定是否生效
antiAliasing //默认为true,如果为false表示别名
logicalName  //逻辑名称,表示不同的字体编码类型,类似css中使用的4个大区字体
//这里注意文档中只介绍了使用ant创建Bitmap font,具体还是要查看API文档
Localization (L10N) 本地化
类似Properties文件的使用,使用键值对的方式保存在Resources中,只支持使用USASCII嘛的形式
读取
Hashtable h = bundle.getL10N("localize", "en"); //bundle应该是Resources的实例
UIManager.setResourceBundle(Hashtable)  //可以用于替换当前语言
Themes 皮肤
使用ResourceEdit.exe 可以很方便的进行编辑
加载到程序:
UIManager.getInstance().setThemeProps(res.getTheme(“myTheme”));
编辑器创建的默认就是Bitmap font
使用字体需要注意版权问题... 使用编辑器的时候,可以通过设置 Anti-aliasing 达到反锯齿的能力
Localization 的使用
Using Transitions and Animations
使用过度效果以及动画
支持的Transition有,可用于form之间进行的转换
Slide
Fade
Slide Transition
在第一个form中定义
CommonTransitions.createSlide(int type, boolean forward, int speed)
参数
type  //定义移动的方向,包括了SLIDE_HORIZONTAL or SLIDE_VERTICAL
forward //用一个boolean值表示,不同方向时,起始位置,比如左到右,不过上到下
speed //用int表示的应该是动画持续的时间,从而在内部计算运行的速度
使用的例子
myForm.setTransitionOutAnimator(CommonTransitions.createSlide(
CommonTransitions.SLIDE_HORIZONTAL, true, 1000));
Fade Transition   渐变效果 (淡入淡出)
CommonTransitions.createFade(int speed)  
参数
speed 同样表示动画持续时间,毫秒为单位
例子
themeForm.setTransitionInAnimator(CommonTransitions.createFade(400));

M3G 用于实现3D功能,需要手机的支持  Jsr184
//加载源码.注意需要使用jdk1.4进行编译
调用的方式通过  M3G.Callback内部类接口的实例来创建3d动画对象
class MyCallback implements M3G.Callback {
   ....
   public void paintM3G(Graphics3D g3d) {
      g3d.clear(background);
      g3d.render(world);
   }
   ...
}
在Components组件上使用的方式为
  private M3G.Callback myCallbackInstance = new MyCallback();
   public void paint(Graphics g) {
M3G.getInstance().renderM3G(g, true, 0, myCallbackInstance);
         // draw some stuff in 2D
         ...
   }
注意这里的区别Graphics3D 和普通的Graphics对象
M3G目前只支持标准的图像文件,而不支持IndexedImage and RGBImage
Logging 日志,可以保存在RMS或者本地文件中
也分为了四种级别
DEBUG  //默认级别
INFO
WARNING
ERROR
记录日志的方式
使用static p(String text) or p(String text,int level) methods.
Log.p(“Finish loading images”)
显示日志
Log.showLog();
创建自定义的组件,只要继承Component对象,然后重写paint方法即可,类似Canvas的操作

public class MyComponent extends Component {
public void paint(Graphics g) {
g.setColor(0xffffff);
g.fillRect(getX(), getY(), getWidth(), getHeight());
g.setColor(0);
g.drawString("Hello World", getX(), getY());
}}
在页面上进行使用的时候,就和其他Components一样 add到容器之上
需要注意的地方
这里使用的颜色都是不带alpha的RGB
使用 getX(), getY() 从容器中获取Components所在的位置,也包括了 getWidth(), getHeight()
控制组件的大小适宜,通过重写calcPreferredSize()方法
protected Dimension calcPreferredSize() {
Font fnt = Font.getDefaultFont();
int width = fnt.stringWidth(“99999-9999”)
    int height = fnt.getHeight();
    return new Dimension(width, height);
}
//这里使用到了获取字体高度和宽度的方法
事件监听
和MIDP原有组件一样,只要重写对应key事件即可
public void keyReleased(int keyCode) {
if(keyCode >= '0' && keyCode <= '9') {
    char c = (char)keyCode;
        inputString += c;
        repaint();
    }
}
Focus 焦点
Components组件中的事件,要求当前组件获取焦点后才会触发
setFocusable(true); //使其获取焦点
使用LookAndFeel绘制
UIManager.getInstance().getLookAndFeel().drawBorder(g, this,getStyle().getFgSelectionColor(), 2);
不是很明白的例子,在Components中
public void paint(Graphics g) {
UIManager.getInstance().getLookAndFeel().setFG(g, this);
Style. style. = getStyle();
g.drawString(inputString, getX() + style.getPadding(LEFT),
getY() + style.getPadding(TOP));
}
不过一些方法不错 以及常量, 可能第一个方法是初始化组件中参数的状态
229136
Background 使用Painter来绘制,允许透明translucent与不透明opaque
对自定义组件添加Animating动画支持
protected void initComponent() {
    getComponentForm().registerAnimated(this);
}
不能在构造函数中进行注册
自定义组件的例子
关键方法一
  protected Dimension calcPreferredSize() {
      Style. style. = getStyle();
      Font fnt = style.getFont();
      int width = fnt.stringWidth("99999-9999");
      int height = fnt.getHeight();
      height += style.getPadding(Component.TOP) +
style.getPadding(Component.BOTTOM);
      width += style.getPadding(Component.LEFT) +
style.getPadding(Component.RIGHT);
      return new Dimension(width, height);
  }
用于在窗口变化时候获取合适的显示效果
主要使用到的方法
1:   Style. style=getStyle(); //获取当前组件默认样式对象
2:   style.getPadding(LEFT) //获取左内边距
3:   getX(), getY()获取x,y参数
4:   style.getFont().stringWidth(inputString); 获取样式默认字体的宽度,其中inputString为输入的字符串
5:   style.getFont().getHeight() 获取字体的高度
该方法返回的是 new Dimension(width, height); 对象,需要验证下有何效果

注册动画效果
  protected void initComponent() {
      getComponentForm().registerAnimated(this);
  }

修改动画效果细节
public boolean animate() {
     boolean ani = super.animate();
     long currentTime = System.currentTimeMillis();
     if (drawCursor) {
         if ((currentTime - time) > 800) {
             time = currentTime;
             drawCursor = false;
             return true;
         }
     } else {
         if ((currentTime - time) > 200) {
             time = currentTime;
             drawCursor = true;
             return true;
         }
     }
     return ani;
}

影响内存使用的因素
计算一个图片在不同手机上的所占用的内存
长  宽   
16 bit: 128 * 128 * 2 = 32,768   一张全屏的图片所占用的内存
24 bit: 320 * 240 * 4 = 307,200
这里用的是8的倍数来进行计算, 24位会被当做32位计算
可以使用Indexed images 来代替. 不过缺点是只支持256色,优点在于更少的内存使用率
Display's 的init()方法可以关闭一些占用内存较多的特性
Speed 速度方面

Event Dispatch Thread (EDT) 事件发送线程
Display methods callSerially, callSeriallyAndWait, and  invokeAndBlock. 通过这几个方法进行调用特别的线程处

Light Mode 不是很清楚用途
turning off light mode (after Display.init())


组件关系

Component为所有的可视化组件的父类,在其之下有四个分支

Container (TabbedPane,Form(Dialog))

TextArea

List (ComboBox)

Label     (Button(RadioButton,CheckBox))



Container 可以容纳包括容器在内的其他组件.容器内的组件排列由 布局管理器 负责。


Form. 是顶部有 标题栏(Title Bar)、底部是 菜单栏(Menu Bar)的容器,标题栏可以写入窗体名称,菜单栏可以写入命令和菜单。两栏之间为内容窗格,该窗格用于放置窗体上的组件。


TabbedPane 允许大量部件组放置在同一个空间。每组部件都有一个与之关联的选项卡,用户只能看到与选定选项卡相对应的部件组。默认的选项卡位置在窗格顶部。但是,也可 以将其置于左侧、右侧或者窗格下部


对话框

Dialog 是一个“永远处于顶层”的组件。默认情况下,对话框是情景式的 (modal),在销毁之前它将阻塞调用线程


分为五种类型

Alarm

Confirmation

Error

Info

Warning


对话框可用于向用户传递运行时信息,以及收集用户反馈。不同类型的对话框在显示时将会有相应的提示音。可以向对话框中加入图标,以图形方式指示其类型



标签和按钮


Label 用于显示图像和文本,但显示内容不能被选中,也不能和用户进行交互。可通过许多对齐功能来精确放置标签和标签上图像的相关文本。


Button 类扩展自 Label 类。按钮有自己的 状态,当它被选中和单击时会生成一个 操作事件。也可以附带图片


按钮的三种状态如下:

Rollover:这通常相当于按钮处于选中状态,获得焦点。

Pressed:当按钮被单击或按下时。

Default:当按钮既未被选中,也未被单击时。


Button 类有两个子类:RadioButton 和 CheckBox。RadioButton 具有 Button 类的全部功能。此外,Radiobutton 可以被添加到 ButtonGroup 中,ButtonGroup 类允许它在组内保持独占选定状态,只能选中一个;


checkBox 复选框不能是按钮组的一部份,其他和HTML等组件中的功能一样


文本域 TextArea


TextArea 是显示可编辑文本的组件。可使用本机系统编辑器对其进行编辑,这通常会打开一个新的屏幕.



List 列表


LWUIT 采用了 模型-视图-控制器 体系结构

列表的数据结构由 ListModel 接口表示。所以列表不会局限于特定数据结构,它可以显示任何实现了该接口对象的信息。同样,列表的呈现由实现 ListCellRenderer 的类来完成,因此,开发人员可创建各种类型的外观。


ComboBox 是一种节省空间的组件,单击时会有下拉列表显示。用户可以从列表中选择某项。由于ComboBox 扩展自 List,您也可以将自定义模型和呈现程序用于组合框,也就是添加自定义的显示,也就是上面所描述的.



底层资源文件---图像资源,动画资源,位图字体,本地化资源包,主题,可以使用资源编辑器进行管理


布局管理器 ,如下五种

BorderLayout

BoxLayout

FlowLayout

GridLayout

GroupLayout


Style. 样式设置,基于组件的样式 (getStyle()),也就是类似HTML中的css设计

颜色

字体

图像

边距

填充

透明度


当生成某个组件后,将会构建一个默认的 Style. 对象,也可以使用theme主题,生成全局默认的皮肤主题


Painter 接口允许您在组件背景上绘制图形,LWUIT 包提供了两个类来实现此接口 //需要研究下


BackgroundPainter:根据其自身样式绘制组件背景。

PainterChain:创建一系列产生图层效果的 Painter,每个 Painter 负责绘制一个元素。


UIManager


LWUIT 的一个重要特性是可从单一位置管理整个应用程序的外观。UIManager 类可以调整应用程序的视觉方面。该组件可以确保每个应用程序只有一个 UIManager 对象。此类的方法可以在所有组件上应用同样的外观,从而动态本地化用户界面。



LookAndFeel

负责应用程序各种呈现方式的接口。通过重写此接口的相应方法,可以完全定制应用程序的外观。LookAndFeel 在 LWUIT 包中的具体实现是 DefaultLookAndFeel,该类控制默认外观的实际呈现。通过使用 UIManager 的 setLookAndFell方法,可以插入 LookAndFell 的自定义实现。


窗体之间的转换 -----Effect


LWUIT 库支持现有窗体与将要显示的窗体之间的、不同模式的转换实现。这种转换的基本实现是通过 Animation 接口、Motion 类、Transition 类、CommonTransitions 类和 Transition3D 类的机制来完成的,可以在 com.sun.lwuit.animations 包中找到它们


动画的实现过程


Animation 接 口定义了动画类对象。由于所有组件都实现了 Animation

组件必须在父窗体中对其自身进行注册,以便获得动画回调,从而执行动画任务。如要停止这些回调,组件必须明确取消注册自身


transition 是一个抽象类,该类表示从一个窗体过渡到另一个窗体时的动画,两个具体子类的例子


CommonTransitions:含有实现 Slide 和 Fade 两种通用转换类型的方法。

Transition3D:执行转换(Cube、飞入 和 旋转),要求设备支持 3D 图形 //这里的3D效果可以考虑删除,支持不好


Motion 是用来实现运动效果的类。内置的运动类型包括 linear、spline 和 friction。可以通过实现 Motion 的子类来实现其他类型的运动效果



载入主题时,就会从res中读取主题数据,从而对所有相应的属性的组件进行更新,不过只影响未被手动修改的属性


其他功能


日志记录

com.sun.lwuit.util.Log 类提供了将日志信息写入 日志 文件(在 root 目录中创建)的方法,也可以在 Form. 和控制台上显示日志信息。可以通过 FileConnection API 来使用保存在日志文件中的信息。


3D功能: 在某些移动设备上支持可选的硬件加速,以提高其性能。



LWUIT的Button使用以及窗体布局


布局

BorderLayout //按照东西南北中的部分方式

BoxLayout-X   //从左向右的布局

BoxLayout-Y   //从上向下的布局

FlowLayout    //从左到右,满时会自动换行

GridLayout    //表格式布局


Demo中还涉及了添加组件的方式,均使用lwuit下的组件

public Form. form. = new Form("LayoutDemo"); //新建一个Form


//BorderLayout,就是把窗体布局分成东、南、西、北、中这5部分

        border = new Button("BorderLayout");

        //顾名思义,设置按钮背景的透明度,范围0~255,可以用Util的资源编辑器来预先修改

        border.getStyle().setBgTransparency(100);

        //每个button都需要设计监听事件

        border.addActionListener(this);


对于事件监听的处理和ActionListener一样 实现一个接口


这里通过事件源发出的信息进行处理

public void actionPerformed(ActionEvent arg0) {

        String button_name=((Button)(arg0.getSource())).getText();

        if(button_name.equals("BorderLayout"))

        {}


进行显示的时候

Display.init(this);

Resources r;

try {

r = Resources.open("/javaTheme.res");

UIManager.getInstance().setThemeProps(

r.getTheme(r.getThemeResourceNames()[0]));

LayoutDemo l = new LayoutDemo();

l.form.show();

} catch (IOException e) {

e.printStackTrace();

}

进行init,加载资源文件,显示组件


动态修改布局方式

    form.setLayout(new BoxLayout(BoxLayout.X_AXIS));

            form.setScrollable(true);

            addComponents(form);

            form.show();


通过继承Component来获取绘图的操作


com.sun.lwuit.Command用于类似原有的Command的实现


添加组件后需要使用

form.addComponent(cdlabel); //进行添加到页面之上


Radio组 单选组

final RadioButton thirdRB = new RadioButton("Third RadioButton");

form.addComponent(thirdRB);


添加到组

public ButtonGroup group = new ButtonGroup();

group.add(firstRB);



设置样式

Label cdlabel = new Label("CheckBox:");

cdlabel.getStyle().setMargin(Component.BOTTOM, 0);


事件处理机制

ActionListener用于处理组件的事件


firstCB.addActionListener(listener);

用于注册组件事件监听器

ActionListener listener = new ActionListener() {

public void actionPerformed(ActionEvent arg0) {}

} // 匿名接口的形式进行


设置全局监听器,需要保证当前类实现了ActionListener接口

form.setCommandListener(this);

public void actionPerformed(ActionEvent arg0) {

    //这里处理Command 以及 判断ButtonGroup所选中的RadioButton

        Command cmd=arg0.getCommand();}


显示提示框

Dialog.show("Rb_Cb_Lb",str, "OK", null);


Tab组件

TabbedPane tp = new TabbedPane();

//addTab可以为页面添加控件,也可以是Container(相当于容器的控件)

tp.addTab("Tab 1", new Label("Welcome to TabbedPane demo!"));


也可以添加新的容器

Container radioButtonsPanel = new Container(new BoxLayout(BoxLayout.Y_AXIS));

tp.addTab("Tab 2", radioButtonsPanel)

同时该容器内也可以继续添加组件

radioButtonsPanel.addComponent(RightRB);


列表List组件

DefaultListModel myListModel = new DefaultListModel(str_list);

        List list = new List(myListModel);

提供一个数组生成DefaultListModel的实例,也可以传递数组直接给List的构造函数


list.addActionListener(this); 进行事件注册


添加组件可以有两个参数 布局和组件

form.addComponent(BorderLayout.NORTH,button);


对话框


Dialog 是一个“永远处于顶层”的组件。默认情况下,对话框是情景式的 (modal),在销毁之前它将阻塞调用线程。对话框共有以下 5 种类型:


Alarm

Confirmation

Error

Info

Warning

原地址:http://nottiansyf.垃圾广告.com/blog/377062


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/21359667/viewspace-620863/,如需转载,请注明出处,否则将追究法律责任。

下一篇: 没有了~
请登录后发表评论 登录
全部评论

注册时间:2009-04-11

  • 博文量
    30
  • 访问量
    30778