Java程序設(shè)計（第3版）教案 單元設(shè)計-單元4 圖形用戶界面程序設(shè)計

第1頁共9頁《Java程序設(shè)計》課程教學(xué)單元設(shè)計單元4圖形用戶界面程序設(shè)計授課教師：Java語言課程組授課班級:單元總學(xué)時：12教學(xué)條件軟件開發(fā)平臺、投影設(shè)備、廣播軟件教學(xué)素材參考教材、課件、授課錄像教學(xué)目標設(shè)計知識目標：掌握使用布局管理器進的概念和類型；理解AWT的概念和主要方法；掌握按鈕事件處理步驟和接口中的方法；掌握常用Swing組件的分類和創(chuàng)建過程；掌握菜單及對話框創(chuàng)建和事件響應(yīng)方法。能力目標：運用布局管理器進行頁面開發(fā)方法；運用AWT圖形設(shè)計思想解決實際問題；能會處理按鈕的ActionEvent動作事件；應(yīng)用常用的Swing組件設(shè)計圖形界面；能會使用菜單及對話框進行程序設(shè)計。重點：布局管理器的幾種形式實現(xiàn)；Swing組件之間的信息傳遞；對話框的選擇。難點：Swing組件之間的信息傳遞；AWT圖形設(shè)計思想。教學(xué)內(nèi)容設(shè)計任務(wù)一：油耗計算程序設(shè)計；任務(wù)二：計算器界面設(shè)計；任務(wù)三：計算器事件處理；任務(wù)四：字體設(shè)置窗口程序設(shè)計；任務(wù)五：字體設(shè)置菜單設(shè)計。教學(xué)過程設(shè)計任務(wù)一：油耗計算程序設(shè)計（設(shè)計圖形用戶界面）（2課時）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動引入節(jié)能減排，人們越來越關(guān)心汽車油耗，利用GUI基本組件制作一個簡單的油耗計算器程序。那么就需要Java提供一些類來創(chuàng)建這個界面組件。教師運行程序教師啟發(fā)討論教師：演示學(xué)生：思考告知（教學(xué)內(nèi)容、教學(xué)目的）教學(xué)內(nèi)容：了解AWT抽象窗口工具包；使用Swing中的幾個簡單組件完成登陸功能。教學(xué)目的：認識圖形用戶界面創(chuàng)建過程；會創(chuàng)建Swing組件并簡單使用相應(yīng)事件。教師啟發(fā)講解課件演示教師：講授學(xué)生：思考任務(wù)簡介用戶在指定的區(qū)域輸入加油錢數(shù)，汽車跑的公里數(shù)，和汽油的價格，單擊“計算”按鈕，計算顯示百公里油耗。討論歸納課件演示教師：講授學(xué)生：思考任務(wù)分析可以定義一個窗口類，繼承自窗體類JFrame，并實現(xiàn)ActionListener接口。教師演示課件演示小組討論教師：講解演示學(xué)生：思考參與發(fā)言分組討論支撐知識圖形圖像界面GUI；圖象窗口工具包AWT；輕量級工具包Swing；JFrame、JPanel、JButton和JPasswordField、JTextField組件。討論歸納課件演示教師：演示學(xué)生：思考任務(wù)實施設(shè)計油耗計算器窗口；定義油耗計算器窗口類的構(gòu)造方法；定義actionPerformed單擊動作處理方法；定義main主方法，創(chuàng)建對象進行測試。教師演示和動手實踐分組實踐教師：演示講解指導(dǎo)學(xué)生：小組討論動手實踐分享交流組件的創(chuàng)建和事件處理個別演示分組討論教師：總結(jié)學(xué)生：演示分享交流課堂實訓(xùn)利用JavaSwing技術(shù)設(shè)計一個求解一元二次方程根的圖形圖像用戶界面應(yīng)用程序。動手實踐分組實踐教師：任務(wù)布置學(xué)生：小組討論動手實踐課后作業(yè)編寫一個學(xué)生信息登記界面分組學(xué)習(xí)提交作業(yè)教學(xué)過程設(shè)計任務(wù)二：計算器界面設(shè)計（使用布局管理器）（2課時）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動引入上節(jié)課做的界面可以看到每個組件都有擺放的位置，擺放的形式多樣，（演示不同擺放形式）那么怎么樣讓這么多組件有一個較為美觀的布局形式，需要使用Java的布局管理器。教師運行程序教師啟發(fā)討論教師：演示學(xué)生：思考告知（教學(xué)內(nèi)容、教學(xué)目的）教學(xué)內(nèi)容：布局管理器的概念；不同布局形式的創(chuàng)建和對比。教學(xué)目的：熟練使用流布局、邊界布局、網(wǎng)格布局和自定義布局改善用戶界面。教師啟發(fā)講解課件演示教師：講授學(xué)生：思考任務(wù)簡介設(shè)計計算器界面。編寫類似于Windows自帶的計算器程序?？梢詫崿F(xiàn)加減乘除等基本數(shù)學(xué)運算。本次任務(wù)只完成界面的設(shè)計和顯示任務(wù)，用戶操作響應(yīng)和計算功能在下次任務(wù)中完成。討論歸納課件演示教師：講授學(xué)生：思考任務(wù)分析計算器界面整體布局采用BorderLayout。在上部安放一個JTextField對象，作為結(jié)果顯示區(qū)。中部和右部各安放一個JPanel對象，作為嵌套用的容器。中部keyPanel對象采用GridLayout，設(shè)置為5行3列，每個單元格可以顯示一個按鈕，用于顯示數(shù)字鍵盤、小數(shù)點等按鈕。右部operatorPanel對象采用GridLayout，設(shè)置為4行1列，顯示加、減、乘、除四個按鈕。教師演示課件演示小組討論教師：講解演示學(xué)生：思考參與發(fā)言分組討論支撐知識布局管理器；流布局；網(wǎng)格布局；邊界布局；卡片布局；自定義布局和setBounds方法。討論歸納課件演示教師：演示學(xué)生：思考任務(wù)實施建立Calculator類指定超類JFrame；設(shè)置窗口布局BorderLayout；在上部添加JTextField對象result；在中部添加keyPanel及其上面的按鈕；在右部添加operatorPanel及其上面的按鈕；書寫main方法測試。教師演示和動手實踐分組實踐教師：演示講解指導(dǎo)學(xué)生：小組討論動手實踐分享交流各種布局管理的樣式和創(chuàng)建過程個別演示分組討論教師：總結(jié)學(xué)生：演示分享交流課堂實訓(xùn)利用JavaSwing技術(shù)設(shè)計一個能夠完成圖書信息錄入功能的GUI應(yīng)用程序動手實踐分組實踐教師：任務(wù)布置學(xué)生：小組討論動手實踐課后作業(yè)對上個任務(wù)中作業(yè)的學(xué)生基本信息登錄界面進行重新布局分組學(xué)習(xí)提交作業(yè)教學(xué)過程設(shè)計任務(wù)三：計算器事件處理（事件委托處理）（2課時）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動引入在日常生活中按鈕或是單選按鈕的點擊都會引起一些事的發(fā)生，那么Java對事件的處理是什么樣子？使用任務(wù)二中的例子來演示按鈕的點擊事件教師運行程序教師啟發(fā)討論教師：演示學(xué)生：思考告知（教學(xué)內(nèi)容、教學(xué)目的）教學(xué)內(nèi)容：委托事件處理機制；常用事件接口和方法。教學(xué)目的：掌握編寫事件處理程序的基本方法；熟練掌握對按鈕的ActionEvent動作事件處理。教師啟發(fā)講解課件演示教師：講授學(xué)生：思考任務(wù)簡介實現(xiàn)計算器計算功能。在上個任務(wù)的基礎(chǔ)上，添加用戶操作響應(yīng)代碼即事件處理代碼，完成計算器功能。討論歸納課件演示教師：講授學(xué)生：思考任務(wù)分析修改Calculator類定義使其實現(xiàn)ActionListener接口，在actionPerformed方法中添加事件處理代碼，并且為每個按鈕添加this（代表當前窗口對象）作為監(jiān)聽器。教師演示課件演示小組討論教師：講解演示學(xué)生：思考參與發(fā)言分組討論支撐知識Java事件處理機制；事件監(jiān)聽類；編寫事件處理程序基本方法；ActionEvent動作事件和ActionListener監(jiān)聽接口。討論歸納課件演示教師：演示學(xué)生：思考任務(wù)實施在任務(wù)二中Calculator類的代碼上，做如下修改：導(dǎo)入事件處理相關(guān)包java.awt.event.*；修改Calculator類使其實現(xiàn)接口ActionListener；增加actionPerformed方法，編寫按鈕點擊處理代碼，實現(xiàn)計算功能；為每一個按鈕對象添加當前Calculator類對象（this）作為監(jiān)聽器。教師演示和動手實踐分組實踐教師：演示講解指導(dǎo)學(xué)生：小組討論動手實踐分享交流事件處理機制和步驟個別演示分組討論教師：總結(jié)學(xué)生：演示分享交流課堂實訓(xùn)設(shè)計一個GUI程序，當點擊按鈕時記錄單機按鈕和單擊的次數(shù)并顯示在窗口中。動手實踐分組實踐教師：任務(wù)布置學(xué)生：小組討論動手實踐課后作業(yè)編寫一個關(guān)于按鈕的動作事件程序，創(chuàng)建兩個按鈕，對于“按鈕1”，單擊后將其變?yōu)椴豢梢姞顟B(tài)，“按鈕2”變?yōu)榭梢姞顟B(tài)。分組學(xué)習(xí)提交作業(yè)教學(xué)過程設(shè)計任務(wù)四：字體設(shè)置窗口程序設(shè)計（選擇控件和選擇事件）（2課時）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動引入在信息化時代，網(wǎng)絡(luò)投票因?qū)嵤┵M用低、群眾參與度廣等優(yōu)點已經(jīng)成為評議的重要方式，有時一些網(wǎng)站也需要用填寫一部分資料，運用單選按鈕或組合框可以使選擇變得更方便。教師運行程序教師啟發(fā)討論教師：演示學(xué)生：思考告知（教學(xué)內(nèi)容、教學(xué)目的）教學(xué)內(nèi)容：組合框JComBox、復(fù)選框JCheckBox、單選按鈕JRadioButton、按鈕組ButtonGroup和列表框Jlist。教學(xué)目的：熟練使用選擇控件構(gòu)造復(fù)雜用戶界面。教師啟發(fā)講解課件演示教師：講授學(xué)生：思考任務(wù)簡介設(shè)計一個簡單的實現(xiàn)字體設(shè)置窗口程序，可根據(jù)用戶選擇設(shè)置字體的種類、字號、字形、顏色等屬性。討論歸納課件演示教師：講授學(xué)生：思考任務(wù)分析字體顏色單選項和字形復(fù)選框分別通過JRadioButton和JCheckBox類進行創(chuàng)建并實現(xiàn)，字號選擇通過JList類實現(xiàn)，字體選擇通過JComboBox類實現(xiàn)。布局通過盒式布局嵌套實現(xiàn)，兩個水平的盒子放在一個垂直的盒子里。上面水平的盒子里放JComboBox、JList、JCheckBox、JRadioButton對象，下面水平盒子里放文本區(qū)JTextArea對象和按鈕對象。同時實現(xiàn)ItemListener和ActionListener接口，處理按鈕點擊和選擇控件的事件。教師演示課件演示小組討論教師：講解演示學(xué)生：思考參與發(fā)言分組討論支撐知識組合框JcomBox；復(fù)選框JcheckBox；單選按鈕JRadioButton；列表框Jlist；選擇事件。討論歸納課件演示教師：演示學(xué)生：思考任務(wù)實施定義類FontSet繼承JFrame實現(xiàn)ItemListener,ActionListener接口；通過JComboBox、JList、JCheckBox、JradioButton等對象實現(xiàn)GUI界面設(shè)計；為組件添加監(jiān)聽器；為ItemListener和ActionListener接口添加事件處理代碼；編寫main方法測試程序。教師演示和動手實踐分組實踐教師：演示講解指導(dǎo)學(xué)生：小組討論動手實踐分享交流選擇控件中的選擇事件的響應(yīng)和處理個別演示分組討論教師：總結(jié)學(xué)生：演示分享交流課堂實訓(xùn)設(shè)計一個簡單的測驗程序，可以進行單選題、復(fù)選題、判斷題測驗。可以選擇幾套試題之一。動手實踐分組實踐教師：任務(wù)布置學(xué)生：小組討論動手實踐課后作業(yè)設(shè)計一個簡單的網(wǎng)上購物程序，模擬網(wǎng)絡(luò)數(shù)碼產(chǎn)品購買；設(shè)計一個簡單學(xué)生信息登記界面程序。分組學(xué)習(xí)提交作業(yè)教學(xué)過程設(shè)計任務(wù)五：字體設(shè)置菜單設(shè)計（菜單及其他控件）（4課時）主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動引入每一個應(yīng)用程序包括網(wǎng)頁上都缺少不了菜單，他可以給用戶提供簡明清晰的信息。教師運行程序教師啟發(fā)討論教師：演示學(xué)生：思考告知（教學(xué)內(nèi)容、教學(xué)目的）教學(xué)內(nèi)容：下拉菜單和彈出式菜單創(chuàng)建；鼠標事件和鍵盤事件的創(chuàng)建；文字事件和窗口事件的創(chuàng)建。教學(xué)目的：掌握使用JMenuBar、JMenu和JMenuItem構(gòu)造應(yīng)用程序菜單；掌握使用JPopupMenu狗仔應(yīng)用程序彈出式菜單；了解鼠標事件、鍵盤事件、文字事件和窗口事件。教師啟發(fā)講解課件演示教師：講授學(xué)生：思考任務(wù)簡介本次任務(wù)是設(shè)計一個帶有菜單的圖形用戶界面程序，使用級聯(lián)菜單控制文字的字體和顏色。討論歸納課件演示教師：講授學(xué)生：思考任務(wù)分析建立一個有“字體”和“幫助”菜單的窗體，然后在“字體”的子菜單內(nèi)含有“樣式”、“顏色”和“退出”菜單項。幫助菜單要含有“關(guān)于”的菜單項，需要知道如何添加菜單和菜單項，如何響應(yīng)菜單項的點擊事件。教師演示課件演示小組討論教師：講解演示學(xué)生：思考參與發(fā)言分組討論支撐知識下拉菜單的使用；彈出式菜單的使用；鼠標事件處理（MouseEven）；鍵盤事件處理（KeyEven）；其他事件處理。討論歸納課件演示教師：演示學(xué)生：思考任務(wù)實施定義一個MenuTest菜單類，繼承自窗體類JFrame，并實現(xiàn)ActionListener接口；定義MenuTest構(gòu)造方法，首先通過JMenuBar建