J2ME GUI实战之七 ----------LWUIT的Tabbed分页、Text文本

本文来自：http://blog.youkuaiyun.com/hellogv/ ，转载必须注明出处！

首先，想让大家看看本例实现之后的动画：


    首先，先来说说“分页”，Win32控件中，有种控件叫做Tab，这个功能是把一个窗体分层，同时可以容纳更多控件(注：这里的分页并不是B/S的网络数据库中的分页)。
    在J2ME中实现Tab，可谓是件好事，包含Tab控件的Class可以作为主类，从而根据需求关联更多的应用。然后，使用Tab效果最好的是触摸屏手机...........
    LWUIT里的Text控件，跟原来的Text控件差不多，很多人都疑惑：Text控件输入汉字时，到底是用高级的输入框，还是在当前界面输入........答案是调用高级输入框！
    OK,废话少说，直接来代码，这里的代码也是修改自Sample例子：

1. /*
2.  * Copyright ?2008 Sun Microsystems, Inc. All rights reserved.
3.  * Use is subject to license terms.
4.  *
5.  */
6. package com.sun.lwuit.uidemo;
8. import com.sun.lwuit.Button;
9. import com.sun.lwuit.ButtonGroup;
10. import com.sun.lwuit.Command;
11. import com.sun.lwuit.Container;
12. import com.sun.lwuit.Dialog;
13. import com.sun.lwuit.Form;
14. import com.sun.lwuit.Label;
15. import com.sun.lwuit.RadioButton;
16. import com.sun.lwuit.TabbedPane;
17. import com.sun.lwuit.TextArea;
18. import com.sun.lwuit.TextField;
19. import com.sun.lwuit.events.ActionEvent;
20. import com.sun.lwuit.events.ActionListener;
21. import com.sun.lwuit.layouts.BorderLayout;
22. import com.sun.lwuit.layouts.BoxLayout;
24. /**
25.  * 本例演示如何使用Tabbed、Text控件
26.  */
27. public class TabbedPaneDemo implements ActionListener {
28.     public Form form = new Form("TabbedPaneDemo");
29.     private  Command backCommand = new Command("Back", 1);
30.     final TextArea title ;
31.     final TextArea body;
32.     TabbedPane tp = null;
34.     TabbedPaneDemo() {
35.         form.setLayout(new BorderLayout());
36.         form.setScrollable(false);
37.         form.addCommand(backCommand);
38.         form.setCommandListener(this);
39.         tp = new TabbedPane();
41.         //addTab可以为页面添加控件，也可以是Container（相当于容器的控件）
42.         tp.addTab("Tab 1", new Label("Welcome to TabbedPane demo!"));
44.         //---------------------第二页的内容------------------------------------
45.         //Container就是一个控件，只不过相当于容器，建议每页有自己的事件处理
46.         Container radioButtonsPanel = new Container(new BoxLayout(BoxLayout.Y_AXIS));
48.         RadioButton topRB = new RadioButton("Top");
49.         RadioButton LeftRB = new RadioButton("Left");
50.         RadioButton BottomRB = new RadioButton("Bottom");
51.         RadioButton RightRB = new RadioButton("Right");
53.         RadioListener rbListener = new RadioListener();//自定义接收事件的类
54.         topRB.addActionListener(rbListener);
55.         LeftRB.addActionListener(rbListener);
56.         BottomRB.addActionListener(rbListener);
57.         RightRB.addActionListener(rbListener);
59.         ButtonGroup group1 = new ButtonGroup();
60.         group1.add(topRB);
61.         group1.add(LeftRB);
62.         group1.add(BottomRB);
63.         group1.add(RightRB);
65.         radioButtonsPanel.addComponent(new Label("Please choose a tab placement direction:"));
66.         radioButtonsPanel.addComponent(topRB);
67.         radioButtonsPanel.addComponent(LeftRB);
68.         radioButtonsPanel.addComponent(BottomRB);
69.         radioButtonsPanel.addComponent(RightRB);
71.         tp.addTab("Tab 2", radioButtonsPanel);
73.         //----------------------第三页的内容----------------------------------
74.         //Container就是一个控件，只不过相当于容器，建议每页有自己的事件处理
75.         Container TextPanel = new Container(new BoxLayout(BoxLayout.Y_AXIS));
76.         ButtonListener txtListener = new ButtonListener();//按钮事件处理
78.         title = new TextField("Title");   
79.         title.getStyle().setBgTransparency(100);
81.         body = new TextArea("This is the body of the alert....", 3, 20);
82.         body.getStyle().setBgTransparency(100);
84.         final Button ShowMessage =new Button("ok");
85.         ShowMessage.getStyle().setBgTransparency(100);
86.         ShowMessage.addActionListener(txtListener);
88.         TextPanel.addComponent(title);
89.         TextPanel.addComponent(body);
90.         TextPanel.addComponent(ShowMessage);
93.         tp.addTab("Tab 3", TextPanel);
95.         form.addComponent("Center", tp);
96.     }
98.     /** 监听 radio buttons事件 */
99.     class RadioListener implements ActionListener {
100.         public void actionPerformed(ActionEvent e) {
101.             String title = ((RadioButton) e.getSource()).getText();
102.             Dialog.show("TabbedPaneDemo", title, "OK", null);
103.         }
104.     }
106.     /** 监听 buttons事件 */
107.     class ButtonListener implements ActionListener {
108.         public void actionPerformed(ActionEvent e) {
109.            Dialog.show(title.getText(), body.getText(), "OK", null);
110.         }
111.     }
113.     /** 监听command事件 */
114.     public void actionPerformed(ActionEvent arg0) {
115.         UIDemoMIDlet.backToMainMenu();
116.     }
117. }