Swing用户界面组件.ppt

swing用户界面组件,java,模型-视图-控制器设计模式,每个组件有三个要素 内容,如按钮的状态(是否按下),或者文本域的文本; 外观,颜色,大小等; 行为,对事件的反应; 三要素之间的关系复杂,java,模型-视图-控制器设计模式,swing设计者采用了一种著名的设计模式:模型-视图-控制器(model-view-controller)模式来实现组件的设计。实现一个组件有三个独立的类： 模型(model):存储内容; 视图(view):显示内容； 控制器(controller):处理用户输入；,java,模型-视图-控制器设计模式,模型只存储内容，必须实现改变内容和查找内容的方法。如，一个文本模型中的方法有：在当前文本中添加或者删除字符以及把当前文本作为一个字符串返回等； 模型完全不可见，视图显示存储在模型中的数据； 控制器负责处理用户输入事件，如点击鼠标和敲击键盘。然后决定是否把这些事件转化为对模型或视图的改变；,java,模型-视图-控制器设计模式,java,模型、视图、控制器对象之间的交互,模型-视图-控制器设计模式,swing按钮的模型-视图-控制器分析 对于大多数组件，模型类实现了名字结尾为model的接口，如：按钮就实现了buttonmodel接口； 可以通过查看buttonmodel接口中的方法来获知按钮模型维护的是哪种类型的数据；,java,模型-视图-控制器设计模式,swing库中包含了一个名为defaultbuttonmodel的类，该类实现了buttonmodel接口，是jbutton的模型类；该类同时也可作为单选按钮、复选框等的模型类； 视图和感观相关联，不同感观对应的视图有所不同；当使用metal观感时，jbutton类用basicbuttonui类作为其视图，用buttonuilistener类作为控制器； jbutton是一个继承了jcomponent的包装器类，包含了一个defaultbuttonmodel对象，一些视图数据以及一个负责按钮视图的basicbuttonui对象(metal感观）； jbutton button = new jbutton(“blue”); buttonmodel model = button.getmodel(); buttonui ui = button.getui();,java,布局管理器,容器内的所有组件的排放由一个布局管理器(layout manager)进行管理。 java.awt.container container.setlayout(layoutobject);,java,布局管理器,常用布局管理器 流布局管理器(flowlayout) 边界布局管理器(borderlayout) 网格布局管理器(gridlayout),java,布局管理器,流布局管理器(flow layout) 其特点是在一行上水平排列组件，直到没有足够的空间为止，再开始新的一行； 面板(jpanel)的默认布局管理器； 当用户缩放容器时,布局管理器自动地调整组件的位置使其填充可用的空间;但容器中组件的大小不会变; 默认情况下,组件是在一行上居中显示。程序员可以设置容器中的组件按左对齐或者右对齐的方式排列； panel.setlayout(new flowlayout(flowlayout.left);,java,布局管理器,流布局管理器(flow layout) java.awt.layout; flowlayout( ); flowlayout(int align); flowlayout(int align, int hgap, int vgap); 常用的行对齐方式 flowlayout.center; flowlayout.left; flowlayout.right;,java,布局管理器,边界布局管理器(borderlayout) 将整个容器分为中部、北部、南部、东部或者西部五个区域； 程序员可以选择将组件放在哪个区域；默认放在中部; jframe的内容窗格的默认布局管理器； frame.add(button,borderlayout.south);,java,布局管理器,边界布局管理器(borderlayout) 边界布局管理器在安放组件时,会先放入边缘组件,剩余的可用空间由中间组件占用,如果有某个边缘组件空缺,其它组件会填充该边缘位置; 容器缩放时,边界布局会扩大所有组件的尺寸以便填充可用空间,但边缘组件的厚度不会改变,长度会有所改变,而中间组件的大小会发生变化;,java,布局管理器,java.awt.borderlayout类 borderlayout( ); borderlayout(int hgap, int vgap);,java,布局管理器,将一个组件放在边界布局管理器的某个部分时,其会填充整个部分的空间,如果此时再放入另一个组入到相同的部分,则后放入的组件会覆盖前一个组件; public class borderlayouttest public static void main(string args) jframe f = new jframe(“borderlayout test“); f.add(new jbutton(“south“),borderlayout.south); f.add(new jbutton(“south1“), borderlayout.south); f.setsize(200,200); f.setvisible(true); ,java,布局管理器,可利用中间容器(jpanel)把多个组件放在边界布局管理器的同一个部分; public class borderlayouttest public static void main(string args) jframe f = new jframe(“borderlayout test“); jpanel p = new jpanel(); f.add(p,borderlayout.south); p.add(new jbutton(“south“); p.add(new jbutton(“south1“); f.setsize(200,200); f.setvisible(true); ,java,布局管理器,网格布局管理器(gridlayout) 将容器按行列平均划分； 容器上的组件添加从第一行的第一列开始，然后是第一行的第二列，以此类推；,java,布局管理器,java.awt.gridlayout gridlayout( ); gridlayout(int rows, int cols); gridlayout(int rows, int cols, int hgap, int vgap);,java,举例：计算器程序,制作一个如图所示的计算器程序。 使用面板嵌套技术：,布局管理器,import java.awt.*; import java.awt.event.*; import javax.swing.*; public class calculator public static void main(string args) calculatorframe frame = new calculatorframe(); frame.setdefaultcloseoperation(jframe.exit_on_close); frame.setvisible(true); ,java,布局管理器,class calculatorframe extends jframe public calculatorframe() settitle(“calculator“); calculatorpanel panel = new calculatorpanel(); add(panel); pack(); ,java,布局管理器,class calculatorpanel extends jpanel private jbutton display; private jpanel panel; private double result; private string lastcommand; private boolean start;,java,布局管理器,public calculatorpanel() setlayout(new borderlayout(); result = 0; lastcommand = “=“; start = true; / add the display display = new jbutton(“0“); display.setenabled(false); add(display, borderlayout.north); actionlistener insert = new insertaction(); actionlistener command = new commandaction();,java,布局管理器,/ add the buttons in a 4 x 4 grid panel = new jpanel(); panel.setlayout(new gridlayout(4, 4); addbutton(“7“, insert); addbutton(“8“, insert); addbutton(“9“, insert); addbutton(“/“, command); addbutton(“4“, insert); addbutton(“5“, insert); addbutton(“6“, insert); addbutton(“*“, command);,java,布局管理器,addbutton(“1“, insert); addbutton(“2“, insert); addbutton(“3“, insert); addbutton(“-“, command); addbutton(“0“, insert); addbutton(“.“, insert); addbutton(“=“, command); addbutton(“+“, command); add(panel, borderlayout.center); private void addbutton(string label, actionlistener listener) jbutton button = new jbutton(label); button.addactionlistener(listener); panel.add(button); ,java,布局管理器,private class insertaction implements actionlistener public void actionperformed(actionevent event) string input = event.getactioncommand(); if (start) display.settext(“); start = false; display.settext(display.gettext() + input); ,java,布局管理器,private class commandaction implements actionlistener public void actionperformed(actionevent event) string command = event.getactioncommand(); if (start) if (command.equals(“-“) display.settext(command); start = false; else lastcommand = command; ,java,布局管理器,else calculate(double.parsedouble(display.gettext(); lastcommand = command; start = true; public void calculate(double x) if (lastcommand.equals(“+“) result += x; else if (lastcommand.equals(“-“) result -= x; else if (lastcommand.equals(“*“) result *= x; else if (lastcommand.equals(“/“) result /= x; else if (lastcommand.equals(“=“) result = x; display.settext(“ + result); ,java,文本输入,具有用户输入和编辑文本功能的组件 javax.swing.text.jtextfield 文本域组件,一般只能接收单行文本输入 javax.swing.text.jtextarea 文本区组件,可以接收多行文本输入,java,jtextcomponent,jtextfield,jtextarea,文本输入,javax.swing.text.jtextcomponent void settext(string t); string gettext(); void seteditable(boolean b);,java,文本输入,javax.swing.text.jtextfield jtextfield( ); jtextfield(int columns); jtextfield(string text); jtextfiled(string text, int columns); 在jtextfield的构造器中设定的列宽度并不是用户能输入的字符个数的上限,用户可以输入一个更长的字符串,但是当文本长度超过文本域长度时输入时就会滚动;,java,文本输入,将文本域添加到窗口中 将文本域添加到面板或其他容器中 eg: jpanel panel = new jpanel( ); jtextfield textfield = new jtextfield(“input”,20); panel.add(textfield);,java,文本输入,标签组件 标签是容纳文本的组件,不响应用户输入; 可以利用标签标识组件,如文本域; 用相应的文本构造jlabel组件; 将标签组件放置在离要标识的组件足够近的地方;,java,文本输入,javax.swing.jlabel; jlabel(string text); jlabel(icon icon); jlabel(string text, int align); jlabel(string text, icon icon, int align); align可以用swingconstants接口中的常量来指定,也可以用jlabel来指定,因为其实现了该接口; 例： jlabel label = new jlabel(“hours”, swingconstants.right); 或者 jlabel label = new jlabel(“hours”, jlabel.right); 上面的代码创建了一个label，并指定label的对齐方式为右对齐。,java,实例：一个可以设置时间的钟,本程序演示了一个可以设置时间的钟。 当用户在文本域中输入相应的小时和分钟 数值时，时钟就将长针和短针绘制出来。 本程序需要监视文本域的变化。 文本类组件（继承jtextcomponent的组件）由文本模型（document接口）来捕捉，获得文本模型的方法是： document getdocument( ); /jtextcomponent 再在文本模型安装文档监听器(document listener)能够监听文本域变化事件。,实例的关键代码,当文本发生改变后，文档监听器(document listener)能够监听到该事件的发生，并调用documentlistener接口中的下列方法之一： void insertupdate(documentevent event) void removeupdate(documentevent event) void changedupdate(documentevent event) 当添加或者删除字符时，应该调用前两个方法。 所以文档监听器(document listener)必须实现这三个方法： void insertupdate(documentevent event) setclock(); void removeupdate(documentevent event) setclock(); void changedupdate(documentevent event) ,文本区（jtextarea）,文本区jtextarea组件可以让用户输入多行文本。在jtextarea组件中，可以指定文本区的行数和列数： textarea = new jtextarea(8, 40); / 8行40列,一行的结尾为n（回车）符 如果文本区的文本超出显示范围，则其余的文本会被剪裁。 可以使用换行来避免行过长： textarea.setlinewrap(true); 在swing中，文本区没有滚动条，需要手动安装： jscrollpane scrollpane = new jscrollpane(textarea),演示textareatest.java,选择组件,常见的选择组件有：复选框、单选按钮、选项列表以及滑块等。 1).复选框jcheckbox 如果想要接收的输入只有“是”或“非”两者的话，可以使用复选框组件。这种组件缺省带有标识标签。,在构造器中可以指定该标签的文本： bold = new jcheckbox(“bold”); 用户点击复选框的动作监听器为实现actionlistener接口。（actionperformed方法）,复选框实例：监听器使用,实例：使用选中的字型显示字符串。 bold = new jcheckbox(“bold”); italic = new jcheckbox(“italic”); . class checkboxlistener implement actionlistener public actionperformed(actionevent event) checkboxlistener listener = new checkboxlisterner(); bold. addactionlistener(listener)； italic. addactionlistener(listener),演示checkboxtest.java,复选框jcheckbox的常用函数,java.swing. jcheckbox jcheckbox(string label) 用给定的标签构造一个复选框 jcheckbox(string label, boolea state) 用给定的标签和初始化状态构造一个复选框 boolean isselected( ) 返回复选框状态 void setselected(boolean state) 为复选框设置状态,2). 单选按钮,单选按钮(radio button group)：提供一组选择项，用户在任何时刻只能选择一个选择项，每个选项都带有一个标签。 在swing中实现单选按钮对象的步骤： 1. 创建一个buttongroup对象 buttongroup group = new buttongroup(); 2. 将jradiobutton对象添加到按钮组中， buttongroup对象负责当新按钮被按下时，取消前一个按下的操作。 jradiobutton smallbutton = new jradiobutton(“small“, false); group.add(smallbutton); jradiobutton mediumbutton = new jradiobutton(“medium“, true); group.add(mediumbutton); 3. 将多个单选按钮添加到面板时 要一个个添加 panel. add(smallbutton)； panel. add(mediumbutton);,单选按钮实例：监听器使用策略,用户点击单选按钮的动作监听器为实现actionlistener接口（actionperformed方法）的类对象。 方法一：如果各个单选按钮中的按钮的行为相似，可以让它们共享一个监听器。（需要在动作监听器中判断哪一个按钮被选中，然后才能作出响应）,方法二：单选按钮的每个按钮对象设置其独有的监听器。（推荐）,单选按钮实例：监听器使用,实例：当选中不同的按钮时，使用不同的字体显示字符串。,演示radiobuttontest.java,请自学 边界（border） 组合框（jcombobox） 滑块（jslider） 微调控制器（jspinner）,菜单,菜单的创建可以遵循以下步骤： 1. 创建一个菜单栏 jmenubar menubar = new jmenubar(); 2. 将菜单栏放置在frame的顶部。 frame.setmenubar(menubar); 3. 为每个菜单建立一个菜单对象 jmenu editmenu = new jmenu(“edit”); 4. 将顶层菜单添加到菜单栏中 menubar.add(editmenu);,菜单(续),菜单的创建可以遵循以下步骤（续）： 5. 往菜单对象中添加菜单项、分隔符和子菜单 jmenuitem pasteitem = new jmenuitem(“paste“); editmenu.add(pasteitem) 等价于使用jmenu.add(string)方法将菜单项插入到菜单的末尾 jmenuitem pasteitem = editmenu.add(“paste“); editmenu.addseparator(); jmenu optionsmenu = new jmenu(“options”). . .; / 一个子菜单 editmenu.add(optionsmenu); 6.用户点击菜单项的动作监听器为实现actionlistener接口（actionperformed方法）的类对象或关联一个动作事件： actionlistener listener = . . . ; pasteitem.addactionlistener(listener);,菜单中的图标,jmenuitem类扩展自abstractbutton类，故菜单项与按钮很相似。有2种方法为菜单项指定一个图标： 1.构造器方法 jmenuitem cutitem = new jmenuitem(“cut”, new imageicon(“cut.gif”); /默认图形在名称的左侧 2. seticon方法 cutitem.seticon(new imageicon(“cut.gif”);,弹出菜单,弹出菜单(pop-up menu)：即单击鼠标右键可弹出的快捷菜单。 建立弹出菜单的方法与一般菜单相似： (1) 创建一个弹出式菜单 jpopupmenu popup = new jpopupmenu(); (2) 在菜单中添加菜单项： jmenuitem item = new jmenuitem(“cut“); item.addactionlistener(listener); popup.add(item);,弹出式触发器,弹出式触发器(pop-up trigger)：用户点击鼠标某个键时，弹出菜单。 在windows或者linux中，弹出式触发器是右键。 要想在用户点击某一个组件的时候弹出菜单，就要使用弹出式触发器： component.setcomponentpopupmenu(popup);,快捷键,可以为菜单项设置快捷键。在当前菜单打开的情况下，可以按下某菜单项的快捷键，相当于鼠标单击了该菜单项。 jmenuitem cutitem=new jmenuitem(“index”); cutitem.setmnemonic(“i”); 快捷键就会自动显示在菜单项中，快捷键下面有一条下划线。,加速器,加速器可以在不打开菜单的情况下选中菜单项的快捷键。 例如，很多程序把ctrl + o和ctrl + s关联到菜单中的open和save项。 使用setaccelerator方法可以将加速器关联到一个菜单项。该方法使用keystroke类型的对象作为参数。例如： openitem.setaccelerator(keystroke.getkeystroke(keyevent.vk_o, inputevent.ctrl_mask); 当用户按下加速器组合键时，就自动选择了相应的菜单项，同时激活一个动作事件。 注意：加速器实际上并不打开菜单，而是直接激活菜单关联的动作事件。,启用和禁用菜单项,在程序运行过程中，经常需要屏蔽某些暂时不适用的命令，待到条件允许时再使之重新可用。 屏蔽/启用菜单项的方法： amenuitem.setenabled(boolean) 当参数值为false时，屏蔽该菜单项； 当参数值为true时，启用该菜单项； 如果需要动态启用/屏蔽某菜单项，则需要为“menu selected”事件注册监听器。javax.swing.event包定义了menulistener接口，它有三个方法： void menuselected(menuevent event) void menudeselected(menuevent event) void menucanceled(menuevent event),监听“menu selected”事件,只需要监听“menu selected”事件，当一个菜单被选中时，将菜单中包含的需要被屏蔽的菜单项屏蔽掉即可。 例如下列代码可屏蔽/打开save按钮和save as按钮。 public void menuselected(menuevent event) savemenuitem.setenabled(!readonlyitem.isselected(); saveasmenuitem.setenabled(!readonlyitem.isselected(); ,练习：创建一组菜单,演示menutest,补充:action接口,public interface action extends actionlistener; 接口中包含以下方法： void actionperformed(actionevent event); void setenabled(boolean b); void putvalue(string key,object value); object getvalue(string key); 常用预定义的动作表名称： 名称 值 name 动作名称；可用来设置按钮和菜单的标签 small_icon下班 小图标；可用来设置按钮和菜单的图标 short_description 简要说明，在工具按钮中作为提示 mnemonic_key 快捷键，用于菜单 action.putvalue(action.name,”blue”); action.putvalue(action.small_icon, new iamgeicon(“blue-ball.gif”);,补充:action接口,利用一个实现了action接口的对象可以实例化按钮、菜单项等； jbutton(action a); jmenuitem(action a); abstractaction类实现了action接口中除actionperformed方法之外的所有方法，因此可通过简单地扩展abstractaction类，并在扩展中实现actionperformed方法来构造一个实现了action接口的对象；,工具栏,工具栏是在程序中提供快速访问常用命令的按钮栏。 工具栏的特别之处在于可以移动，脱离工具栏或拖拽到框架其他地方，如图所示。,工具栏的创建,创建工具栏时，直接将组件添加到工具栏中，再将工具栏放入框架中： jtoolbar bar = new jtoolbar(); bar.add(bluebutton); frame.add(bar, borderlayout.north); 也可以使用添加action对象的方法来填充工具栏： bar.add(blueaction); 可以设置工具提示： settooltiptext(string)； 如果使用action对象，则可使用putvalue方法 putvalue(action.short_description, “”) 注意：按钮是工具栏中最常见的组件类型。但其它组件也可以放置在工具栏中，例如复选框等。,工具栏相关的常用方法,javax.swing. jtoolbar jtoolbar( ) jtoolbar(string titlestring) jtoolbar(int orientation) /orientation: swingconstants. horizontal或swingconstants.vertical jbutton add(action a) 在工具栏添加与动作a关联的按钮 void addseparator( ) 在工具栏末尾添加一个分隔符 void settooltiptext(string text) 设置当鼠标停留在组件上时显示的工具提示的文本,对话框的种类,对话框分为模式对话框和无模式对话框。 模式对话框 在用户结束对它的操作之前，不允许用户与应用程序其它窗口的交互。 -模式对话框的作用：在程序继续运行之前，必须获得用户提供的信息。 -例如： 用户希望读取某个文件，则可以使用模式对话框请求用户提供文件名以及路径。,无模式对话框,无模式对话框允许用户同时在对话框和应用程序的其余窗口中输入信息。 例如：工具栏。 工具栏可以停靠在任何地方，并且用户可以在需要时与应用程序窗口和工具栏进行交互。 下面将会介绍一些常用的对话框： 选项对话框、文件对话框、颜色对话框,1). 选项对话框,swing提供了一组简单的对话框，用于收集用户提供的简单信息。joptionpane有四个用于显示这些简单对话框的静态方法： showmessagedialog：显示一条消息，并等待用户点击ok showconfirmdialog：显示一条消息，并等待用户点击确认(与ok/cancel按钮类似) showoptiondialog：显示一条消息，并等待用户作出某一种选择 showinputdialog：显示一条消息，并等待用户输入一行信息,选项对话框,假设需要显示一个如图所示的 对话框，要求用户确认或者取消，它是一个确认对话框： int selection = joptionpane.showconfirmdialog(parent, “message”, “title”, /设置要显示的字符串和标题 joptionpane.ok_cancel_option, /设置ok和cancel按钮 joptionpane.question_message); /设置图标为问题图标 /selection的值指示了用户单击了哪一个按钮 if (selection = joptionpane.ok_option) . . . 具体的参数选择可以参照java api: default_option yes_no_option yes_no_cancel_option ok_cancel_option,图标设置参数： error_message information_message warning_message question_message plain_message,示例,不同类型模式对话框示例 optiondialogtest.java,创建对话框,如何创建一个对话框？可遵循以下几个步骤： 1. 创建一个派生自jdialog类的子类。 2. 在子类的构造器中，需要进行以下工作： (1) 调用超类的构造器，用于指定对话框的拥有者(owner frame)，（也可以设置为null，但这样对话框有可能被隐藏在其它窗口后面），对话框的标题以及是否模式对话框 (2) 添加对话框的用户界面组件 (3) 添加相应的事件处理器 (5) 设置对话框的大小,举例：创建一个about对话框,public aboutdialog extends jdialog public aboutdialog(jframe owner) /调用超类构造器 super(owner, “about dialogtest”, true); /添加组件和事件监听器，true参数表示该对话框为模式对话框 add(new jlabel(“), borderlayout.center); jpanel panel = new jpanel(); jbutton ok = new jbutton(“ok“); ok.addactionlistener(new actionlistener() public void actionperformed(actionevent event) setvisible(false); ); panel.add(ok); add(panel, borderlayout.south); setsize(250, 150); /设置对话框大小 ,演示dialogtest.java,2. 文件对话框,文件对话框用于帮助用户打开或者保存文件。下面是建立文件对话框并且获取用户选择信息的步骤： 1. 建立一个jfilechooser对象。与jdialog类构造器不同，这种对象不需要指定父组件，因而允许在多个框架中重用一个文件选择器： jfilechooser chooser = new jfilechooser(); 2. 调用setcurrentdirectory方法设置当前目录 chooser.setcurrentdirectory(new file(“.“); 3. 如果要指定一个默认的文件名，可以使用setselectedfile方法： chooser.setselectedfile(new file(filename);,文件对话框（续）,4. 如果要允许用户能同时选中多个文件，可以使用setmultiselectionenabled方法： chooser.setmultiselectionenabled(true); 5. 如果希望在对话框中只显示某一类型的文件(如所有.gif文件)，则需要文件过滤器。(后面讨论) 6. 默认情况下只能选中文件，如果希望允许用户选择目录，则需要使用setfileselectionmode方法，相关参数值为： jfilechooser.files_only / jfilechooser.directories_only / jfilechooser.files_and_directories 例如：chooser.setfilesel