通过第一课,我们创建了一个UI界面,并且在title上显示程序的名字LED Player.接下来,我们要做的是,把一些按钮之类的东西添加到这个SCREEN上(VB中叫做控件)。
首先我们确认我们需要一些可以选择的选项来让用户来选中LED需要发出的颜色,比如选择BLUE时,LED发出蓝光,RED时,发出红光等等。在这里,我们可以使用通过一下定义好的下拉菜单choicefield(比如enable/disable这样的,我们可以定义为blue/red/green/…),也可以用radiofield(单选按钮)来做,在这个例子中,我们将用radiofield来操作颜色的选取画面。
最初,我们需要写上一段文字表示下方的单选按钮是用来干吗的,于是我们添加一个RichTextField来显示“Setup blackberry 's LED color with RGB:”,目的就是告诉用户,下面是选择颜色了。
add(new RichTextField("Setup blackberry 's LED color with RGB:"));
另外,添加了一个分割线来美化UI。
SeparatorField line1 = new SeparatorField();
add(line1);
建立一个RadioButtonGroup,在这个组里的所有RadioButtonfield,同一时刻只有一个能被用户选中,这就避免了选了blue又选green的错误,当然这个只是一个设计思维逻辑,相信有开发经验的朋友都有的。
// -----------------radio group
RadioButtonGroup rbGroup = new RadioButtonGroup();
final RadioButtonField rbField1 = new RadioButtonField("Red");
final RadioButtonField rbField2= new RadioButtonField("Orange");
final RadioButtonField rbField3 = new RadioButtonField("Yellow");
final RadioButtonField rbField4 = new RadioButtonField("Green");
final RadioButtonField rbField5 = new RadioButtonField("Cyan");
final RadioButtonField rbField6 = new RadioButtonField("Blue");
final RadioButtonField rbField7 = new RadioButtonField("Purple");
final RadioButtonField rbField8 = new RadioButtonField("White");
final RadioButtonField rbField9 = new RadioButtonField("Customize");
final RadioButtonField rbField10 = new RadioButtonField("Disco I");
final RadioButtonField rbField11 = new RadioButtonField("Disco II");
final RadioButtonField rbField12 = new RadioButtonField("None");
rbGroup.add(rbField1);
rbGroup.add(rbField2);
rbGroup.add(rbField3);
rbGroup.add(rbField4);
rbGroup.add(rbField5);
rbGroup.add(rbField6);
rbGroup.add(rbField7);
rbGroup.add(rbField8);
rbGroup.add(rbField9);
rbGroup.add(rbField10);
rbGroup.add(rbField11);
rbGroup.add(rbField12);
add(rbField1);
add(rbField2);
add(rbField3);
add(rbField4);
add(rbField5);
add(rbField6);
add(rbField7);
add(rbField8);
SeparatorField line2 = new SeparatorField();
add(line2);
add(rbField9);