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

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

成都創(chuàng)新互聯(lián)制作網(wǎng)站網(wǎng)頁找三站合一網(wǎng)站制作公司,專注于網(wǎng)頁設(shè)計,成都網(wǎng)站設(shè)計、成都網(wǎng)站制作,網(wǎng)站設(shè)計,企業(yè)網(wǎng)站搭建,網(wǎng)站開發(fā),建網(wǎng)站業(yè)務(wù),680元做網(wǎng)站,已為上1000+服務(wù),成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)將一如既往的為我們的客戶提供最優(yōu)質(zhì)的網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷推廣服務(wù)!

開發(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-02-05鴻蒙開發(fā)（二.五）

Intent

Intent是對象之間傳遞信息的載體。當一個Ability需要啟動另一個Ability時，或者一個AbilitySlice需要導(dǎo)航到另一個AbilitySlice時，可以通過Intent指定啟動的目標同時攜帶相關(guān)數(shù)據(jù)。Intent的構(gòu)成元素包括Operation與Parameters。

Intent的構(gòu)成元素

Operation

Action： 表示動作，通常使用系統(tǒng)預(yù)置Action，應(yīng)用也可以自定義Action。例如IntentConstants.ACTION_HOME表示返回桌面動作。

Entity：表示類別，通常使用系統(tǒng)預(yù)置Entity，應(yīng)用也可以自定義Entity。例如Intent.ENTITY_HOME表示在桌面顯示圖標。

Uri：表示Uri描述。如果在Intent中指定了Uri，則Intent將匹配指定的Uri信息，包括scheme, schemeSpecificPart, authority和path信息。

Flags：表示處理Intent的方式。例如Intent.FLAG_ABILITY_CONTINUATION標記在本地的一個Ability是否可以遷移到遠端設(shè)備繼續(xù)運行。

BundleName：表示包描述。如果在Intent中同時指定了BundleName和AbilityName，則Intent可以直接匹配到指定的Ability。

AbilityName： 表示待啟動的Ability名稱。如果在Intent中同時指定了BundleName和AbilityName，則Intent可以直接匹配到指定的Ability。

DeviceId： 表示運行指定Ability的設(shè)備ID。

當Intent用于發(fā)起請求時，根據(jù)指定元素的不同，分為兩種類型：

如果同時指定了BundleName與AbilityName，則根據(jù)Ability的全稱（例如，“com.demoapp.FooAbility”）來直接啟動應(yīng)用。

如果未同時指定BundleName和AbilityName，則根據(jù)Operation中的其他屬性來啟動應(yīng)用。

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

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

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

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

總結(jié)一下：

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

先決條件：

1. 鴻蒙手機通過USB連接電腦，并開啟USB調(diào)試。

2. 一個華為開發(fā)者賬號，實名認證

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

關(guān)鍵流程：

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

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

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

4. 官方文檔到這在簽名配置頁就點Try Again可以自動簽名，我試了不行，以下全是手動

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

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

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

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

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

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

九州鴻蒙興科是不是培訓(xùn)機構(gòu)

是培訓(xùn)機構(gòu)。西安九州鴻蒙科興網(wǎng)絡(luò)科技有限公司坐落于陜西西安市雁塔區(qū)，西安九州鴻蒙科興網(wǎng)絡(luò)科技有限公司專業(yè)從事辦公用品銷售、物聯(lián)網(wǎng)技術(shù)服務(wù)、物聯(lián)網(wǎng)應(yīng)用服務(wù)、人力資源服務(wù)、軟件外包服務(wù)、互聯(lián)網(wǎng)數(shù)據(jù)服務(wù)、軟件開發(fā)、集成電路設(shè)計、人工智能通用應(yīng)用系統(tǒng)、信息系統(tǒng)運行維護服務(wù)、信息技術(shù)咨詢服務(wù)、數(shù)字文化創(chuàng)意內(nèi)容應(yīng)用服務(wù)、教育咨詢服務(wù)、大數(shù)據(jù)服務(wù)、人工智能行業(yè)應(yīng)用系統(tǒng)集成服務(wù)，公司尊崇“踏實、拼搏、責任”的企業(yè)精神，并以誠信、敬業(yè)，互惠，共贏、的經(jīng)營理念，創(chuàng)造良好的企業(yè)環(huán)境。以全新的管理模式，完善的技術(shù)，周到的服務(wù)，良好的品質(zhì)為生存根本。我們始終堅持用戶至上，用心服務(wù)于客戶，堅持用自己的高質(zhì)量產(chǎn)品去打動客戶。

新聞名稱：鴻蒙APP開發(fā)培訓(xùn),鴻蒙 app開發(fā)
轉(zhuǎn)載來于：http://chinadenli.net/article47/dsgdjej.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、微信公眾號、動態(tài)網(wǎng)站、網(wǎng)站制作

廣告

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