HarmonyOS鴻蒙應(yīng)用開發(fā)授課：課程團(tuán)隊項目四目錄03應(yīng)用資源的管理與訪問02ArkUI中的像素單位01了解ArkUI基本概念04綜合案例：字體字號適老化了解ArkUI基本概念01什么是ArkUI？ArkUI即方舟UI框架，它為HarmonyOS應(yīng)用的UI開發(fā)提供了完整的基礎(chǔ)設(shè)施，包括簡潔的UI語法、豐富的UI功能（組件、布局、動畫及交互事件），以及實時界面預(yù)覽工具等。具有以下主要特點：1．極簡的UI語法2．豐富的內(nèi)置UI組件3．多維度的狀態(tài)管理機(jī)制4．支持多設(shè)備開發(fā)5．實時預(yù)覽機(jī)制ArkUI的開發(fā)范式ArkUI框架支持兩種開發(fā)范式：1．類Web開發(fā)范式（官方已不推薦）2．聲明式開發(fā)范式從“Hello，HarmonyOS”了解聲明式開發(fā)范式實戰(zhàn)操作聲明式范式開發(fā)初體驗ArkUI中的像素單位02問題？在萬物互聯(lián)的全場景時代，HarmonyOS打破了設(shè)備邊界的限制，讓同一個應(yīng)用可以自由流轉(zhuǎn)于手機(jī)、平板計算機(jī)、車載終端等形態(tài)各異的設(shè)備之間。這種革命性的跨設(shè)備體驗對UI開發(fā)提出了前所未有的挑戰(zhàn)?！绾卧诓煌叽绲钠聊簧蠈崿F(xiàn)視覺呈現(xiàn)的完美統(tǒng)一？影響屏幕顯示的關(guān)鍵要素像素：屏幕顯示的最小單位，屏幕上的一個小亮點就是一個像素，1像素記作1px分辨率：屏幕上橫向和縱向像素數(shù)，如分辨率1080×2340指的是屏幕上橫向像素數(shù)為1080個，縱向像素數(shù)為2340個尺寸：屏幕對角線的長度，單位為英寸像素密度：每英寸屏幕上的像素數(shù)用px作為單位來顯示會怎樣？如果直接用px作為單位來定義圖像尺寸，那么在不同像素密度的屏幕上，相同像素數(shù)對應(yīng)的物理尺寸不一樣，會導(dǎo)致同一個應(yīng)用在不同設(shè)備上顯示的尺寸不同。解決ArkUI引入虛擬像素（VirtualPixel）的概念。虛擬像素是一種可根據(jù)屏幕的像素密度靈活縮放的單位，通常以vp表示。1vp相當(dāng)于像素密度為160ppi的屏幕上的1px。在不同像素密度的屏幕上，系統(tǒng)會根據(jù)如下公式將虛擬像素?fù)Q算為對應(yīng)的物理像素。結(jié)論在絕大部分情況下，字體使用fp作為單位，其它使用vp作為單位，即可解決問題。應(yīng)用資源的管理與訪問03問題在應(yīng)用的開發(fā)過程中，經(jīng)常會用到字體、顏色、圖片、間距、音頻、視頻等資源。這些資源中既有開發(fā)者管理的應(yīng)用資源，又有系統(tǒng)提供的系統(tǒng)資源。如何能管理好自己應(yīng)用的資源呢？如何訪問這些資源呢？模塊級資源開發(fā)者自己管理的應(yīng)用資源通常在工程的resources文件夾下。在resources文件夾下，默認(rèn)帶有base、dark和rawfile文件夾，分別用來管理基礎(chǔ)資源、深色模式資源和原始資源。在每一個模塊(module)下面都有resources文件夾，模塊下的資源僅對當(dāng)前模塊有效。如圖中entry模塊下的資源僅供entry模塊內(nèi)使用。應(yīng)用級資源在整個應(yīng)用下有一個AppScope文件夾，其下也有一個resources文件夾，其內(nèi)部的資源文件定義規(guī)則與模塊中的相同，只不過其下的資源可以供整個應(yīng)用調(diào)用?；A(chǔ)資源基礎(chǔ)資源應(yīng)該被放置在base文件夾下，可分為element、media、profile三類，base文件夾下的特定資源文件夾。深色資源深色模式是應(yīng)用中的一種用于在環(huán)境較暗的情況下提升視覺舒適度的設(shè)計方案。深色模式資源被放置在dark文件夾下，dark文件夾下通常放置與顏色有關(guān)的資源，如包含在深色模式下的字體顏色、背景色的color.json文件，在深色模式下應(yīng)該被顯示的圖片等資源。原始資源原始資源應(yīng)該放置在rawfile文件夾下，不能被壓縮和編譯的圖片、視頻、文本等文件都應(yīng)該放到該文件夾下。這些文件需要保持原始的數(shù)據(jù)格式和內(nèi)容，未經(jīng)過任何處理或轉(zhuǎn)換。它們可能包含數(shù)碼相機(jī)、掃描器或電影膠片掃描儀等通過圖像傳感器直接捕獲的數(shù)據(jù)。在實際的軟件開發(fā)中，rawfile文件夾也用于存儲文本文件的原始數(shù)據(jù)文件。例如，rawfile文件夾可以用于存儲城市列表文件，這些文件包含了應(yīng)用需要的基礎(chǔ)數(shù)據(jù)，如城市編碼、城市名稱等。資源的訪問對于資源的訪問，ArkUI提供了如下兩個方法：function$r(value:string,…params:any[]):Resource;function$rawfile(value:string):Resource;應(yīng)用資源訪問base目錄下的資源會被編譯成二進(jìn)制文件并賦予唯一的ID，使用相應(yīng)資源時通過$r('')的形式訪問。引號中的內(nèi)容分為三段：app是固定值，代表當(dāng)前應(yīng)用內(nèi)的資源type表示資源類型，其值可以是color、string、float、media、profile等name則是定義時的資源名應(yīng)用資源訪問示例應(yīng)用資源訪問示例系統(tǒng)資源訪問除了自定義應(yīng)用資源，開發(fā)者還可以使用系統(tǒng)中預(yù)定義的矢量圖標(biāo)資源，從而實現(xiàn)統(tǒng)一的視覺風(fēng)格。對于系統(tǒng)資源，可以通過$r('sys.type.resource_id')訪問。sys為固定值，代表系統(tǒng)資源type為資源類型，其值包括color、float、string、media、symbol等，其中symbol表示系統(tǒng)提供的一套簡潔的矢量圖標(biāo)resource_id為資源ID綜合案例：

字體字號適老化04在數(shù)字化時代，適老化設(shè)計不僅是技術(shù)問題，而且是一個深刻的社會課題。它體現(xiàn)了社會對老年群體的關(guān)懷和尊重，是社會公平、和諧與友善的體現(xiàn)。近年來，許多平臺從老年客戶的需求出發(fā)，逐步推進(jìn)適老化改造，為他們提供