「鴻蒙開發 3」華為鴻蒙應用開發的低代碼（Super Visual）開發方式

開發前可以了解下鴻蒙： [鴻蒙開發 序]華為鴻蒙操作系統（HarmonyOS）簡介及開發環境搭建

成都創新互聯-專業網站定制、快速模板網站建設、高性價比連云網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式連云網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋連云地區。費用合理售后完善，10余年實體公司更值得信賴。

開發前的準備：「鴻蒙開發 1」華為鴻蒙應用集成開發環境DevEco Studio安裝和設置

了解鴻蒙應用開發的基本開發流程：「鴻蒙開發 2」第一個華為鴻蒙（HarmonyOS）應用程序（App）

本章目標：

1 了解華為鴻蒙應用開發的可視化（低代碼）方式

2 通過構建一個簡單的具有頁面跳轉功能的應用

低代碼開發方式，即通過可視化界面開發方式快速構建布局、編輯UI界面，可有效降低用戶的上手成本并提升用戶構建UI界面的效率。

1 打開DevEco Studio，創建一個新工程，選擇支持Phone / Tablet / Wearable（手機 / 平板 / s可穿戴）的模板，我們在此直接選擇Empty Ability

Project name工程名稱填SuperVisual

Development mode開發方式選擇Super Visual

其它的可以使用默認設置，點擊完成，進入編輯界面

1 在Project（項目）窗口，刪除工程運行默認的入口文件夾：“entry src main js default pages index”文件夾

2 在Project窗口，選擇工程中的“entry src main js default pages”，單擊鼠標右鍵，選擇“New JS Visual”

JS visual name填first，點擊完成，進入編輯界面

創建完成后，可以看到“entry src main supervisual default pages page page.visual”的文件目錄結構

3 第一個頁面內有一個容器、文本和一個按鈕，通過Div、Text和Button組件來實現

（1）分別選中first.visual畫面中的Text、Div組件，單擊鼠標右鍵，選擇Delete刪除

（2）選中UI Control中的Div組件，將其拖至畫布

點擊右側屬性樣式欄中的通用樣式圖標（General），設置Div組件的高度Height為100%，使其占滿屏幕

點擊右側屬性樣式欄中的樣式圖標（Flex），設置Div組件的FlexDirection樣式為column，使Div的主軸垂直；設置Div組件的JustifyContent樣式為center，使得其子組件在主軸上居中顯示；設置Div組件的AlignItems樣式為center，使得其子組件在交叉軸上居中顯示

（3）選中UI Control中的Text組件，將其拖至Div組件的中央區域

點擊右側屬性樣式欄中的屬性圖標（Properties），設置Text組件的Content屬性為 “ Hello World ”

點擊右側屬性樣式欄中的通用樣式圖標（General），設置Text組件的寬（width）為100%，高（height）為100px

點擊右側屬性樣式欄中的樣式圖標（Feature），設置組件的FontSize樣式為60px，使得其文字放大；設置組件的TextAlign樣式為center，使得組件文字居中顯示

（4）選中UI Control中的Button組件，將其拖至Text組件下面

點擊右側屬性樣式欄中的屬性圖標（Properties），設置Button組件的Value屬性為 “ Next ”，

點擊右側屬性樣式欄中的通用樣式圖標（General），設置按的寬（width）為40%，高（height）為60px

點擊右側屬性樣式欄中的樣式圖標（Feature），設置組件的FontSize樣式為40px

至此，第一個頁面創建完成

我們可以在預覽窗口中看效果，點擊右側邊欄的Preview打開預覽窗口

1 在Project窗口，選擇工程中的“entry src main js default pages”，單擊鼠標右鍵，選擇“New JS Visual”

Visual配置界面，JS visual name填second，回車（Enter鍵）或者點擊完成，進入編輯界面

2 第二個頁面中有一個容器和文本，通過Div、Text組件實現，現在編輯器已經為我們創建好了，我們就來修改下它們的屬性（你也可以刪除原有的自己創建，具體步驟參考本章第二節“二 創建第一個頁面”）。

選中Text組件，點擊右側屬性樣式欄中的屬性圖標（Properties），設置Text組件的Content屬性為 “ Hi，I'm always here. ”

點擊右側屬性樣式欄中的通用圖標（General），設置組件的寬（width）為100%，高為60px

點擊右側屬性樣式欄中的樣式圖標（Feature），設置組件的FontSize樣式為36px，TextAlign樣式為center

這樣我們的第二個頁面創建成功了

1 在Project窗口，打開工程中的“entry src main js default pages first first.js”， 導入router模塊，頁面路由router根據頁面的uri來找到目標頁面，從而實現跳轉。示例代碼如下：

2 打開或者切換到first.visual頁面，選中畫布上的Button組件，點擊右側屬性樣式欄中的事件圖標（Events），鼠標點擊Click事件的輸入框，選擇launch事件

3 在預覽窗口中查看項目效果，點擊Next按鈕后發現我們的頁面成功跳轉了。

到此，本章的目標就完成了。

鴻蒙系統的代碼是什么？

基于C++開發的開源操作系統。鴻蒙系統一般指華為鴻蒙系統。華為鴻蒙系統（HUAWEIHarmonyOS），是華為在2019年8月9日于東莞舉行華為開發者大會（HDC.2019）上正式發布的操作系統。

鴻蒙確實用了安卓開源項目代碼，但安卓套殼論卻是一戳即破的謊言

現在華為鴻蒙系統（Harmony OS）已經到了大規模推廣、搭載前的最后公測階段，已經有很多人升級到了鴻蒙，事實就擺在面前了，所以現在關于鴻蒙系統是PPT的說法，差不多都該很快消失了。

目前對鴻蒙系統的質疑聲音，又集中到了“安卓套殼”這個老話題上來，畢竟鴻蒙系統確實是全面兼容安卓APP，而且在日常界面上也和安卓系統很類似。很多所謂程序員就根據鴻蒙系統中確實有很多AOSP（安卓開源項目）的開源代碼來認定，鴻蒙系統就是安卓套個殼而已。

一、這樣的觀點，實際上從稍有知識產權、法律常識的角度看，根本就是不可能成立的。

難道一個強悍的谷歌公司，就沒有幾個律師（法務）懂這事？你以為谷歌強制要求的 安卓手機開機界面“Powered by android” 只是個擺設，或是個花架子沒用的？如果說誰家手機系統底層是安卓，卻不遵從這個規則，怕是早就被谷歌告進了法院。谷歌有多么狠沒人不知道吧？要知道谷歌自家私有的GMS（谷歌移動服務），早就禁止華為手機安裝了。當時谷歌那可是步步緊逼，堅決把禁止華為使用GMS進行到底的力度。

放心吧，谷歌沒這么傻，華為更沒這么傻。如果鴻蒙系統不是完全自己開發的，華為有必要多此一舉？ 華為現在的 “安卓+EMUI+HMS（華為移動服務）”模式 ，不也是用得好好的嗎？ 而且，“安卓+EMUI+HMS”這個模式，只要華為想用安卓開源系統，還可以一直用下去，完全符合開源項目規則。

其實這也是目前小米、OPPO、vivo、三星等所有安卓系手機廠家都在做的，比如小米的安卓+MIUI等。況且，華為的EMUI也很強大，完全不比任何別家UI系統差。

二、即便是從軟件技術、軟件開源社區及開源軟件規則這些常識看，鴻蒙系統使用AOSP（安卓開源項目）的開源代碼不但合規，還是合情、合理的。

下面咱們來看看2021年1月下旬，華為消費者業務軟件部總裁、鴻蒙操作系統負責人王成錄接受采訪時，對鴻蒙系統全面、深入的介紹。王成錄這位資深“程序員”，應該是最有資格介紹鴻蒙系統的了。

這里王成錄還是把對鴻蒙系統的質疑歸結于理解不一致的問題。他說并不是所有安卓代碼都是谷歌開發的，安卓系統的絕大部分代碼來自開源社區。

鴻蒙也會吸收社區的優秀技術和代碼，用了AOSP（Android 開源項目）的開源代碼，就認定鴻蒙是安卓換了皮，說明這類吐槽者沒有太準確理解什么是開源。開源系統的最大意義就在于大家都來貢獻代碼，大家都可以免費使用。而華為本身就是安卓開源系統最大的貢獻者之一。

王成錄說到 今年10月，鴻蒙第三階段的開源代碼會上線，來自AOSP社區的、由谷歌貢獻的代碼就幾乎沒有了 。相信華為的這個時間表，那些吐槽的所謂“程序員”應該可以理解了。

由此可見， 鴻蒙系統是龐大的，特別是前期吸收開源社區的技術、代碼，都可以顯著提高系統開發的進程，華為何樂而不為呢？這個槽點，該破了。

類似的，鴻蒙系統對于安卓APP的兼容，也是這個連續性的道理。王成錄明確提到，現在鴻蒙生態的應用量（APP及開發者）還不夠多。他說谷歌安卓系統有約2000萬開發者，蘋果iOS有2400萬開發者，鴻蒙生態的開發者數量還差很多。所以， 在鴻蒙生態起步的初級階段，兼容安卓不但不該被吐槽，反而應該是一個妙招 。

當然華為也沒有忽視自有生態建設。華為選擇了中國應用市場（APP）下載量排名前200的廠家，一個個去溝通，已確定做方案的達到70%。鴻蒙生態建設非一日之功，早在緊張進行中。

這些吐槽的所謂程序員，要么就是揣著明白裝糊涂，為了吐槽鴻蒙而裝糊涂；要么根本就不是程序員，打著程序員的幌子，純粹就是為了吐槽鴻蒙而已。

三、最后做個善意提醒，現在用著安卓系統的手機廠家，也不要高興太早，或是暗自慶幸自己運氣好，沒有被谷歌打壓。

谷歌可是在一步步收緊對安卓系統的控制，說不定啥時候讓你交點兒使用費，怕是躲不開的。而且交點兒使用費，怕這還是好的。 要是哪天你也想真心實意做點兒技術活，也搞點兒高新 科技 ，難免要被美國盯上，難道就不怕和華為一樣也被禁掉GMS？多做點兒準備，不是壞事。

并且鴻蒙系統的微內核、軟總線、分布式架構的先進性，是安卓系統不可匹敵的。隨著鴻蒙系統生態進一步完善，加上華為鴻蒙系統的開放政策，相信用上更先進的系統，對任何廠商都有吸引力。用上中國自己的操作系統，何樂而不為？連谷歌都在開發安卓的替代系統Fuchsia了，難道還有人懷疑安卓必將被淘汰的結果嗎？

鴻蒙系統確實是個新事物，很多人對其缺乏認識是可以理解的。我們中國之前確實也沒有拿出一個成功的操作系統，鴻蒙系統突圍而出的難度的確很大，有些人缺乏信心也有可能。 但是現在華為有實力、有機會，鴻蒙成功就在眼前，我們還腿軟，就不該了。