搶先學鴻蒙(HarmonyOS)2.0,你就是下一個大咖!
等安裝完後,啟動DevEco Studio就可以了。操作方式與Android Studio類似,其實就是模仿Android Studio做的。這裡不再詳述。建立工程的視窗如下圖所示。
現在點選Create HarmonyOS Project,會彈出如下圖的視窗。 在這個視窗中,目前有3個裝置可以選擇,這3個裝置的描述如下: (1)TV:智慧屏,也就是安裝了HarmonyOS 2.0的華為智慧電視; (2)Wearable:智慧手錶; (3)Lite Wearable:運動手錶; TV不需要解釋,其實以後的HarmonyOS手機執行的系統與TV是類似的。就像Android執行在電視和手機上,效果其實是類似的。那麼智慧手錶與運動手錶有什麼不同呢?其實智慧手錶中執行的HarmonyOS屬於富鴻蒙(L3以上的鴻蒙)。支援用Java和JS開發,Java的開發方式與Android類似,JS的開發方式與微信小程式類似。而運動手錶中執行的是輕鴻蒙【LiteOS】(L0到L2),只支援JS開發方式,與微信小程式的開發方法類似,只是支援的元件和API沒有智慧手錶多。 TV和Wearable可以根據下面的模板建立支援JS開發和Java開發的工程。 3. 開發第一個基於Java的TV App 本文主要介紹如何用Java和JS開發TV和智慧手錶的App,本節首先介紹如何用Java開發TV App。首先在建立鴻蒙工程的視窗選擇TV裝置和Empty Feature Ability(Java)模板,如下圖所示。 然後點選Next按鈕,進入下一個頁面。輸入工程名(Project Name),然後工程位置(Save location)會自動變化,如下圖所示。Package Name與Android的包類似,會作為鴻蒙App的唯一標識。Compatible SDK不需要懂,因為目前只有一個API版本。
最後點選Finish按鈕建立工程。基於Java的HarmonyOS工程的目錄結構如下圖所示
這個目錄結構總體來上與Android Studio的Android工程類似,同樣使用gradle來管理包。這裡面有很多目錄,但對我們最有用的是entry。該目錄中包含了我們編寫的Java程式碼。目錄會生成一個Slice和一個Ability,還有一個入口檔案MyFirstJavaTV。那麼到底什麼是Slice、什麼是Ability,我後續會寫文章詳細描述。現在只要知道Ability相當於Android中的Activity,Slice相當於Android的Fragment即可。我們都知道,Activity需要佈局才能顯示具體的元件,而Ability顯示元件則需要Slice。 4. 如何執行HarmonyOS App 由於目前還沒有支援富鴻蒙2.0的硬體,所以只能用鴻蒙模擬器執行程式。不過目前鴻蒙模擬器只支援ARM處理器的裝置。所以華為在服務端架設了一些ARM伺服器,用來執行鴻蒙App。然後將執行後的UI傳給客戶端。其實目前IDE中的模擬器其實是一個鴻蒙預覽器。下面就說一下如何利用鴻蒙預覽器執行鴻蒙App。 首先要啟動鴻蒙預覽器。也可以稱為鴻蒙虛擬裝置(HVD)。點選Tools -> HVD Manager選單項,會顯示如下圖所示的HVD Manager視窗。不過在開啟HVD Manager視窗之前,還會彈出一個如下圖的頁面,要求登入華為開發者網站。通常第一次登入成功後,後續就不需要再登入了。如果有華為手機,也可以通過掃碼登入。 登入成功後,會彈出下面的視窗,要求授權,點選“允許”按鈕即可。
成功授權後,就會在HVD Manager視窗中顯示虛擬裝置,如下圖所示。
目前有兩個裝置:TV和Wearable。其中TV是華為智慧屏、Wearable是智慧手錶。先啟動TV(雙擊即可)。 啟動虛擬裝置後,在IDE右側會顯示如下圖的虛擬裝置介面,右側的按鈕用來控制虛擬裝置。
現在就可以在虛擬裝置上執行鴻蒙App了。
點選右上角entry右側的箭頭按鈕,如下圖所示。 會彈出如下圖的裝置選擇視窗,目前只有一個虛擬裝置,選擇該裝置,點選OK按鈕。 選擇虛擬裝置後,App就會在虛擬裝置中執行,效果如下圖所示:
要注意的是,虛擬裝置只有1小時的使用時間,如果超過1小時,需要再次申請,然後就會重新計時,而且一個賬號同時只能申請一個虛擬裝置。
這是我們執行的第一個鴻蒙App:Hello World。如果要修改Hello World,需要開啟MainAbilitySlice.java檔案,然後將Hello World改成“世界你好”即可,該檔案的完整程式碼如下:package com.example.myfirstjavatv.slice; import ohos.aafwk.ability.AbilitySlice; import ohos.aafwk.content.Intent; import ohos.agp.components.DirectionalLayout; import ohos.agp.components.DirectionalLayout.LayoutConfig; import ohos.agp.components.Text; import ohos.agp.colors.RgbColor; import ohos.agp.components.element.ShapeElement; import ohos.agp.utils.Color; import ohos.agp.utils.TextAlignment; public class MainAbilitySlice extends AbilitySlice { private DirectionalLayout myLayout = new DirectionalLayout(this); @Override public void onStart(Intent intent) { super.onStart(intent); LayoutConfig config = new LayoutConfig(LayoutConfig.MATCH_PARENT, LayoutConfig.MATCH_PARENT); myLayout.setLayoutConfig(config); ShapeElement element = new ShapeElement(); element.setRgbColor(new RgbColor(255, 255, 255)); myLayout.setBackground(element); Text text = new Text(this); text.setLayoutConfig(config); text.setText("世界你好"); text.setTextColor(new Color(0xFF000000)); text.setTextSize(50); text.setTextAlignment(TextAlignment.CENTER); myLayout.addComponent(text); super.setUIContent(myLayout); } @Override public void onActive() { super.onActive(); } @Override public void onForeground(Intent intent) { super.onForeground(intent); } }
執行效果如下圖所示:
5. 開發第一個基於JS的智慧手錶App 在上一節介紹瞭如何用Java開發鴻蒙TV App,本節會介紹如何用JS開發智慧手錶App,首先按下圖建立智慧手錶的工程(工程名是MyFirstWatch)。
watch工程目錄的結構與TV工程的結構類似,只是原始碼除了java部分,還有js部分,而且多了個node_modules目錄,用過Node的同學都應該很清楚,這個目錄是儲存Node中模組的。js目錄包含了所有相關的JS、HTML和CSS程式碼。watch工程目錄結構如下圖所示。
現在著重看一下js目錄,結構如下:
在js/default目錄下,有3個子目錄:common、i18n和pages。其中common是一些資源,如影象等。i18n用於國際化,預設有兩個檔案:en-US.json和zh-CN.json,分別表示英文和中文字串。pages目錄包含了一些程式碼檔案。index是預設生成的首頁目錄。其中包含3個檔案:index.css、index.hml和index.js。其中index.hml是定製的HTML檔案(減少了部分標籤,也增加了一些標籤,但總體風格與HTML非常接近)。現在分別看一下這3個檔案的程式碼:
從這3個檔案的程式碼可以看出,與微信小程式的開發方式非常接近。而且大多數技術都是Web棧的,因此,只要會Web、微信小程式的程式設計師,很容易上手。
現在按前面的方式申請智慧手錶虛擬裝置,效果如下圖所示。
現在執行程式,會得到下面的結果:
如果要修改輸出文字,可以直接修改國際化檔案zh-CN.json,也可以直接修改index.js或index.hml檔案。
6. 李寧老師未來關於鴻蒙的課程 大家都知道,我在2020-9-11號在B站釋出了全球第一套鴻蒙開發課程:《鴻蒙(HarmonyOS)2.0入門與實戰》,這是我提前一個月到華為做的,由於保密協議的原因,只能在釋出會後再發布。感興趣的同學可以識別下面二維碼觀看。 這套課程只是介紹了鴻蒙App開發的基本方式,以及基礎元件的使用方法。鴻蒙的技術遠不止這麼多,在未來的一段時間,我將不定期推出關於鴻蒙各個方面的技術視訊、書和文章。主要課程包括: (1)全方位介紹鴻蒙App開發技術(Java和JS); (2)鴻蒙相關智慧硬體(可能是鴻蒙與arduino、樹莓派在一起應用); (3)各類專案實戰(若干),包括獨立的App專案,以及與智慧硬體結合的專案; 獲得更多關於鴻蒙的免費學習視訊,請關注我的B站:https://space.bilibili.com/477001733 或識別下面二維碼開啟我的B站: