arkts性能

ArkTS繼承了TS的所有特性。

成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站制作、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)與策劃設(shè)計,白山網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:白山等地區(qū)。白山做網(wǎng)站價格咨詢:13518219792

ArkTS是HarmonyOS優(yōu)選的主力應(yīng)用開發(fā)語言。ArkTS在TS基礎(chǔ)上主要擴展了聲明式UI能力，讓開發(fā)者以更簡潔、更自然的方式開發(fā)高性能應(yīng)用。

2022年11月11日同時鴻蒙開發(fā)套件推出了升級的ArkTS、ArkUI、ArkCompiler等技術(shù),通過這些技術(shù)的加持,讓HarmonyOS App從開發(fā)、到布局,再到性能,都得到了質(zhì)的飛躍。

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

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

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

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

本章目標：

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

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

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

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

Project name工程名稱填SuperVisual

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ability

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

2.onActive()

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

3.onInactive()

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

4.onBackground()

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

5.onForeground()

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

6.onStop()

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

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

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

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

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

AbilitySlice生命周期

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

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

當AbilitySlice處于前臺且具有焦點時，其生命周期狀態(tài)隨著所屬Page的生命周期狀態(tài)的變化而變化。當一個Page擁有多個AbilitySlice時，例如：MyAbility下有FooAbilitySlice和BarAbilitySlice，當前FooAbilitySlice處于前臺并獲得焦點，并即將導(dǎo)航到BarAbilitySlice，在此期間的生命周期狀態(tài)變化順序為：

對應(yīng)兩個slice的生命周期方法回調(diào)順序為：

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

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