搶先學鴻蒙(HarmonyOS)2.0,你就是下一個大咖!
目錄
1. 你不知道的鴻蒙(HarmonyOS)
2020年9月10日,華為開發者大會發布了鴻蒙(HarmonyOS)2.0。我在2020-9-11日也釋出了全球首套鴻蒙2.0 App開發視訊課程《鴻蒙(HarmonyOS)2.0入門與實戰》【提前一個月做完了,由於保密協議的原因,只能在釋出會後釋出視訊課程】。HarmonyOS是全場景作業系統。也就是說,從理論上,HarmonyOS可以在任何平臺上執行(包括但不限於PC、手機、平板電腦、車載電腦、手錶、iot裝置等)。那麼這是怎麼做到的呢?
大家知道,不管是什麼樣的裝置,通常由下面3個因素決定到底能執行什麼的系統:
(1)CPU架構(x86、ARM、RISC-V等)
(2)CPU的處理能力
(3)記憶體
目前大多數硬體裝置,CPU架構大多是x86和ARM的。這一點與OS核心有關。目前HarmonyOS支援ARM架構。RISC-V和x86架構在未來也會支援。這些東西其實就是一個純技術問題,支援也只是時間問題,解決並不費勁。
CPU處理能力和記憶體才是決定一個OS是否可執行的關鍵。如果OS執行時需要太多的資源(CPU處理能力、記憶體等),而且當硬體無法提供這麼多資源時,OS將無法在該硬體上執行。對於很多OS,都是單核心的。也就是說,很難將核心進行分解,形成需要更少資源的核心。所以通常來說,像Linux這種單核心OS,需要的硬體配置都相對較高。例如,就算不安裝GUI,Linux要想跑起來,並且比較順暢,也需要幾十MB記憶體,而很多低端裝置(如iot裝置)根本沒有這麼大的記憶體,甚至連幾MB記憶體都沒有,頂多也就幾百KB,這麼少的記憶體,根本無法跑Linux。
HarmonyOS採用了另外一種核心機制來設計,這就是微核心。微核心的每一部分都是可拆卸的。這樣進可攻,退可守。如果硬體配置很高,就可以用完整的核心。如果硬體配置只有幾百K,可以根據需要的功能,將消耗記憶體資源過多的模組從核心中去除(只需要進行配置即可),這樣儘管犧牲掉一些功能,但仍然可以在低配的硬體中跑起來,而且拆分核心非常容易,所以HarmonyOS從理論上支出從KB級到GB級的裝置。
2. 搭建HarmonyOS開發環境
要完HarmonyOS,首先要單擊HarmonyOS的開發環境。現在通過下面的連結訪問HarmonyOS的官方下載頁面:
https://developer.harmonyos.com/cn/develop
會看到如下圖所示的“立即下載”按鈕
點進去,就是下載頁面。在下載之前,看一下系統要求,要求Windows10 64位、8G記憶體。對於程式設計師來說,這個配置應該沒問題。下面點選右側“下載”按鈕開始下載吧。但要注意,下載DevEco Studio,需要有華為開發者賬號,沒有的同學趕緊註冊一個吧!
目前DevEco Studio 2.0僅支援Windows,所以如果用macOS或Linux的同學還需要等等了。下載完安裝程式,裡面就有一個exe檔案,雙擊安裝即可。這裡省略了n步,在啟動DevEco Studio的過程中,會下載一些元件,下載介面如下圖所示。主要是java執行時和一些工具鏈,就乖乖等著下完吧!
等安裝完後,啟動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
相關文章
- 華為鴻蒙系統HarmonyOS學習之十:鴻蒙HarmonyOS微核心技術鴻蒙
- 鴻蒙先鋒共築星河 |科技浪潮中的教育革新,看南京大學教授的HarmonyOS教學之路鴻蒙
- 初識鴻蒙OS,你好,HarmonyOS!鴻蒙
- DevEco Studio 2.0開發鴻蒙HarmonyOS應用初體驗全面測評dev鴻蒙
- HarmonyOS 鴻蒙隔離層設計鴻蒙
- 鴻蒙HarmonyOS實戰-ArkUI元件(Shape)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Image)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Menu)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Navigation)鴻蒙UI元件Navigation
- 鴻蒙HarmonyOS實戰-ArkUI元件(Tabs)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Canvas)鴻蒙UI元件Canvas
- 鴻蒙HarmonyOS實戰-ArkUI元件(Popup)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Video)鴻蒙UI元件IDE
- 鴻蒙HarmonyOS實戰-ArkUI元件(CustomDialog)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-視窗管理鴻蒙
- 鴻蒙HarmonyOS實戰-ArkUI元件(List)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Button)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Progress)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Toggle)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Flex)鴻蒙UI元件Flex
- 鴻蒙HarmonyOS實戰-ArkUI元件(RelativeContainer)鴻蒙UI元件AI
- 鴻蒙HarmonyOS實戰-ArkUI元件(Swiper)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Stack)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(mediaquery)鴻蒙UI元件
- 我的第一個基於HarmonyOS的 (鴻蒙 OS)TV鴻蒙
- 鴻蒙HarmonyOS實戰-Stage模型(UIAbility元件)鴻蒙模型UI元件
- 鴻蒙HarmonyOS實戰-Stage模型(ExtensionAbility元件)鴻蒙模型元件
- 鴻蒙HarmonyOS實戰-Stage模型(程序模型)鴻蒙模型
- 鴻蒙HarmonyOS實戰-ArkUI元件(TextInput/TextArea)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(GridRow/GridCol)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Grid/GridItem)鴻蒙UI元件
- 鴻蒙HarmonyOS實戰-ArkUI元件(Row/Column)鴻蒙UI元件
- 鴻蒙(HarmonyOS)實現隱私政策彈窗鴻蒙
- 鴻蒙HarmonyOS實戰-ArkUI事件(鍵鼠事件)鴻蒙UI事件
- 鴻蒙HarmonyOS實戰-ArkUI事件(觸屏事件)鴻蒙UI事件
- 鴻蒙HarmonyOS實戰-ArkUI元件(頁面路由)鴻蒙UI元件路由
- 鴻蒙HarmonyOS實戰-ArkUI事件(焦點事件)鴻蒙UI事件
- 鴻蒙HarmonyOS實戰-ArkUI事件(手勢方法)鴻蒙UI事件