（理實(shí)）《Java程序設(shè)計(jì)》圖形用戶界面（GUI）設(shè)計(jì) 課件

1《Java程序設(shè)計(jì)》

圖形用戶界面（GUI）設(shè)計(jì)（1）主講教師：于潔2復(fù)習(xí)數(shù)組和鏈表的區(qū)別ArrayList對(duì)象的創(chuàng)建ArrayList對(duì)象的應(yīng)用36.1GUI概述圖形用戶界面（GUI）提供給用戶直觀的操作界面和簡(jiǎn)化的操作手段Java提供java.awt包和javax.swing包進(jìn)行各種GUI元素的設(shè)計(jì)JDK1.6提供的GUI4容器容器組件（控件）GUI的基本元素如按鈕、菜單等必須放在一定的容器中56.2容器容器：容納各種組件（控件）的組件常用的容器：JFrame類：窗體有標(biāo)題和縮放功能JPanel類：面板必須被添加到窗體中才能顯示自身也可以包容其他JPanel對(duì)象6實(shí)踐：?jiǎn)?dòng)BlueJ并創(chuàng)建工程（工程名：GUI）7實(shí)踐：創(chuàng)建類“窗體”和“面板”修改“窗體”和“面板”類的代碼如下頁(yè)8實(shí)踐：修改“窗體”的代碼必須導(dǎo)入JFrame所在的包JFrame的常用方法9驗(yàn)證：“窗體”對(duì)象10驗(yàn)證：“窗體”對(duì)象的方法點(diǎn)擊BlueJ的菜單”View”—”ShowCodePad”在打開的代碼框中輸入如下代碼，回車，查看窗體變化。再次輸入上述代碼，但是將false改為true。11實(shí)踐：修改“面板”的代碼JPanel的常用方法12驗(yàn)證：“面板”對(duì)象創(chuàng)建“窗體”對(duì)象和“面板”對(duì)象各一個(gè)，向“窗體1”添加控件“面板1”136.3Swing組件（控件）1、標(biāo)簽JLabel（顯示文字或圖標(biāo)）2、列表框JList（從列表中選擇項(xiàng)目）3、按鈕JButton……14實(shí)踐：創(chuàng)建類“標(biāo)簽”、“列表框”、“按鈕”15實(shí)踐：修改“標(biāo)簽”的代碼16實(shí)踐：修改“列表框”的代碼Java中的類默認(rèn)都是Object類的子類17實(shí)踐：修改“按鈕”的代碼18驗(yàn)證：創(chuàng)建Swing對(duì)象"2008奧運(yùn)會(huì)在哪里舉辦？"{"北京","悉尼","羅馬”}新建“窗體”“面板”對(duì)象19驗(yàn)證：組裝對(duì)象1、調(diào)用“面板1”的“添加控件”方法將“標(biāo)簽1”加入“面板1”2、調(diào)用“面板1”的“添加控件”方法將“列表框1”加入“面板1”3、調(diào)用“面板1”的“添加控件”方法將“按鈕1”加入“面板1”20驗(yàn)證：組裝對(duì)象4、調(diào)用“窗體1”的“添加控件”方法將“面板1”加入窗體121驗(yàn)證：組裝對(duì)象5、調(diào)用“窗體1”的“刷新”方法22驗(yàn)證：窗體的pack()方法在打開的代碼框（CodePad）中輸入如下代碼，回車，查看窗體變化。236.4容器布局Java提供了FlowLayout、GridLayout等多種布局管理器實(shí)現(xiàn)對(duì)Swing組件（控件）的布局管理讓組件擺放在合適的位置24實(shí)踐：創(chuàng)建類“流式布局”、“表格布局”修改“流式布局”和“表格布局”代碼如下頁(yè)25實(shí)踐：修改“流式布局”的代碼26實(shí)踐：修改“表格布局”的代碼27實(shí)踐：再次如下創(chuàng)建Swing對(duì)象"2008奧運(yùn)會(huì)在哪里舉辦？"{"北京","悉尼","羅馬”}新建“窗體”“面板”對(duì)象28實(shí)踐：組裝對(duì)象1、調(diào)用“面板1”的“添加控件”方法將“標(biāo)簽1”加入“面板1”2、調(diào)用“面板1”的“添加控件”方法將“列表框1”加入“面板1”3、調(diào)用“面板1”的“添加控件”方法將“按鈕1”加入“面板14、調(diào)用“窗體1”的“添加控件”方法將“面板1”加入窗體15、調(diào)用“窗體1”的“刷新”方法29驗(yàn)證：創(chuàng)建“表格布局”對(duì)象1234調(diào)用“面板1”的“設(shè)置布局”方法設(shè)置為“表格布局1”30驗(yàn)證：“表格布局”效果調(diào)用“窗體1”的“刷新”方法31總結(jié)1、JavaGUI2、容器（JFrame、JPanel）3、Swing組件4、容器布局32演練：調(diào)整布局表格布局會(huì)自動(dòng)拉伸組件（控件）填充面板，流式布局則會(huì)保持控件原始大小，請(qǐng)嘗試完成如下布局：33《Java程序設(shè)計(jì)》

圖形用戶界面（GUI）設(shè)計(jì)（2）主講教師：于潔34遙控炸彈是怎樣制作的？35炸彈是如何引爆的？事件源Source監(jiān)聽器對(duì)象Listener事件Event事件處理代碼36按鈕事件是如何觸發(fā)的？屬性：．．．方法：事件源Source事件Event監(jiān)聽器對(duì)象Listener事件處理代碼37什么是監(jiān)聽器？動(dòng)作監(jiān)聽接口：ActionListener該接口定義的方法：actionPerformed(ActionEvente)具體的實(shí)現(xiàn)屬性：．．．方法：{......//事件處理代碼......}38什么是事件（Event）？事件：低級(jí)事件和語(yǔ)義事件低級(jí)事件包括圖形操作系統(tǒng)發(fā)生的事件，或者低級(jí)的輸入事件例如：移動(dòng)鼠標(biāo)、按下鼠標(biāo)鍵、放開鼠標(biāo)鍵、按下一個(gè)按鍵、放開一個(gè)按鍵等等語(yǔ)義事件：幾種低級(jí)事件的組合例如用戶點(diǎn)擊按鈕，或者用戶在文本框中輸入文字之后按回車，或者用戶在組合框中選擇了一項(xiàng)等等39實(shí)踐：?jiǎn)?dòng)BlueJ并創(chuàng)建工程（GUI2），創(chuàng)建如下類和接口40請(qǐng)注意以下類和接口41實(shí)踐：修改“窗體”的代碼42實(shí)踐：修改“面板”的代碼43實(shí)踐：修改

“動(dòng)作接口”

“動(dòng)作監(jiān)聽器”

的代碼動(dòng)作接口做什么用？44實(shí)踐：修改“標(biāo)簽”的代碼45實(shí)踐：修改“按鈕”的代碼46實(shí)踐：修改“列表框”的代碼47實(shí)踐：修改“流式布局”、“表格布局”的代碼48驗(yàn)證：創(chuàng)建容器和控件49驗(yàn)證：組裝容器1、窗體1添加面板12、面板1添加按鈕13、調(diào)用窗體1的“刷新”方法嘗試點(diǎn)擊50驗(yàn)證：創(chuàng)建監(jiān)聽器1、創(chuàng)建動(dòng)作監(jiān)聽器