当我们按下[Exit]按钮离开，接下来将设计Applet的用户界面。

　　（三）设计Applet用户界面

　　在此步骤中，我们将利用JBuilder 2005的设计工具为HelloApplet添加较丰富的用户界面，步骤如下。

　　1、在“工程窗格”中，以鼠标左键双击HelloApplet.java文件，将它打开于JBuilder编辑器中。

　　2、选取编辑器下方的Design页签。

　　3、如图10所示，先在“结构窗格”的组件树中选取this节点，然后在查看器内将this节点的Layout属性更改为BorderLayout(原来为＜defaultlayout＞)。

图10(点击放大)

　　4、依照下列步骤在Applet内加入两个Panel容器对象

　　点击“组件托盘”的AWT页签，在AWT页签内选取java.awt.Panel组件，然后以鼠标左键点击“结构窗格”的this节点。新的Panel对象将会出现在this节点下方，名称为panel1。请在查看器中将panel1的Constraints属性设置为North。仿照上一步骤加入第二个Panel对象，将它的Constraints属性设置为Center。

　　5、更改Panel对象的名称与属性

　　在panel1上点击鼠标右键，选取[Rename]，将其名称更改为UpperPanel。接着在查看器内将background属性更改为Light Gray。
在panel2上点击鼠标右键，选取[Rename]，将其名称更改为LowerPanel。接着在查看器内将background属性更改为White(我们也可以依照自己的喜好来设置背景颜色)。

　　6、在LowerPanel加入两个Panel对象

　　将LowerPanel的layout属性设置为CardLayout，在“组件托盘”内选取AWT页签的java.awt.Panel组件，然后点击“结构窗格”的LowerPanel节点，这个动作将加入一个Panel对象。新加入的Panel对象会出现在LowerPanel节点下方(名称为panel1)。依此要领加入第二个Panel对象(名称为panel2)。

　　将panel1与panel2的Layout属性设置为BorderLayout，将panel1与panel2的background属性分别设置为White与Pink。

　　完成上述所有步骤后，请先保存我们的工程。 现在我们已经完成Applet用户界面的基本雏形，接下来要加入某些UI组件。

　　（四）设计UpperPanel容器对象

　　依照下列步骤在UpperPanel内加入两个UI组件(Label与Choice)：

　　1、在“组件托盘”的AWT页签内选取，java.awt.Choice组件，然后点击“结构窗格”的UpperPanel节点。新的Choice组件将会出现在UpperPanel节点下方。

　　2、在“组件托盘”的AWT页签内选取java.awt.Label组件，然后点击“结构窗格”的UpperPanel节点，这个动作将会加入新的Label组件。新的Label组件将出现在UpperPanel节点下方。

　　3、更改lable1对象的属性：

　　在“结构窗格”内点击label1对象，将Text属性更改为“Select a language："。点击font属性的按钮打开Font对话框，在Size字段里输入20。 将foreground属性设置为Blue，“Select a Language：”字符串将以蓝色显示。

　　4、在panel1与panel2对象内分别加入一个Label组件。首先在“组件托盘”内选取AWT页签的java.awt.Label组件，然后点击LowerPanel节点下的panel1节点。新加入的Label对象将会出现在panel1节点下方(名称为label2)。依此要领，在panel2内加入另一个Label组件(名称为label3)。

　　5、依照下列方式设置label2的属性

　　将text属性设置为“Good Movning!”，constraints属性设置为Center， alignment属性设置为CENTER。点击font属性的按钮，在Font对话框内将Size设置为24。

　　6、依照下列方式设置label3的属性

　　将text属性设置为“早上好”，constraints属性设置为Center，alignment属性设定为CENTER。点击font属性的按钮，在Font对话框内将Size设置为24。

　　完成上述步骤就会出现如下图11所示：