序號(hào)：25章節(jié)名稱(chēng)項(xiàng)目13GUI編程（二）教學(xué)課時(shí)2授課班級(jí)人工智能2501、2502授課時(shí)間授課地點(diǎn)教學(xué)目標(biāo)知識(shí)目標(biāo)1.熟悉Tkinter三種布局方式（Pack、Grid、Place）的特點(diǎn)與適用場(chǎng)景。

2.掌握Grid布局（row、column、columnspan、rowspan）和Place布局（x、y、width、height）的使用方法。

3.掌握組件交互的實(shí)現(xiàn)方式：事件處理器（command參數(shù)）與事件綁定（bind()方法）。

4.理解組件間交互邏輯（如按鈕點(diǎn)擊更新標(biāo)簽、復(fù)選框選擇觸發(fā)消息框）。能力目標(biāo)1.能根據(jù)界面需求選擇合適的布局方式（Grid用于表格類(lèi)布局，Place用于精準(zhǔn)定位）。

2.能通過(guò)command參數(shù)為按鈕綁定回調(diào)函數(shù)，通過(guò)bind()方法綁定鼠標(biāo)、鍵盤(pán)事件。

3.能實(shí)現(xiàn)復(fù)雜GUI交互功能（如點(diǎn)餐按鈕彈出提示、用餐人數(shù)選擇觸發(fā)消息框、特價(jià)圖片點(diǎn)擊打開(kāi)新窗口）。素質(zhì)目標(biāo)1.培養(yǎng)界面布局的邏輯性與美觀性，樹(shù)立“簡(jiǎn)潔、易用、美觀”的GUI設(shè)計(jì)理念。

2.強(qiáng)化問(wèn)題解決能力，能分析組件交互中的邏輯關(guān)系（如事件觸發(fā)與響應(yīng)），提升系統(tǒng)思維。

3.結(jié)合餐館點(diǎn)餐案例，傳承中華飲食文化，培養(yǎng)將編程技術(shù)與生活場(chǎng)景結(jié)合的創(chuàng)新能力。教學(xué)內(nèi)容主要內(nèi)容1.組件的布局

-布局概述：Tkinter布局的作用，三種布局方式（Pack、Grid、Place）的區(qū)別。

-Grid布局：row（行）、column（列）指定位置，columnspan（跨列）、rowspan（跨行）實(shí)現(xiàn)組件跨區(qū)域，適用于表格類(lèi)界面（如登錄界面）。

-Place布局：x、y（坐標(biāo)）、width、height（大小）實(shí)現(xiàn)精準(zhǔn)定位，適用于對(duì)位置要求嚴(yán)格的界面（如菜單展示界面）。

2.組件交互

-組件交互概念：用戶(hù)與組件、組件間的響應(yīng)關(guān)系（如按鈕點(diǎn)擊更新標(biāo)簽）。

-事件處理器：通過(guò)組件command參數(shù)綁定回調(diào)函數(shù)（如Button的command調(diào)用函數(shù)）。

-事件綁定：bind()方法綁定事件（如鼠標(biāo)點(diǎn)擊<Button-1>、鍵盤(pán)按鍵<Up>），事件對(duì)象（event.keysym等屬性）的使用。重點(diǎn)1.Grid布局（row、column、columnspan、rowspan）和Place布局（x、y坐標(biāo)）的使用。

2.組件交互的實(shí)現(xiàn)：command參數(shù)綁定函數(shù)、bind()方法綁定事件。

措施：通過(guò)案例（登錄界面Grid布局、菜單界面Place布局、點(diǎn)餐交互功能）分解知識(shí)點(diǎn)，設(shè)計(jì)分步實(shí)操任務(wù)（基礎(chǔ)：布局實(shí)現(xiàn)；進(jìn)階：交互功能添加）強(qiáng)化練習(xí)。難點(diǎn)1.Grid布局中組件跨列（columnspan）、跨行（rowspan）的邏輯，避免組件重疊。

2.bind()方法中事件類(lèi)型（如<Button-1>、<Up>）的記憶與事件對(duì)象屬性（event.keysym）的應(yīng)用。

措施：結(jié)合網(wǎng)格示意圖講解Grid布局的行列邏輯，通過(guò)對(duì)比案例（不同事件類(lèi)型的綁定效果）明確事件綁定規(guī)則，針對(duì)常見(jiàn)錯(cuò)誤（如行列索引設(shè)置錯(cuò)誤、事件類(lèi)型寫(xiě)錯(cuò)）專(zhuān)項(xiàng)講解。教法改革教學(xué)方法講授法、演示法、實(shí)操法、案例分析法、分組討論法教學(xué)手段多媒體教學(xué)、編程環(huán)境實(shí)操、任務(wù)驅(qū)動(dòng)練習(xí)教學(xué)反思作業(yè)及學(xué)習(xí)評(píng)價(jià)表學(xué)習(xí)評(píng)價(jià)表評(píng)價(jià)內(nèi)容自評(píng)同桌評(píng)師評(píng)能合理選擇窗口布局能熟練交互各組件能積極回答教師的提問(wèn)能積極參與小組討論評(píng)價(jià)指標(biāo)A．優(yōu)秀B.一般C.較差二、教學(xué)設(shè)計(jì)教學(xué)步驟教學(xué)內(nèi)容與情境設(shè)計(jì)教師活動(dòng)學(xué)生活動(dòng)時(shí)間分配情境導(dǎo)入1.結(jié)合阿曹制作界面時(shí)發(fā)現(xiàn)組件位置與設(shè)想不符，以及想實(shí)現(xiàn)組件間交互的場(chǎng)景，提問(wèn)：“如何讓界面中的按鈕、輸入框等組件按表格整齊排列？如何實(shí)現(xiàn)點(diǎn)擊按鈕后彈出新窗口、更新文本等效果？”

2.明確任務(wù)目標(biāo)：掌握Tkinter布局方式與組件交互，實(shí)現(xiàn)美觀且功能完善的GUI界面。

【課程思政】通過(guò)界面布局優(yōu)化和交互功能實(shí)現(xiàn)，培養(yǎng)“精益求精”的工匠精神，理解良好的用戶(hù)體驗(yàn)來(lái)自細(xì)節(jié)設(shè)計(jì)。引入場(chǎng)景、提問(wèn)、明確目標(biāo)思考問(wèn)題，聯(lián)想常用軟件界面的布局（如登錄界面的賬號(hào)密碼框排列）和交互（如點(diǎn)擊按鈕提交表單）5分鐘知識(shí)講解11.布局方式概述（3分鐘）

-對(duì)比三種布局：Pack（簡(jiǎn)單垂直/水平排列）、Grid（表格布局，適合登錄、表單）、Place（絕對(duì)定位，適合精準(zhǔn)布局）。

2.Grid布局（7分鐘）

-演示Grid核心參數(shù)：row（行索引，從0開(kāi)始）、column（列索引）、columnspan（跨列數(shù)）、rowspan（跨行數(shù)），結(jié)合“點(diǎn)菜登錄界面”案例（標(biāo)題跨2列、登錄按鈕跨2列）講解布局邏輯。

3.Place布局（5分鐘）

-演示Place參數(shù)：x（水平坐標(biāo)）、y（垂直坐標(biāo)）、width（寬度）、height（高度），結(jié)合“飯館菜單界面”案例（圖片、按鈕按坐標(biāo)定位）講解使用場(chǎng)景。

【課程思政】通過(guò)Grid布局的整齊有序，培養(yǎng)邏輯思維與規(guī)范意識(shí)；通過(guò)Place布局的精準(zhǔn)定位，培養(yǎng)細(xì)致認(rèn)真的操作習(xí)慣。PPT講解、代碼演示（分別用Grid實(shí)現(xiàn)登錄界面、Place實(shí)現(xiàn)菜單界面）記錄兩種布局的參數(shù)與適用場(chǎng)景，觀察Grid布局中跨列/跨行效果，理解Place布局的坐標(biāo)邏輯15分鐘實(shí)操演練任務(wù)：飯館點(diǎn)菜界面創(chuàng)建（例1.4、例1.5）

-任務(wù)1：用Grid布局實(shí)現(xiàn)“點(diǎn)菜登錄界面”（標(biāo)題、用戶(hù)名/密碼標(biāo)簽與輸入框、登錄按鈕按表格排列）；

-任務(wù)2：用Place布局實(shí)現(xiàn)“飯館菜單界面”（三個(gè)菜系圖片、文本、按鈕按坐標(biāo)定位，特價(jià)海報(bào)與用餐人數(shù)復(fù)選框合理排列）。

【課程思政】通過(guò)登錄界面和菜單界面的實(shí)操，體會(huì)GUI布局對(duì)用戶(hù)體驗(yàn)的影響，培養(yǎng)“以用戶(hù)為中心”的設(shè)計(jì)思維。巡回指導(dǎo)，重點(diǎn)解決Grid布局跨列/跨行錯(cuò)誤、Place布局坐標(biāo)設(shè)置不當(dāng)導(dǎo)致組件重疊問(wèn)題編寫(xiě)代碼，實(shí)現(xiàn)兩種布局的界面，調(diào)試組件位置與大小，確保界面美觀整齊20分鐘知識(shí)講解21.組件交互基礎(chǔ)（5分鐘）

-講解組件交互概念：用戶(hù)操作（點(diǎn)擊、輸入）觸發(fā)組件響應(yīng)（彈出消息、更新內(nèi)容），分為command綁定（按鈕專(zhuān)用）和bind()事件綁定（通用）。

2.事件處理器與事件綁定（10分鐘）

-演示command參數(shù)：Button的command綁定回調(diào)函數(shù)（如點(diǎn)擊“點(diǎn)菜”按鈕彈出“點(diǎn)菜成功”消息框）；

-演示bind()方法：標(biāo)簽綁定鼠標(biāo)點(diǎn)擊<Button-1>、窗口綁定鍵盤(pán)方向鍵<Up>/<Down>，通過(guò)event對(duì)象（event.keysym獲取按鍵名稱(chēng)）實(shí)現(xiàn)不同操作的響應(yīng)。

【課程思政】通過(guò)組件交互的邏輯設(shè)計(jì)，培養(yǎng)系統(tǒng)思維，理解“操作-響應(yīng)”的對(duì)應(yīng)關(guān)系對(duì)程序功能的重要性。代碼演示（“點(diǎn)菜”按鈕command綁定、標(biāo)簽鼠標(biāo)點(diǎn)擊bind綁定、鍵盤(pán)按鍵響應(yīng)）記錄command和bind()的使用方法，分析事件對(duì)象屬性的作用，對(duì)比兩種交互方式的適用場(chǎng)景10分鐘實(shí)操演練任務(wù)：餐館點(diǎn)餐功能實(shí)現(xiàn)（例1.6）

-任務(wù)1：為菜單界面的“點(diǎn)菜”按鈕綁定函數(shù)，點(diǎn)擊彈出“點(diǎn)菜成功”提示框；

-任務(wù)2：為用餐人數(shù)復(fù)選框綁定函數(shù)，勾選時(shí)彈出“您好，一共x人用餐”消息框；

-任務(wù)3：為特價(jià)海報(bào)按鈕綁定函數(shù)，點(diǎn)擊打開(kāi)新窗口顯示特價(jià)菜品文本與圖片。

【課程思政】通過(guò)完整的點(diǎn)餐功能實(shí)現(xiàn)，體會(huì)編程技術(shù)在生活服務(wù)（餐飲）中的應(yīng)用價(jià)值，培養(yǎng)將技術(shù)與實(shí)際需求結(jié)合的能力。巡回指導(dǎo)，重點(diǎn)解決函數(shù)綁定錯(cuò)誤、新窗口創(chuàng)建（Toplevel()）、圖片引用問(wèn)題編寫(xiě)代碼，實(shí)現(xiàn)按鈕、復(fù)選框的交互功能，調(diào)試新窗口彈出與圖片顯示效果，驗(yàn)證所有交互邏輯20分鐘總結(jié)與作業(yè)1.總結(jié)：三種布局方式（Pack、Grid、Place）的特點(diǎn)與適用場(chǎng)景，組件交互的兩種實(shí)現(xiàn)方式（command、bind()）及核心邏輯。

2.布置任務(wù)：

-基礎(chǔ)題：用Grid布局實(shí)現(xiàn)“個(gè)人信息填寫(xiě)界面”（包含姓名、年齡、性別單選框、提交按鈕，點(diǎn)擊提交彈出填寫(xiě)