解读 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 运行效果图如下：
