0
我們就來更深度的探索hello world代碼背后的東西。
(一)IDE布局解析
如上截圖,我大體的將整個界面進行了拆分:最頂部紅色區域是菜單欄,左邊藍色區域是項目工程,右邊大區是代碼編輯區域,右上角是工具條(調試、運行),底部是顯示一些如日志、命令、調試信息。當然這里主要是標出了幾個比較大塊而且比較固定的窗口,更細節的,比如預覽界面等這些屬于動態的界面,等有需要的時候再細說。
(二)項目工程結構解析
項目工程這里主要存放了項目資源,包含用戶代碼、配置文件、庫文件、圖片、音視頻等。
根目錄就是我們創建項目時自己定義的項目目錄,.gradle和.idea一般不需要開發者干預,屬于IDE自動創建環境的目錄。
build文件夾:此目錄為編譯產出目錄,就是編譯后會在這里產生對應.hap包(可以理解為類似ios的.ipa,安卓的.apk)。
entry文件夾:入口目錄,如果是安卓的開發者,可以對應為app文件夾。這里面存放著我們應用程序的核心內容,比如代碼、圖片、音視頻資源等等。所以這個文件夾是重點,我們再給它展開來剖析:
同樣,在entry目錄下,也有一些眼熟的目錄:
entry-build:跟外層的根項目目錄下的build作用一致。
entry-libs:庫目錄,用于放置庫文件的目錄。
entry-src-resources:這個目錄存放著各種資源文件,如應用程序用的圖標、音效、布局配置等。
entry-src-tesst :這個是存放測試代碼的目錄,目前默認使用的是junit測試框架。
gradle:這個目錄屬于編譯模塊的。
(三)代碼解析
了解了工程目錄后,我們再來解析下之前hello world的源碼。在entry-src-main-java-com.xxx.myHarmonyApp目錄下:
我們可以看到又三個java代碼文件,其中slice可以對應安卓開發中的fragment概念。目前官方示例是將邏輯代碼放到了MainAbilitySlice中。
MainAbility.java : 一個Ability代表了一種能力,我們可以看到這個MainAbility是繼承自Ability類的:
這里重寫(@Override)了onStart方法,方法里做了兩件事:調用了父類的onStart方法初始化了intent,另一個是調用父類方法設置路由到slice類,意思就是它把后續的執行邏輯指定給了slice。一般一個Ability會對應一個AbilitySlice。
MyApplication.java:程序的入口,我們看代碼里就只重寫了一個初始化函數,主要作用是初始化程序。
MainAbilitySlice.java:我們看到上面的兩個java類中,并沒有執行任何的邏輯代碼,那么我們的hello world字樣是怎么輸出的呢?上面說了,MainAbility已經把它的執行路由給了slice,所以,核心的邏輯代碼就在這個MainAbilitySlice.java中了。
代碼行數不多,我們可以逐行解析,先解析幾個關鍵字,因本人之前熟悉的技術棧是c#,這里也做一個簡單的對標參照:
package: 是一個關鍵字,指定了一個包名,格式com.廠商名.應用名.模塊。可以類似的對標c#的名稱空間。
import:也是一個關鍵字,用于導入其他程序包。也可以對標c#的using關鍵字。
extends:關鍵字,表示繼承,對標c#的冒號。
@Override: 關鍵字,表示重寫,對標c#的override
supper:關鍵字,表示基類調用,可以對標參照c#的base。
ohos: 表示open harmony operating system。
intent: 中間件,作用主要為組件相互調用提供媒介,協助組件間的交互與通訊。
所以,有了上面的這些概念,我們再來看代碼就比較清晰了。
第1行代碼,指定和定義了當前類的一個包名。
3-5行,導入了當前所需的包環境。
7-12行,繼承AbilictySlice擴展了MainAbilitySlice類。重寫了onStart方法,調用基類的onStart初始化intent中間件,再調用基類的setUIContent來設置UI內容(hello world的創建在這里~)。
14-23行,都為周期函數的初始化基類調用。
所以,重點是super.setUIContent(ResourceTable.Layout_ability_main);這句代碼產出了“hello world”,簡單說setUIContent會解析ResourceTable提供的元素信息創建對應的UI界面。
ResourceTable用于管理一些窗口小部件資源,Layout_ability_main則對應了entry-src-resources-base-layout目錄下的布局配置。
(四)布局文件解析
打開ability_main.xml對于hello world的來源已經很清晰了:
這是一個xml文件,開頭對應標記。
標簽
鴻蒙的方向布局標簽,對應的還有、等。
xmlns:XML Namespaces表示命名空間。
ohos:heigh= “match_parent”:表示定義了高度適應父級。
ohos : width= “math_parent”:表示寬度適應父級。
ohos:orientation= “vertical”:表示布局方向為垂直,另一個相對的值是“horizontal”。
標簽
表示了一個文本元素。
ohos:id= “$+id:tex_helloworld”:表示text的調用id,使用”$+id:”來標示一個占位,后跟一個名稱,這樣在需要調用這個text的時候就能這樣調用:
ohos:backgound_element=“$graphic:background_ability_main”:表示背景元素指定為另一個在entry-src-main-resources-base-graphic目錄下的xml配置。
標簽
表示繪制一個形狀。
ohos:shape= “rectangle”表示繪制一個矩形。
標簽
表示填充顏色
表示填充顏色為白色,IDE的左側顏色選擇塊還可以鼠標選擇。
回到標簽:
ohos:layout_aliment= “horizontal_center”表示文字對齊方式為橫向居中。
ohos:text= “hello world”這個就是最終輸出的文本。我們可以改成其他任意字符串試試,比如改成:ohos:text = “你好,鴻蒙!”
ohos:text_size=“50”:表示設置字體大小為50.
同樣還可以給文字元素添加顏色:
ohos:text_color= “#78FF00”,當輸入”#”+任意數字時,IDE左邊就可以看到顏色選擇塊。
我們可以自定義下配置,可以重新運行看看效果:
雙面板免費加費,四層板加急打樣,厚銅電路板打樣