圖形界面設(shè)計(第版)

第12章

圖形界面設(shè)計1本章主要內(nèi)容圖形用戶界面工具包SwingSwing組件分類Swing容器的內(nèi)部結(jié)構(gòu)創(chuàng)建組件窗口的布局管理設(shè)計2CompanyLogo12.1圖形用戶界面概述圖形用戶界面(GraphicsUserInterface，GUI）用圖形的方式，借助菜單。按鈕等標準界面元素和鼠標操作，幫助用戶方便地向計算機系統(tǒng)發(fā)出指令、啟動操作，并將系統(tǒng)運行的結(jié)果同樣以圖形方式顯示給用戶的技術(shù)。Java的GUI程序設(shè)計是Java程序設(shè)計的基礎(chǔ)。Java提供的兩個處理圖形用戶界面的類庫Java.awt包和javax.swing包

抽象窗口工具集awt的擴展，根據(jù)給定環(huán)境調(diào)整外觀和感覺。3CompanyLogo12.2圖形用戶界面工具包－SwingJava圖形用戶界面的基本元素包括：用戶界面組件（組件類）、事件處理模塊（事件類）、圖形和圖像工具（圖形類、圖像類）、布局管理器（布局類）等。java組件類的繼承關(guān)系見教材圖12.14CompanyLogo12.2.1Swing組件分類組件：構(gòu)成圖形用戶界面的各種元素。構(gòu)建圖形用戶界面的類可以分成三組：容器類(containerclass)、輔助類(helperclass)和組件類(componentclass)。Swing輕型組件的分類見教材表12.1容器類容器又分為兩種：頂層容器和非頂層容器。頂層容器是可以獨立的窗口，Swing的頂層容器有JFrame、JApplet和JDialog等；非頂層容器，不是獨立的窗口，它們必須位于窗口之內(nèi)，非頂層容器包括JPanel及JScrollPanel等。5CompanyLogo12.2.1Swing組件分類輔助類輔助類是用來描述組件屬性的，輔助類通常包含在java.awt包中。組件類所有SwingGUI組件類（除JFrame、JApplet和JDialog）都是JComponent類的子類，例如，JButton、JTextField、JTextArea、JComboBox、JList、JRadioButton和JMenu等。6CompanyLogo12.2.1Swing組件分類Swing容器的層次關(guān)系一般的Swing窗口，實際上包含幾個“層次”，各個層的關(guān)系如圖12.2所示?？蚣茴怞Frame它是Java應用程序的頂層容器。面板類Jpanel面板是一種沒有標題欄、沒有邊框的中間層容器，面板不是頂層容器，必須放到其他容器內(nèi)，也可以放入另一個面板內(nèi)。7見教材例12.1見教材例12.2CompanyLogo12.2.1Swing組件分類非容器類又稱控制組件（控件），它里面不能包含其他組件。作用：完成與用戶的交互，包括接收用戶的命令、接收用戶輸入的文本或用戶的選擇、向用戶顯示文本或圖形。常用控件：命令類、選擇類、文字處理類等式8CompanyLogo12.2.1Swing組件分類圖形界面設(shè)計的步驟創(chuàng)建組件(Component)：創(chuàng)建組成界面的各種元素，如按鈕、文本框等。指定布局(Layout)：根據(jù)具體需要排列界面上各元素的位置關(guān)系。響應事件(Event)：定義圖形用戶界面的事件和各界面元素對不同事件的響應，從而實現(xiàn)圖形用戶界面與用戶的交互功能。9CompanyLogo12.2.2顏色類、字體類與圖標類顏色類Color屬于java.awt每種顏色均看作是由紅(R)、綠(G)、藍(B)三色組成。構(gòu)造方法：Color(intr,intg,intb)顏色變量見教材表12.10字體類Font用來規(guī)范組件所用的字體樣式、大小與字形等。構(gòu)造方法：Font(Stringfont_name,intstyle,intsize)參數(shù)取值0——255，越大則表明這種顏色的成分越重。字體名稱字形樣式：PLAIN、BOLD、ITALIC字號大小10CompanyLogoCompanyLogo12.2.2顏色類、字體類與圖標類圖像圖標類ImageIconJava語言使用javax.swing.ImageIcon類表示圖標。表12.12給出了ImageIcon類的常用構(gòu)造方法，表12.13給出了ImageIcon類的常用方法。11CompanyLogoCompanyLogo12.3創(chuàng)建組件12.3.1創(chuàng)建標簽12.3.2創(chuàng)建命令按鈕12.3.3創(chuàng)建文本編輯組件12.3.4創(chuàng)建復選框組件12CompanyLogoCompanyLogo12.3.1標簽JLabelJLabel（javax.swing）標簽用來在窗口中顯示文字的控件構(gòu)造方法及常用方法見教材表12.14、12.15見教材例12.3、12.413CompanyLogoCompanyLogoJButton（javax.swing）用戶用鼠標單擊它來控制程序運行的流程。JButton創(chuàng)建后通過容器的add()將其放入容器。構(gòu)造方法及常用方法見教材表12.16、12.17見教材例12.5、12.414CompanyLogo12.3.2命令按鈕、復選框和單選按鈕CompanyLogoJCheckBox和JRadioButton（javax.swing）JCheckBox可以單獨使用，而單選按鈕必須配合javax.swing包中的ButtonGroup類將其組成單選按鈕組來使用構(gòu)造方法及常用方法見教材表12.18見教材例12.615CompanyLogo12.3.2命令按鈕、復選框和單選按鈕CompanyLogo12.3.3文本編輯組件與滾動窗格文本行組件JTextField主要用于接收用戶鍵盤輸入的文本密碼文本行組件JPasswordField主要用于輸入密碼文本區(qū)組件JTextArea通常與滾動窗格組件JScrollPane一起使用這幾種組件類的構(gòu)造方法及常用方法見教材中表12.20—12.24應用見教材例12.716CompanyLogoCompanyLogo12.3.4選項窗格組件選項窗格JTabbedPaneJTabbedPane組件中允許包含多個選項卡。用戶選取項目的一種組件，用戶利用該組件來表JTabbedPane類的構(gòu)造方法及常用方法見教材中表12.25、12.26應用見教材例12.817CompanyLogoCompanyLogo12.4布局管理器布局管理即頁面管理。頁面管理（layout）：指窗口上的組件遵循一定的規(guī)則來排列，并會隨著窗口大小的變化來改變組件大小與位置的一種布局方式。自動布局：當為一個容器指定一個布局管理器后，將一個組件加入該容器中時，布局管理器就能自動設(shè)置該組件的大小和位置。java.awt包中共定義了五種布局管理器，每個布局管理器對應一種布局策略，分別是：流式布局管理器FlowLayout、邊界式布局管理器BorderLayout、卡片式布局管理器CardLayout、網(wǎng)格式布局管理器GridLayout和網(wǎng)袋布局管理器GridBagLayout。18CompanyLogoCompanyLogo12.4.1流式布局管理器FlowLayout布局策略組件按照加入容器的先后順序從左向右排列；一行排滿后就自動地轉(zhuǎn)到下一行繼續(xù)從左向右排列；每一行中的組件都居中排列。FlowLayout布局管理器是Panel、Applet和JPanel默認的布局管理方式。布局管理器的容器中的組件大小不隨容器大小的變化而改變.構(gòu)造方法及常用方法見教材表12.27－12.29見教材例12.919CompanyLogoCompanyLogo12.4.2邊界式布局管理器BorderLayout將顯示區(qū)域按地理方位分為東(East)、西(West)、

南(South)、北(North)、中(Center)五個區(qū)域。將組件加入容器中，若沒有指定區(qū)域，則默認為

中間；若將組件加入到已被占用的位置，將會取

代原先的組件。利用add()添加組件時必須指出組件的擺放位置。構(gòu)造方法及常用方法見教材表12.30－12.32見教材例12.1020CompanyLogoCompanyLogo12.4.3網(wǎng)格式布局管理器GridLayout提供的頁面布局規(guī)則是將容器的空間劃分成若干行與列的網(wǎng)格形式，在容器上添加組件時，它們會按從左到右、從上到下的順序在網(wǎng)格中均勻排列。網(wǎng)格的行數(shù)和列數(shù)可以在創(chuàng)建GridLayout對象的構(gòu)造方法里指定。若控件數(shù)正好是行×列，則按行、列數(shù)放置；若控件數(shù)超過了行×列，則先滿足行。利用GridLayout布局策略時，容器中各組件的寬度相同，所有組件的高度也相同，當容器尺寸發(fā)生變化時，各組件的相對位置不變。構(gòu)造方法及常用方法見教材表12.33、12.34見教材例12.1121CompanyLogo通過行列、間距來用網(wǎng)格分割，把組件放入網(wǎng)格中，先行后列擺放組件CompanyLogo12.4.4卡片式布局管理器CardLayout頁面布局方式是把“窗口容器”中的所有組件如同堆疊起來的一付“撲克牌”，每次只能顯示最上面的一張一樣，這個被顯示的組件將占據(jù)所有的容器空間。使用add()往窗口容器中加入組件時應為每個組件賦予一個名字。依據(jù)這個名字利用CardLayout類所提供的方法來控制其他組件是否顯示。該布局方式每次僅有一個組件是可見的。構(gòu)造方法及常用方法見教材表12.35、12.36見教材例12.1222CompanyLogoCompanyLogo12.4.5格包布局管理器GridBagLayout將容器中的組件按行、列的位置擺放，但各組件所占據(jù)的空間可以是互不相同的?？梢詾槊總€組件指定其占據(jù)的網(wǎng)格數(shù)，可以保留組件原來的大小，可以按任意順序隨意加入容器的任意位置，從而可以真正自由地安排容器中的組件的大小和位置。構(gòu)造方法及常用方法見教材表12.37－12.40見教材例12.1323CompanyLogo12.4.