圖形用戶界面(GUI)設(shè)計1概要課件

《Java程序設(shè)計》

圖形用戶界面（GUI）設(shè)計（1）主講教師：于潔E-Mail：xpgroup@1《Java程序設(shè)計》

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