J2ME GUI實戰之七 ———-LWUIT的Tabbed分頁、Text文本

本文來自：http://blog.csdn.net/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. }