图形用户界面程序设计入门.ppt

第12章图形用户界面程序设计入门,学习目标,浏览简单的GUI组件(12.2).描述JavaGUI的API层次结构(12.3).使用框架、面板和简单的GUI组件创建用户界面(12.4).理解布局管理器的作用(12.5).使用FlowLayout,GridLayout,和BorderLayout布局管理器在容器中设置组件的布局(12.5).使用Color和Font类(12.6-12.7).使用JPanel创建子容器(12.8).使用paintComponent方法在面板上画图(12.9).使用Graphics类中的绘图方法绘制字符串、直线、矩形、椭圆、弧形、多边形等(12.9).,GUI组件,/CreateabuttonwithtextOKJButtonjbtOK=newJButton(OK);/CreatealabelwithtextEnteryourname:JLabeljlblName=newJLabel(Enteryourname:);/CreateatextfieldwithtextTypeNameHereJTextFieldjtfName=newJTextField(TypeNameHere);/CreateacheckboxwithtextboldJCheckBoxjchkBold=newJCheckBox(Bold);/CreatearadiobuttonwithtextredJRadioButtonjrbRed=newJRadioButton(Red);/Createacomboboxwithchoicesred,green,andblueJComboBoxjcboColor=newJComboBox(newStringRed,Green,Blue);,按钮,标签,文本框,复选框,单选按钮,组合框,Swingvs.AWT,为什么GUI组件的类名都有前缀J呢？为什么不用Button，而用JButton呢？刚引入java的时候，图形组件存放于抽象窗口工具集（AWT）。AWT适合开发简单图形界面，对复杂的GUI项目不适用，因为它的解决方案非常适用于底层平台.随着Java2的发行,AWT逐渐被更稳定、通用、灵活的库取代，即Swing组件库（Swingcomponents）.java.awt.Window或java.awt.Panel子类的组件必须使用具体平台上的本地GUI来绘制。.不依赖本地GUI的Swing组件成为轻型组件，AWT组件称为重型组件。SwingGUI组件类的开都有前缀字母J。,GUI程序所用类的层次结构图,Container类,Container类用来包含其它组件。,GUI辅助类,辅助类是组件和容器用来绘制和放置对象的。,SwingGUI组件,核心组件,扩展组件,AWT组件,框架Frames,Frame是不能包含在其它窗口内的窗口.在javaGUI程序中，它是包含其他Swing用户界面组件的容器。,创建框架,Run,importjavax.swing.*;publicclassMyFramepublicstaticvoidmain(Stringargs)JFrameframe=newJFrame(TestFrame);frame.setSize(400,300);frame.setVisible(true);frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);,在Frame中添加组件,/Addabuttonintotheframeframe.getContentPane().add(newJButton(OK);,Run,MyFrameWithComponents,Titlebar,Contentpane,注,内容窗格（contentpane）是Container的一个子类。添加控件也可以使用以下语句:Containercontainer=frame.getContentPane();container.add(newJButton(OK);内容窗格伴随着JFrame对象的创建而创建的，getContentPane方法简单地返回该内容窗格的引用，可以使用这个引用访问内容窗格。,框架居中,Run,CenterFrame,默认情况下，框架在屏幕的左上角显示。,布局管理器,Java的布局管理器提供了一层抽象，自动把用户界面映射到所有的窗口系统。Java的GUI组件在容器中的位置由容器的布局管理器来安排。使用setLayout(LayoutManager)方法在容器中设置布局管理器。,布局管理器种类,FlowLayout(Chapter12)GridLayout(Chapter12)BorderLayout(Chapter12)其他布局管理器将在下册介绍。,FlowLayout布局管理器,FlowLayout布局管理器按照添加的顺序，由左到右将组件排列在容器中，放满一行，就开始新的一行。,Run,FlowLayout布局管理器,ShowFlowLayout,Run,使用FlowLayout布局管理器方式,FlowLayout构造方法,publicFlowLayout(intalign,inthGap,intvGap)根据指定的对齐方式、水平间距和垂直间距构造一个新的FlowLayout对象。间距用像素度量。publicFlowLayout(intalignment)根据指定的对齐方式构造一个新的FlowLayout对象。默认的间距为5个像素。publicFlowLayout()构造一个新的FlowLayout对象，默认的对齐方式是居中。默认的间距为5个像素。,GridLayout布局管理器,根据构造方法定义的行数和列数，GridLayout布局管理器以网格（矩阵）的形式排列组件。组件按照添加的顺序从左到右排列。,ShowGridLayout,Run,GridLayout布局管理器,使用GridLayout布局管理器方式,ShowGridLayout,Run,GridLayout构造方法,publicGridLayout(introws,intcolumns)指定行和列publicGridLayout(introws,intcolumns,inthGap,intvGap)指定行、列、水平间距和垂直间距,BorderLayout布局管理器,BorderLayout布局管理器将窗口分成5个区：东区、南区、西区、北区和中央。,ShowBorderLayout,Run,使用add(Component,index)方法添加组件,index可以是：BorderLayout.EAST,BorderLayout.SOUTH,BorderLayout.WEST,BorderLayout.NORTH,BorderLayout.CENTER.,BorderLayout布局管理器,ShowBorderLayout,Run,12.6颜色类Color,可以使用java.awt.Color类为GUI组件设置颜色.颜色由红、绿、蓝三原色组成.Colorc=newColor(r,g,b);例如:Colorc=newColor(228,100,255);,标准颜色,java.awt.Color中定义了十三种标准颜色(black,blue,cyan,darkGray,gray,green,lightGray,magenta,orange,pink,red,white,yellow).从JDK1.4,修改了常量命名习惯，可以使用:BLACK,BLUE,CYAN,DARK_GRAY,GRAY,GREEN,LIGHT_GRAY,MAGENTA,ORANGE,PINK,RED,WHITE,andYELLOW.,设置颜色,可以使用如下方法设置前景色和背景色:setBackground(Colorc)setForeground(Colorc)Example:jbt.setBackground(Color.yellow);jbt.setForeground(Color.red);,12.7Font类,FontmyFont=Font(name,style,size);Example:FontmyFont=newFont(SansSerif,Font.BOLD,16);FontmyFont=newFont(Serif,Font.BOLD+Font.ITALIC,12);JButtonjbtOK=newJButton(OK“);jbtOK.setFont(myFont);,字体名：所有平台都支持的字体:SansSerif,Serif,Monospaced,Dialog,orDialogInput.,字型Font.PLAIN(0),Font.BOLD(1),Font.ITALIC(2),andFont.BOLD+Font.ITALIC(3),查找所有可以使用的字体,GraphicsEnvironmente=GraphicsEnvironment.getLocalGraphicsEnvironment();Stringfontnames=e.getAvailableFontFamilyNames();for(inti=0;ifontnames.length;i+)System.out.println(fontnamesi);,12.8使用面板作为子容器,可以使用newJPanel()创建一个带默认布局管理器FlowLayout的面板,也可以使用newJPanel(LayoutManager)创建一个指定布局管理器的面板.使用add(Component)方法给面板添加一个组件.JPanelp=newJPanel();p.add(newJButton(OK);给JFrame添加组件,实际上添加到了的内容窗格中.,Example12.4Panels示例,使用面板组织组件.创建一个微波炉的用户界面。,TestPanels,Run,12.9在面板上绘制图形,JPanel可以用作组织组件的小容器，另一个重要的作用是绘制图形.要在面板上画图，需要创建一个由JPanel扩展的新类，并且覆盖paintComponent方法告知面板如何画图。在面板上可以显示文字、绘制图形和图像.,paintComponent方法,paintComponent方法的头标志:protectedvoidpaintComponent(Graphicsg)TheGraphics对象由JVM为每个GUI组件自动创建。绘制字符串:publicvoiddrawString(Stringstring,intx,inty),在面板上绘制图形,publicclassDrawMessageextendsJPanel/*Mainmethod*/publicstaticvoidmain(Stringargs)JFrameframe=newJFrame(DrawMessage);frame.getContentPane().add(newDrawMessage();frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);frame.setSize(300,200);frame.setVisible(true);/*Paintthemessage*/protectedvoidpaintComponent(Graphicsg)super.paintComponent(g);g.drawString(WelcometoJava!,40,40);,Run,(40,40),Java坐标系统,(0,0),XAxis,YAxis,(x,y),x,y,Java坐标系统,XAxis,传统坐标系统,(0,0),YAxis,注,Graphics类是提供设备无关图形界面的一个抽象类，它可以在不同平台的屏幕上显示图形和图像。无论何时，只要显示一个组件，就会为它创建一个对象Graphics（即图形环境）。当组件第一次显示或需要重新显示的时候，paintComponent方法会被自动调用来绘制图形环境。为了确保在一幅新图显示之前视图区域是干净的，有必要调用super.paintComponent(g)方法。,绘制几何图形,绘制直线绘制矩形绘制椭圆绘制弧形绘制多边形,绘制直线,drawLine(intx1,inty1,intx2,inty2);,绘制矩形,drawRect(intx,inty,intw,inth);fillRect(intx,inty,intw,inth);,绘制圆角矩形,drawRoundRect(intx,inty,intw,inth,intaw,intah);fillRoundRect(intx,inty,intw,inth,intaw,intah);,DrawRectangles,Run,绘制椭圆,drawOval(intx,inty,intw,inth);fillOval(intx,inty,intw,inth);,DrawOvals,Run,绘制弧形,drawArc(intx,inty,intw