「鴻蒙開(kāi)發(fā) 3」華為鴻蒙應(yīng)用開(kāi)發(fā)的低代碼（Super Visual）開(kāi)發(fā)方式

開(kāi)發(fā)前可以了解下鴻蒙： [鴻蒙開(kāi)發(fā) 序]華為鴻蒙操作系統(tǒng)（HarmonyOS）簡(jiǎn)介及開(kāi)發(fā)環(huán)境搭建

10年的龍湖網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。網(wǎng)絡(luò)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整龍湖建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“龍湖網(wǎng)站設(shè)計(jì)”,“龍湖網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

開(kāi)發(fā)前的準(zhǔn)備：「鴻蒙開(kāi)發(fā) 1」華為鴻蒙應(yīng)用集成開(kāi)發(fā)環(huán)境DevEco Studio安裝和設(shè)置

了解鴻蒙應(yīng)用開(kāi)發(fā)的基本開(kāi)發(fā)流程：「鴻蒙開(kāi)發(fā) 2」第一個(gè)華為鴻蒙（HarmonyOS）應(yīng)用程序（App）

本章目標(biāo)：

1 了解華為鴻蒙應(yīng)用開(kāi)發(fā)的可視化（低代碼）方式

2 通過(guò)構(gòu)建一個(gè)簡(jiǎn)單的具有頁(yè)面跳轉(zhuǎn)功能的應(yīng)用

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

1 打開(kāi)DevEco Studio，創(chuàng)建一個(gè)新工程，選擇支持Phone / Tablet / Wearable（手機(jī) / 平板 / s可穿戴）的模板，我們?cè)诖酥苯舆x擇Empty Ability

Project name工程名稱填SuperVisual

Development mode開(kāi)發(fā)方式選擇Super Visual

其它的可以使用默認(rèn)設(shè)置，點(diǎn)擊完成，進(jìn)入編輯界面

1 在Project（項(xiàng)目）窗口，刪除工程運(yùn)行默認(rèn)的入口文件夾：“entry src main js default pages index”文件夾

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

JS visual name填first，點(diǎn)擊完成，進(jìn)入編輯界面

創(chuàng)建完成后，可以看到“entry src main supervisual default pages page page.visual”的文件目錄結(jié)構(gòu)

3 第一個(gè)頁(yè)面內(nèi)有一個(gè)容器、文本和一個(gè)按鈕，通過(guò)Div、Text和Button組件來(lái)實(shí)現(xiàn)

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

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

點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)（General），設(shè)置Div組件的高度Height為100%，使其占滿屏幕

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

（3）選中UI Control中的Text組件，將其拖至Div組件的中央?yún)^(qū)域

點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)（Properties），設(shè)置Text組件的Content屬性為 “ Hello World ”

點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)（General），設(shè)置Text組件的寬（width）為100%，高（height）為100px

點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Feature），設(shè)置組件的FontSize樣式為60px，使得其文字放大；設(shè)置組件的TextAlign樣式為center，使得組件文字居中顯示

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

點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)（Properties），設(shè)置Button組件的Value屬性為 “ Next ”，

點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)（General），設(shè)置按的寬（width）為40%，高（height）為60px

點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Feature），設(shè)置組件的FontSize樣式為40px

至此，第一個(gè)頁(yè)面創(chuàng)建完成

我們可以在預(yù)覽窗口中看效果，點(diǎn)擊右側(cè)邊欄的Preview打開(kāi)預(yù)覽窗口

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

Visual配置界面，JS visual name填second，回車（Enter鍵）或者點(diǎn)擊完成，進(jìn)入編輯界面

2 第二個(gè)頁(yè)面中有一個(gè)容器和文本，通過(guò)Div、Text組件實(shí)現(xiàn)，現(xiàn)在編輯器已經(jīng)為我們創(chuàng)建好了，我們就來(lái)修改下它們的屬性（你也可以刪除原有的自己創(chuàng)建，具體步驟參考本章第二節(jié)“二 創(chuàng)建第一個(gè)頁(yè)面”）。

選中Text組件，點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)（Properties），設(shè)置Text組件的Content屬性為 “ Hi，I'm always here. ”

點(diǎn)擊右側(cè)屬性樣式欄中的通用圖標(biāo)（General），設(shè)置組件的寬（width）為100%，高為60px

點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Feature），設(shè)置組件的FontSize樣式為36px，TextAlign樣式為center

這樣我們的第二個(gè)頁(yè)面創(chuàng)建成功了

1 在Project窗口，打開(kāi)工程中的“entry src main js default pages first first.js”， 導(dǎo)入router模塊，頁(yè)面路由router根據(jù)頁(yè)面的uri來(lái)找到目標(biāo)頁(yè)面，從而實(shí)現(xiàn)跳轉(zhuǎn)。示例代碼如下：

2 打開(kāi)或者切換到first.visual頁(yè)面，選中畫布上的Button組件，點(diǎn)擊右側(cè)屬性樣式欄中的事件圖標(biāo)（Events），鼠標(biāo)點(diǎn)擊Click事件的輸入框，選擇launch事件

3 在預(yù)覽窗口中查看項(xiàng)目效果，點(diǎn)擊Next按鈕后發(fā)現(xiàn)我們的頁(yè)面成功跳轉(zhuǎn)了。

到此，本章的目標(biāo)就完成了。

2021-01-25鴻蒙開(kāi)發(fā)（五）

Ability

Ability是應(yīng)用所具備能力的抽象

2.onActive()

Page會(huì)在進(jìn)入INACTIVE狀態(tài)后來(lái)到前臺(tái)，然后系統(tǒng)調(diào)用此回調(diào)。Page在此之后進(jìn)入ACTIVE狀態(tài)，該狀態(tài)是應(yīng)用與用戶交互的狀態(tài)。Page將保持在此狀態(tài)，除非某類事件發(fā)生導(dǎo)致Page失去焦點(diǎn)，比如用戶點(diǎn)擊返回鍵或?qū)Ш降狡渌鸓age。當(dāng)此類事件發(fā)生時(shí)，會(huì)觸發(fā)Page回到INACTIVE狀態(tài)，系統(tǒng)將調(diào)用onInactive()回調(diào)。此后，Page可能重新回到ACTIVE狀態(tài)，系統(tǒng)將再次調(diào)用onActive()回調(diào)。因此，開(kāi)發(fā)者通常需要成對(duì)實(shí)現(xiàn)onActive()和onInactive()，并在onActive()中獲取在onInactive()中被釋放的資源。

3.onInactive()

當(dāng)Page失去焦點(diǎn)時(shí)，系統(tǒng)將調(diào)用此回調(diào)，此后Page進(jìn)入INACTIVE狀態(tài)。開(kāi)發(fā)者可以在此回調(diào)中實(shí)現(xiàn)Page失去焦點(diǎn)時(shí)應(yīng)表現(xiàn)的恰當(dāng)行為。

4.onBackground()

如果Page不再對(duì)用戶可見(jiàn)，系統(tǒng)將調(diào)用此回調(diào)通知開(kāi)發(fā)者用戶進(jìn)行相應(yīng)的資源釋放，此后Page進(jìn)入BACKGROUND狀態(tài)。開(kāi)發(fā)者應(yīng)該在此回調(diào)中釋放Page不可見(jiàn)時(shí)無(wú)用的資源，或在此回調(diào)中執(zhí)行較為耗時(shí)的狀態(tài)保存操作。

5.onForeground()

處于BACKGROUND狀態(tài)的Page仍然駐留在內(nèi)存中，當(dāng)重新回到前臺(tái)時(shí)（比如用戶重新導(dǎo)航到此Page），系統(tǒng)將先調(diào)用onForeground()回調(diào)通知開(kāi)發(fā)者，而后Page的生命周期狀態(tài)回到INACTIVE狀態(tài)。開(kāi)發(fā)者應(yīng)當(dāng)在此回調(diào)中重新申請(qǐng)?jiān)趏nBackground()中釋放的資源，最后Page的生命周期狀態(tài)進(jìn)一步回到ACTIVE狀態(tài)，系統(tǒng)將通過(guò)onActive()回調(diào)通知開(kāi)發(fā)者用戶。

6.onStop()

系統(tǒng)將要銷毀Page時(shí)，將會(huì)觸發(fā)此回調(diào)函數(shù)，通知用戶進(jìn)行系統(tǒng)資源的釋放。銷毀Page的可能原因包括以下幾個(gè)方面：

用戶通過(guò)系統(tǒng)管理能力關(guān)閉指定Page，例如使用任務(wù)管理器關(guān)閉Page。

用戶行為觸發(fā)Page的terminateAbility()方法調(diào)用，例如使用應(yīng)用的退出功能。

配置變更導(dǎo)致系統(tǒng)暫時(shí)銷毀Page并重建。

系統(tǒng)出于資源管理目的，自動(dòng)觸發(fā)對(duì)處于BACKGROUND狀態(tài)Page的銷毀。

AbilitySlice生命周期

AbilitySlice生命周期回調(diào)與Page的相應(yīng)回調(diào)類似，因此不再贅述。由于AbilitySlice承載具體的頁(yè)面，開(kāi)發(fā)者必須重寫AbilitySlice的onStart()回調(diào)，并在此方法中通過(guò)setUIContent()方法設(shè)置頁(yè)面。

Page與AbilitySlice生命周期關(guān)聯(lián)

當(dāng)AbilitySlice處于前臺(tái)且具有焦點(diǎn)時(shí)，其生命周期狀態(tài)隨著所屬Page的生命周期狀態(tài)的變化而變化。當(dāng)一個(gè)Page擁有多個(gè)AbilitySlice時(shí)，例如：MyAbility下有FooAbilitySlice和BarAbilitySlice，當(dāng)前FooAbilitySlice處于前臺(tái)并獲得焦點(diǎn)，并即將導(dǎo)航到BarAbilitySlice，在此期間的生命周期狀態(tài)變化順序?yàn)椋?/p>

對(duì)應(yīng)兩個(gè)slice的生命周期方法回調(diào)順序?yàn)椋?/p>

FooAbilitySlice.onInactive() -- BarAbilitySlice.onStart() -- BarAbilitySlice.onActive() -- FooAbilitySlice.onBackground()

在整個(gè)流程中，MyAbility始終處于ACTIVE狀態(tài)。但是，當(dāng)Page被系統(tǒng)銷毀時(shí)，其所有已實(shí)例化的AbilitySlice將聯(lián)動(dòng)銷毀，而不僅是處于前臺(tái)的AbilitySlice。

鴻蒙應(yīng)用開(kāi)發(fā)之真機(jī)調(diào)試

參考 鴻蒙官方文檔（點(diǎn)擊傳送門） ，做一下流程梳理簡(jiǎn)化，及踩坑記錄

華為將真機(jī)調(diào)試分成物理真機(jī)和遠(yuǎn)程真機(jī)。這里說(shuō)的都是物理真機(jī)（手機(jī)、平板）。鴻蒙真機(jī)調(diào)試巨復(fù)雜，不像Android那么容易方便。

貼一下官方的調(diào)試流程圖：

總結(jié)一下：

上面這個(gè)流程可以忽略，沒(méi)講到重點(diǎn)。真機(jī)調(diào)試是需要在 ? AppGallery Connect 中創(chuàng)建應(yīng)用的，調(diào)試應(yīng)用需要的cer和p7b文件是從這里生成的。

先決條件：

1. 鴻蒙手機(jī)通過(guò)USB連接電腦，并開(kāi)啟USB調(diào)試。

2. 一個(gè)華為開(kāi)發(fā)者賬號(hào)，實(shí)名認(rèn)證

3. APP開(kāi)發(fā)工具DevEco-Studio

關(guān)鍵流程：

1. Studio創(chuàng)建應(yīng)用

2. 如果未登錄過(guò)，F(xiàn)ile Project Structure Project Signing Configs簽名配置頁(yè)，點(diǎn)擊“Sign In”

3. AppGallery創(chuàng)建應(yīng)用（包名和Studio創(chuàng)建的一樣）

4. 官方文檔到這在簽名配置頁(yè)就點(diǎn)Try Again可以自動(dòng)簽名，我試了不行，以下全是手動(dòng)

5. Studio中Build Generate key and CSR? ?生成p12和csr文件

6. 獲取手機(jī)udid，命令行hdc shell bm get -udid（下一步設(shè)備管理要用）

7. AppGallery主頁(yè) 用戶與訪問(wèn) 左側(cè)設(shè)備管理添加udid的設(shè)備（生成p7b時(shí)要用）

8. AppGallery主頁(yè) 用戶與訪問(wèn) 左側(cè)證書管理生成cer文件（生成p7b和簽名配置要用）

9. AppGallery主頁(yè) 我的項(xiàng)目 左側(cè)HarmonyOS應(yīng)用 HAP provision profile，生成p7b文件

10. 最后在簽名配置頁(yè)配好 p12、p7b、cer等參數(shù)，運(yùn)行鴻蒙應(yīng)用到真機(jī)就行了

Mate30升級(jí)鴻蒙系統(tǒng)全網(wǎng)最詳細(xì)步驟

6月2日20：00華為召開(kāi) HarmonyOS 2及華為全場(chǎng)景新品發(fā)布會(huì)，發(fā)布會(huì)上華為正式推出了鴻蒙操作系統(tǒng)，意欲打造萬(wàn)物互聯(lián)的生態(tài)體驗(yàn)。華為還是很有遠(yuǎn)見(jiàn)的，未來(lái)一定是一個(gè)萬(wàn)物互聯(lián)的世界。 用得正好是華為Mate30手機(jī)，升級(jí)新系統(tǒng)用用，順便分享詳細(xì)的升級(jí)步驟。

1、找到手機(jī)app“我的華為”

2、首頁(yè)點(diǎn)擊“升級(jí)嘗鮮”

3、點(diǎn)擊升級(jí)嘗鮮-立即查看

4、檢查更新，這里需要注意，必須升級(jí)到安卓最新版本11.0.0.180后才能參與鴻蒙公測(cè)。

5、下載并安裝新版本

6、下載完后自動(dòng)安裝重啟手機(jī)，升級(jí)安卓最新版本流程就結(jié)束下，下面開(kāi)啟鴻蒙系統(tǒng)升級(jí)嘗鮮流程。

7、點(diǎn)擊打開(kāi)“我的華為”app

8、首頁(yè)點(diǎn)擊“升級(jí)嘗鮮”

9、點(diǎn)擊公測(cè)嘗鮮-立即嘗鮮

10、點(diǎn)擊參加公測(cè)活動(dòng)

11、同意公測(cè)協(xié)議

12、同意隱私聲明

13、下載描述文件

14、允許安裝

15、同意公測(cè)通知

16、公測(cè)文件安裝成功

17、回退到桌面-設(shè)置-系統(tǒng)與更新-軟件更新-檢查更新-發(fā)現(xiàn)新版本，就是鴻蒙系統(tǒng)啦，點(diǎn)擊新版本

18、下載并安裝新版本

19、開(kāi)始下載啦，下載完自動(dòng)安裝，安裝完自動(dòng)重啟

20、完工，你好鴻蒙

21、調(diào)整成自己喜歡的桌面顯示模式，完美

最后說(shuō)一下鴻蒙系統(tǒng)使用的感覺(jué)，系統(tǒng)運(yùn)行很流暢，與安卓感覺(jué)區(qū)別不大，升級(jí)不會(huì)造成應(yīng)用及數(shù)據(jù)的丟失，挺方便的，感興趣的請(qǐng)按照步驟升級(jí)試試吧。

分享文章：鴻蒙開(kāi)發(fā)流程,鴻蒙系統(tǒng)流程
URL地址：http://chinadenli.net/article36/dsgoosg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站設(shè)計(jì)、外貿(mào)建站、商城網(wǎng)站、靜態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)