XX學院教案課程HarmonyOS鴻蒙應用開發(fā)課次11課題資源的管理和訪問及綜合案例：字號字體適老化班級授課地點實到人數(shù)授課時間備課時間課型□理論□實踐√理實一體教學目標知識目標：1.掌握資源目錄結構（base，dark，rawfile）。2.理解資源訪問方法（$r，$rawfile）。3.熟悉系統(tǒng)資源調用流程。能力目標：1.能配置多類型資源文件（color，string，media）。2.能實現(xiàn)字體注冊與動態(tài)切換。3.能獨立完成適老化案例開發(fā)。素質目標：1.培養(yǎng)資源規(guī)范化管理意識。2.踐行“尊老敬賢”的適老化設計理念。教學重點1.資源訪問語法（$r(''))。2.字體注冊機制（registerFont）。3.狀態(tài)變量驅動UI更新（@State）。教學難點1.rawfile與media資源路徑差異。2.系統(tǒng)矢量圖標調用（sys.symbol）。3.字體縮放與切換的聯(lián)動邏輯。教學過程（主要教學內容、教學方式方法、教學時間分配等）主要教學內容教學方式、方法手段等（教師活動/學生活動）教學用時(分鐘)一、資源結構解析二、資源訪問實戰(zhàn)三、適老化案例實現(xiàn)四、總結提升1.展示entry模塊與AppScope資源層級（圖4.9-4.10）。2.解析三類資源目錄：-base（元素/媒體/配置）-dark（深色模式）-rawfile（原始資源）。（圖示分析法，對比講解）1.演示$r訪問：-Text($r('app.string.str_say_hello'))-Image($r('app.media.app_icon'))2.對比$rawfile調用：-Image($rawfile('book_shelf.png'))3.系統(tǒng)資源調用：-SymbolGlyph($r('sys.symbol.message'))。（代碼演示法，錯誤分析法）1.字體注冊：-font.registerFont綁定TTF文件（圖4.14）2.動態(tài)控制：-Slider聯(lián)動@Statescales-Toggle切換@StatefontFamily3.效果驗證：-字號縮放（1-2倍）-方正靜蕾體切換。（任務驅動法，分段調試）1.資源訪問口訣：“app類型名，rawfile全路徑”。2.呼應“尊老敬賢”編程育人主題。（歸納總結法）15'20'35'10'課程思政教學設計1.尊老敬賢：通過適老化案例強調數(shù)字包容的社會責任。2.工匠精神：在資源路徑配置環(huán)節(jié)強化規(guī)范操作（禁用中文及"-"字符）。教學手段教具極域課堂教學課后作業(yè)與思考題1.超星在線作業(yè)2.基礎作業(yè)：（1）創(chuàng)建深色模式color.json，配置背景色和字體顏色，并驗證效果?？偨Y分析本課緊扣教材體系，采用“結構解析→訪問訓練→案例實現(xiàn)→思政融合”四階推進模式，以資源層級圖示、訪問語法對照（$r/$rawfile）、系統(tǒng)圖標調用、字體注冊流程、適老化案例五大教材核心模塊構建教學閉環(huán)。實施過程突出三大關鍵行動：通過目錄對比實驗具象化base/dark/rawfile資源管理差異（強化表4.2規(guī)范）。借助鏈式調用演練掌握Text($r('app.string.str_say_hello'))等資源訪問范式依托FontDemo案例實現(xiàn)字體縮放（Slider+@State）與切換（Toggle+registerFont）的動態(tài)控制。深度融合教材“尊老敬賢，與時俱進”的編程育人理念，在技術實現(xiàn)中踐行數(shù)字包容的社會責任。教學詳案（附頁）一、資源結構解析（15分鐘）1.資源層級體系圖示分析展示圖4.9（entry模塊資源）與圖4.10（AppScope資源）對比圖模塊級資源（如entry）僅限本模塊使用。應用級資源（AppScope）全局可用。用樹形圖標注三類核心目錄：resources/├──base/#基礎資源（必選）├──dark/#深色模式資源（可選）└──rawfile/#原始資源（保持原格式）2.基礎資源規(guī)范詳解對照表4.2講解。element文件夾：演示創(chuàng)建color.json規(guī)范代碼：{"name":"light_blue","value":"#63B8FF"}強調命名禁忌：禁用中文和連字符（如"背景色"或"text-color"）media文件夾：展示圖片/音頻文件存放示例（如splash.png）profile文件夾：示例env_profile.json環(huán)境配置文件3.深色模式與原始資源特性dark目錄：對比演示color.json在base/dark下的差異值//base/color.json{"name":"bg_color","value":"#FFFFFF"}//dark/color.json{"name":"bg_color","value":"#000000"}rawfile目錄：演示存放TTF字體文件（如方正靜蕾體.ttf）重點說明：該目錄文件不編譯，$rawfile訪問需完整路徑訪問。二、資源訪問實戰(zhàn)（20分鐘）1.應用資源訪問演練（1）語法對比類型語法示例適用場景編譯型資源$r('app.string.str_say_hello')base目錄下JSON資源原始資源$rawfile('font/方正靜蕾體.ttf')rawfile目錄文件（2）代碼練習：//鏈式調用示例Text($r('app.string.str_say_hello')).fontColor($r('app.color.light_blue')).fontSize($r('app.float.fs_30'))//原始資源調用Image($rawfile('book_shelf.png')).width(90)2.系統(tǒng)資源調用訪問鴻蒙圖標庫（圖4.13）查找sys.symbol.message代碼實現(xiàn)：SymbolGlyph($r('sys.symbol.message')).fontSize(80).fontColor($r('sys.color.ohos_id_color_subtitle'))3.糾錯訓練故意設置錯誤案例：錯誤1：$r('app.media.背景圖')（含中文）錯誤2：$rawfile('../external/image.png')（路徑錯誤）三、適老化案例實現(xiàn)（35分鐘）1.字體注冊流程關鍵代碼解析：//在aboutToAppear生命周期注冊字體font.registerFont({familyName:'fzlt',//字體別名familySrc:$rawfile('font/方正靜蕾體.ttf')//必須使用rawfile})2.動態(tài)交互實現(xiàn)狀態(tài)驅動UI：@Statescales:number=1//字號倍數(shù)（1-2倍）@StatefontFamily:string=""http://默認系統(tǒng)字體build(){Slider({min:0,max:100}).onChange((num)=>{this.scales=1+num/100//映射到1-2倍范圍})Toggle({type:ToggleType.Switch}).onChange((isOn)=>{this.fontFamily=isOn?'fzlt':''//切換注冊字體})}3.適老化效果驗證四、總結提升（10分鐘）1.資源訪問三要素→$r('app.string.hello')sys.symbol.xxx→$r('sys.symbol