实验十六 图形用户界面及事件模型试验.docVIP

任务实训17 关于界面程序设计 实训目的 复习在NetBeans中创建应用程序图形用户界面的方法，掌握Swing标签（ JLabel ）的使用方法及Swing按钮（ JButton ）的使用方法。 实训内容 在NetBeans中创建包含一个图形用户窗口的项目，在窗口中添加一个包含了图像的标签（ JLabel ）。 在前面创建的项目中新建一个窗口，在窗口中添加两个按钮（ JButton ），并实现其响应单击事件的代码。 实训步骤 在NetBeans中创建项目chapter17，项目位置在自己新建的文件夹下。如图17-1所示。 图17-1 新建项目1 点击下一步，将项目名称改为chapter17,创建主类处文本框内容改为JLabelTest。此时项目名称为chapter17，主类名为JLabelTest（程序入口类，即main方法所在的类）。如图17-2所示。 图17-2 新建项目2 创建包含JLabel窗口 在建好的项目窗口中选中缺省包点右键选择新建—JFrame窗体如图17-3所示： 图17-3 新建窗体类1 在弹出的对话框中将类名改为JLabelFrame，即为所创建的窗体类的类名，如图17-4所示。点击完成即在代码编辑器窗口下打开了这个类，并且打开了GUI设计器，注意此时是在“设计”模式按下。 图17-4新建窗体类2 在组件面板上单击JLabel，在GUI设计器中窗口的适当位置单击，即可向JLabelFrame添加一个JLabel，如图17-5所示。 图17-5 添加JLabel组件 选中新添加的JLabel，单击鼠标右键，在弹出的菜单中选择“修改变量名称”选项，在弹出的对话框中将该JLabel的名称修改为jLabelImage。 再单击选中JLabel，在右边的属性面板里将text属性的值设置为“演示图片”如图17-6所示。 图17-6 修改属性值 单击属性面板中icon属性右侧的按钮，弹出如图17-7所示的对话框。在如图17-7所示的窗口中选择图像源类型为：文件，并通过单击“选择文件”按钮选择文件。此时选中的文件会出现在“预览”列表框中。单击“确定”按钮完成设置。此时GUI设计器中内容如图17-8所示。 图17-7设置图像对话框 图17-8 包含图像与文本的JLabel 在GUI设计器中选中jLabelImage，单击鼠标右键，在弹出的菜单中选择“事件”—“Mouse”—“mouseClicked”选项，为jLabellmage添加一个单击事件处理方法，此时光标会定位到源代码编辑器如图17-9所示的方法内。 图17-9鼠标单击事件处理方法 在图17-9所示的方法内添加如下代码，以设置鼠标单击jLabellmage后其文本相对其图像的垂直位置为TOP。 this.jLabelImage.setVerticalTextPosition(SwingConstants.TOP); 重复以上步骤，为jLabelImage分别添加MouseExited和MouseEntered事件处理方法，添加完成后再代码编辑器中生成如图17-10所示的内容。 图17-10 鼠标移入和移出jLabelImage的事件处理方法 图17-10中的jLabelImageMouseEntered(java.awt.event.MouseEvent evt)方法用来处理鼠标移入事件，向其中添加如下代码，以设置鼠标移入jLabelImage后其文本相对图像的垂直位置为BOTTOM。 this.jLabelImage.setVerticalTextPosition(SwingConstants.BOTTOM); 图17-10中的jLabelImageMouse Exited (java.awt.event.MouseEvent evt)方法用来处理鼠标移出事件，向其中添加如下代码，以设置鼠标移出jLabelImage后其文本相对图像的垂直位置为Center。 this.jLabelImage.setVerticalTextPosition(SwingConstants. CENTER); 将下列代码添加到JLabelTest类的main方法中。 new JLabelFrame ().setVisible(true); //创建JLabelFrame窗口类对象并且显示它。 (编译并运行主项目，会看到鼠标移入jLabelImage后，其文本与图像的相对位置图17-11所示。在jLabelImage上单击后，其文本与图像的相对位置如图17-12所示。光标移出jLabelImage后，其图像与文本的位置关系如图17-13所示。 图17-11 鼠标移入后窗口图 图17-12单击鼠标后窗口图 图17-13鼠标移出后窗口图 创建包含JButton的窗口 在项