解读 LWUIT 之四：LWUIT 控件（中）

解读 LWUIT 之四：LWUIT 控件（中）

LWUIT 开发指南下载
作者写的 Hello RadioButton、Hello CheckBox、Hello ComboBox 源代码下载
        本文继上篇博客继续对 LWUIT 常见控件进行介绍。本文主要介绍 LWUIT 常用控件单选按钮（RadioButton）、复选按钮（CheckBox）、组合按钮（ComboBox）的使用并附源代码。文章对这三种控件分别进行了说明和比较。
        注：源码编写中关于 .res 的编写这里不再赘述，详细编写步骤请参考作者的前一篇博客《解读 LWUIT 之二：关于 LWUIT 开发指南中的 Hello World》。每个项目的 .res 具体配置请到作者上传源码中的 res 目录下使用 ResourceEdit 查看。

com.sun.lwuit.RadioButton 控件
        RadioButton 必须和 ButtonGroup 配合才能使用。ButtonGroup 管理一组选中和未选中的单选按钮的组件，一次只产生一个选中的按钮，通过调用它的 getRadioButton(int index) 方法获得一个指定的单选按钮，而通过调用它的 getSelectedIndex() 方法获得被选中的按钮的索引。作者写的 HelloRadioButton 源代码如下：

package com.defonds.lwuit;

import com.sun.lwuit.ButtonGroup;
import com.sun.lwuit.Command;
import com.sun.lwuit.Display;
import com.sun.lwuit.Form;
import com.sun.lwuit.Label;
import com.sun.lwuit.RadioButton;
import com.sun.lwuit.animations.CommonTransitions;
import com.sun.lwuit.events.ActionEvent;
import com.sun.lwuit.events.ActionListener;
import com.sun.lwuit.layouts.BoxLayout;
import com.sun.lwuit.plaf.UIManager;
import com.sun.lwuit.util.Resources;

public class HelloMidlet extends javax.microedition.midlet.MIDlet implements ActionListener{

    private Form exampleContainer;// declare a Form
    private ButtonGroup group1;//declare a ButtonGroup
    private RadioButton selectedButton = new RadioButton();//remember the selected radioButton
    private RadioButton rb1;//declare a ButtonGroup
    private RadioButton rb2;//declare a ButtonGroup
    private Label radioButtonsLabel;//declare a Label

    public void startApp() {
        // init the LWUIT Display
        Display.init(this);
        // Setting the application theme is discussed
        // later in the theme chapter and the resources chapter
        try {
            Resources r = Resources.open("/myresources.res");
            UIManager.getInstance().setThemeProps(r.getTheme("myresources"));
        } catch (java.io.IOException e) {}

        exampleContainer = new Form("Form Title");// Create a Form;//Create a Form
        group1 = new ButtonGroup();//Create a ButtonGroup
        rb1 = new RadioButton("First RadioButton in Group 1");//Create a ButtonGroup
        rb2 = new RadioButton("Second RadioButton in Group 1");//Create a ButtonGroup
        radioButtonsLabel = new Label("RadioButton:");//Create a Label

        rb1.addActionListener(this);//add a listener to the button
        rb2.addActionListener(this);//add a listener to the button

        group1.add(rb1);//add rb1 to group1
        group1.add(rb2);//add rb2 to group1

        exampleContainer.setLayout(new BoxLayout(BoxLayout.Y_AXIS));//Set LayoutManager
        exampleContainer.addComponent(rb1);//Add a RadioButton to the Form content pane
        exampleContainer.addComponent(rb2);//Add a RadioButton to the Form content pane
        exampleContainer.addComponent(radioButtonsLabel);//Add a Label to the Form content pane
        exampleContainer.setTransitionOutAnimator(CommonTransitions.createFade(400));//Set Transitions animation of Fade
        exampleContainer.addCommand(new Command("Run", 2));//Add Command key
        exampleContainer.show();//Show it
    }

    public void pauseApp() {}

    public void destroyApp(boolean unconditional) {}

    //implements the method of ActionListener
    public void actionPerformed(ActionEvent evt) {
        selectedButton = group1.getRadioButton(group1.getSelectedIndex());//get the radioButton which is selected by the user
        System.out.println(selectedButton.getText());
        radioButtonsLabel.setText("RadioButton:" + selectedButton.getText());//reset the text of the label
    }
}

 
        HelloRadioButton 运行效果图如下（作者毕竟美术功底有限）： 

com.sun.lwuit.CheckBox 控件
        CheckBox 类似于 Html 表单中的 CheckBox，不同的是 Html 中的 CheckBox 多个一起提交时名字一样，而 LWUIT 中的 CheckBox 自行管理，需要程序员分别把结果组织。HelloCheckBox 源代码如下：

package com.defonds.lwuit;

import com.sun.lwuit.CheckBox;
import com.sun.lwuit.Command;
import com.sun.lwuit.Display;
import com.sun.lwuit.Form;
import com.sun.lwuit.Label;
import com.sun.lwuit.animations.CommonTransitions;
import com.sun.lwuit.events.ActionEvent;
import com.sun.lwuit.events.ActionListener;
import com.sun.lwuit.layouts.BoxLayout;
import com.sun.lwuit.plaf.UIManager;
import com.sun.lwuit.util.Resources;

public class HelloMidlet extends javax.microedition.midlet.MIDlet implements ActionListener{

    private Form exampleContainer;// declare a Form
    private CheckBox checkBox1;//declare a CheckBox
    private CheckBox checkBox2;//declare a CheckBox
    private CheckBox checkBox3;//declare a CheckBox
    private Label checkBoxLabel;//declare a Label

    private String str = new String(" ");//a String used to remember the checkBox selected

    public void startApp() {
        // init the LWUIT Display
        Display.init(this);
        // Setting the application theme is discussed
        // later in the theme chapter and the resources chapter
        try {
            Resources r = Resources.open("/myresources.res");
            UIManager.getInstance().setThemeProps(r.getTheme("myresources"));
        } catch (java.io.IOException e) {}

        exampleContainer = new Form("Form Title");// Create a Form
        checkBox1 = new CheckBox("Check Box1");//Create a CheckBox
        checkBox2 = new CheckBox("Check Box2");//Create a CheckBox
        checkBox3 = new CheckBox("Check Box3");//Create a CheckBox
        checkBoxLabel = new Label("selected");//Create a Label

        checkBox1.addActionListener(this);//add a listener to the CheckBox
        checkBox2.addActionListener(this);//add a listener to the CheckBox
        checkBox3.addActionListener(this);//add a listener to the CheckBox

        exampleContainer.setLayout(new BoxLayout(BoxLayout.Y_AXIS));//Set LayoutManager
        exampleContainer.addComponent(checkBox1);//Add a CheckBox to the Form content pane
        exampleContainer.addComponent(checkBox2);//Add a CheckBox to the Form content pane
        exampleContainer.addComponent(checkBox3);//Add a CheckBox to the Form content pane
        exampleContainer.addComponent(checkBoxLabel);//Add a Label to the Form content pane
        exampleContainer.setTransitionOutAnimator(CommonTransitions.createFade(400));//Set Transitions animation of Fade
        exampleContainer.addCommand(new Command("Run", 2));//Add Command key
        exampleContainer.show();//Show it
    }

    public void pauseApp() {}

    public void destroyApp(boolean unconditional) {}

    //implements the method of ActionListener
    public void actionPerformed(ActionEvent evt) {
        if(checkBox1.isSelected()){
            str = "1,";
        }
        if(checkBox2.isSelected()){
            str += "2,";
        }
        if(checkBox3.isSelected()){
            str += "3,";
        }
        checkBoxLabel.setText(str + "selected");//reset the text of the label
        str = " ";
    }
}

 
        HelloCheckBox 运行效果图如下：

com.sun.lwuit.ComboBox 控件
        ComboBox 类似于 RadioButton，也是一次只能有一个选择的列表。但是 ComboBox 可以自行使用，并不依赖于 ButtonGroup。由于 ComboBox 可以自行定义呈现器，所以它可以不必像 RadioButton 似的占用太多空间。因此当显示空间有限，或者有多组选项的时候，ComboBox 更合适。作者写的 HelloComboBox 源代码如下：

package com.defonds.lwuit;

import com.sun.lwuit.CheckBox;
import com.sun.lwuit.ComboBox;
import com.sun.lwuit.Command;
import com.sun.lwuit.Component;
import com.sun.lwuit.Display;
import com.sun.lwuit.Form;
import com.sun.lwuit.Label;
import com.sun.lwuit.List;
import com.sun.lwuit.animations.CommonTransitions;
import com.sun.lwuit.events.ActionEvent;
import com.sun.lwuit.events.ActionListener;
import com.sun.lwuit.layouts.BoxLayout;
import com.sun.lwuit.list.ListCellRenderer;
import com.sun.lwuit.plaf.UIManager;
import com.sun.lwuit.util.Resources;

public class HelloMidlet extends javax.microedition.midlet.MIDlet implements ActionListener{

    private Form exampleContainer;// declare a Form
    private Label comboBoxLabel;//declare a Label
    private String[] content = { "Red", "Blue", "Green", "Yellow" };
    private ComboBox comboBox;//declare a ComboBox

    public void startApp() {
        // init the LWUIT Display
        Display.init(this);
        // Setting the application theme is discussed
        // later in the theme chapter and the resources chapter
        try {
            Resources r = Resources.open("/myresources.res");
            UIManager.getInstance().setThemeProps(r.getTheme("myresources"));
        } catch (java.io.IOException e) {}

        exampleContainer = new Form("Form Title");// Create a Form
        comboBoxLabel = new Label(" ");
        comboBox = new ComboBox(content);//Creating the combo box
        comboBox.setListCellRenderer(new checkBoxRenderer());//Setting a checkBox renderer
        comboBox.addActionListener(this);//Adding a action listener to catch user clicking

        exampleContainer.setLayout(new BoxLayout(BoxLayout.Y_AXIS));//Set LayoutManager
        exampleContainer.addComponent(comboBox);//Add a ComboBox to the Form content pane
        exampleContainer.addComponent(comboBoxLabel);//Add a Label to the Form content pane
        exampleContainer.setTransitionOutAnimator(CommonTransitions.createFade(400));//Set Transitions animation of Fade
        exampleContainer.addCommand(new Command("Run", 2));//Add Command key
        exampleContainer.show();//Show it
    }

    public void pauseApp() {}

    public void destroyApp(boolean unconditional) {}

    //implements the method of ActionListener
    public void actionPerformed(ActionEvent evt) {
        comboBoxLabel.setText(content[comboBox.getSelectedIndex()] + " selected");
    }

    /**
    * Demonstrates implementation of a renderer derived from a CheckBox
    */
    private static class checkBoxRenderer extends CheckBox implements ListCellRenderer{
        /** Creates a new instance of checkBoxRenderer */
        public checkBoxRenderer(){
            super("");
        }

        // Setting the current check box text and status
        public Component getListCellRendererComponent(List list,
                Object value, int index, boolean isSelected) {
            setText("" + value);
            if (isSelected){
                setFocus(true);
                setSelected(true);
            }else{
                setFocus(false);
                setSelected(false);
            }
            return this;
        }

        // Returning the list focus component
        public Component getListFocusComponent(List list) {
            setText("");
            setFocus(true);
            setSelected(true);
            return this;
        }
    }
}

 
        HelloComboBox 运行效果图如下：