图形界面是一种方便的人机界面。它通过图形的方法,借`l.ppt

图形用户界面,主讲教师:弓艳荣,本节重点、难点,重点： 1、理解组件和容器的概念 2、学会各种组件的用法 3、掌握各种布局的使用方法 4、理解面板的概念以及使用方法 难点： 1、各种组件的构造方法的区别 2、在程序中合理的使用各种布局,讲授内容：,一、图形界面的概念 二、图形界面元素 三、组件 四、组件布局管理 五、事件处理方法,一、图形界面的概念,图形界面是一种方便的人机界面。它通过图形的方法，借助菜单、按钮等标准界面元素和鼠标操作，帮助用户方便地向计算机发出命令，启动程序，并将程序的运行结果同样以图形的形式显示给用户。,二、图形界面元素,（一）图形界面元素：组成图形用户界面的元素。 1、图形界面元素：也称为组件。 组件的例子：按钮、滚动条、文本框等 2、组件的特点：组件不能单独存在，必须放在容器中 （二）容器：用来组织其他图形界面元素的最基础的单元。 例如：窗口就是一个容器,容器的特点： 1、容器可包含组件（例如：按钮、文本框等），也可包含其他容器； 2、容器有一定的范围 容器一般都是矩形的，范围由高度和宽度决定。 3、容器有一定的位置 容器的是相对屏幕的绝对位置，也可以相对于其他容器的相对位置； 4、容器通常有背景,三、组件,组件通过容器的方法加入到容器中 组件介绍： 1、标签： 用来给程序输出文本信息的，一般是一些说明 性文字。,（1）标签类（Label类）的常用方法 构造方法 Label（）： 例：Label la = new Label( );/*创建一个没有显示内容的标签对象la*/ Label（String label）： 例：Label la = new Label(“OK” );/*创建一个显示内容为OK的标签对象la*/ （2）把标签添加到容器（例如Applet）方法,利用容器（例如Applet类）的成员方法：add（）,（3）使用标签的步骤： 创建标签对象： 例：例：Label la = new Label( “OK”); 把标签对象添加到容器例如小应用程序的窗口中 例：add(la); （4）程序实例：实现功能：在一窗口上显示一标签：label 执行：Label1.java, Label1.html文件观察输出效果,2、按钮: （1）按钮类（Button类）的构造方法 Button（）： 功能：创建一个无标题的按钮对象 Button（String title）： 功能：创建一个显示标题为title的按钮对象 （2）把按钮添加到容器（例如Applet）方法,利用容 器（例如Applet类）的成员方法：add（）,（3）使用按钮的步骤： 创建按钮对象： 例：Button bu = new Button( “OK”); 把按钮加到容器例如小应用程序的窗口中 例：add(bu); （4） Button类在java.awt包中定义 在使用Button类源文件开头加一语句:import java.awt.*; （5）应用实例：Button1.java , Button1.html,3、选项框： （1）选项框类（Choice类）的常用方法 Choice( ): 功能：创建一个无选项的选项框对象。 public void addItem(String item)： 功能：向选项框中加入选项item。 （2） Choice类在java.awt包中定义 在使用Choice 类源文件开头加一语句:import java.awt.*;,（3）使用选项框的步骤： 创建一选项框对象 Choice ce=new Choice(); 向选项框添加选项 ce.add(“BeiJing”)/*向选项框内添加选项BeiJing 把选项框添加到容器例如小应用程序的窗口中： add(ce); （4）应用实例：Choice1.java, Choice1.html,4、复选框： （1）构造方法 Checkbox( String st): 功能：创建一个标签为st的复选框对象 （2） Checkbox类在java.awt包中定义 在使用Checkbox类源文件开头加一语句:import java.awt.*;,（3）使用选项框的步骤： 创建一复选项框对象 Checkbox ck= new Checkbox(); 把选项框添加到容器例如小应用程序的窗口 中： add(ce); （4）应用实例：Check1.java Check1.html,5、单选按钮（选项按钮）： （1）复选框组的构造方法 CheckboxGroup()： 功能：创建一个复选框组对象。 例：CheckboxGroup cbg = new CheckboxGroup( ); （2）单选按钮的构造方法 Checkbox( String st, CheckboxGroup cb, boolean bl): 功能：创建一个标签为st,并且属于复选框组cb的单选按钮对象,若bl为true，此单选按钮被选中，若为false，此单选按钮没有被选中。,（3）使用单选按钮的步骤： 创建复选框组对象 例：CheckboxGroup cbg = new CheckboxGroup( ); 创建单选按钮对象 例：Checkbox radio=new Checkbox(“BeiJing”,cbg, false); 把单选按钮对象加到容器中， 例：add(radio); （4） Checkbox类和CheckboxGroup类 ，在java.awt包中定义,6、列表框：可以让用户进行单选或多选。 （1）构造方法： List(): 功能：创建一个默认大小的列表框对象 List（int i，boolean b）： 功能：创建一个可显示i个选项的列表框对象，若b为true，则是此列表框为多选的，若为b为false，则此列表框为单选的。 （2）成员方法 add（String st）：,功能：向原列表框对象内添加选项st （3）列表框对象的使用方法： 创建列表框对象 List lt= new List(); 向列表框添加选项： lt.add(“ChangJang”);/*向列表框添加选项ChangJang 把列表框添加到容器 add(lt); （4）应用实例：List.java ，List.html,7、文本框：只能显示一行文本 （1）构造方法 TextField（）： 功能：创建一个默认长度的文本框对象 TextField（String text）： 功能：创建一个初始文本内容text的文本框对象 （2） TextField类在java.awt包中定义 在使用类源文件开头加一语句:import java.awt.*;,（3）使用文本框的步骤： 创建文本框对象 例： TextField tf=new TextField(“BeiJing”); 把文本框对象加到容器中 例：add(tf); （4）应用实例：Text1.java Text1.html,8、文本区：能显示多行文本 （1）构造方法 TextArea（）： 功能：创建一个默认长度的文本区对象 TextArea（String text）： 功能：创建一个初始文本内容text的文本区对象 TextArea（int rows,int columns): 功能:创建一个rows行和columns列的文本区对象,TextArea（String text, int rows,int columns ） 功能：创建一个一个rows行,columns列且初始文本内容text的文本区对象 （2）成员方法 public void append(String str) 功能:在文本区尾部添加文本str public void setText(String str) 功能: 设定文本区的内容为str,（3）文本区对象的使用方法： 创建文本区对象 TextArea ta= new TextArea(“this is a text area”); 把文本区添加到容器 add(ta);,四、组件布局管理,组件的位置有容器的默认布局管理 器摆放，当这些组件较多时窗口就比较 乱,可以通过布局管理来安排位置,顺序布局 把组件从左到右顺序排列，一行排满后再 到下一行继续排列 Panel（面板）类及其子类Applet类默认的布 局管理器为：FlowLayout,边界布局（BorderLayout） (1）特点： BorderLayout有5个区域，北区、南区、东区、西区、 中区； 5 个区域的分布规律和地图相同，“上北、下南、左西、右东”； 控件（如按钮等）只能放在这5个区内。,布局图：,边界布局管理器的使用方法 创建边界布局管理器的对象 BorderLayout bl=new BorderLayout(); 设置容器的布局管理器 setLayout(bl); 向容器添加组件 ：利用add（）方法 （5）应用实例：Border1.java , Border1.html,网格布局（GridLayout） （1）特点：把容器分为若干网格，控件放在各个网格内。 （2）构造方法 GridLayout(int rows ,int cols); 功能：创建一个rows行， cols列网格布局管理器对象。,（3）网格布局管理器的使用方法 创建网格布局管理器的对象 GridLayout gl=new GridLayout(3,3); 设置容器的布局管理器 setLayout(gl); 向容器添加组件 ：利用add（）方法 （4）应用实例：Grid1.java, Grid1.html,面板的使用,概念： 面板是一个无边框的容器，可以包容其他组