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

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

創(chuàng)新互聯(lián)專注于靈璧企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),購(gòu)物商城網(wǎng)站建設(shè)。靈璧網(wǎng)站建設(shè)公司,為靈璧等地區(qū)提供建站服務(wù)。全流程定制設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

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

本章目標(biāo)：

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

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

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

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

Project name工程名稱填SuperVisual

Development mode開發(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è)按鈕，通過Div、Text和Button組件來實(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打開預(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è)容器和文本，通過Div、Text組件實(shí)現(xiàn)，現(xiàn)在編輯器已經(jīng)為我們創(chuàng)建好了，我們就來修改下它們的屬性（你也可以刪除原有的自己創(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窗口，打開工程中的“entry src main js default pages first first.js”， 導(dǎo)入router模塊，頁(yè)面路由router根據(jù)頁(yè)面的uri來找到目標(biāo)頁(yè)面，從而實(shí)現(xiàn)跳轉(zhuǎn)。示例代碼如下：

2 打開或者切換到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)就完成了。

華為鴻蒙os的app包后綴是什么，用什么語(yǔ)言編寫，和安卓app有區(qū)別嗎？

1、構(gòu)建理念不同：谷歌的安卓系統(tǒng)主要出于移動(dòng)終端以及智能電視、智能穿戴設(shè)備所考慮。華為的鴻蒙系統(tǒng)主要出于未來萬物互聯(lián)的角度，囊括了所有能夠接入物聯(lián)網(wǎng)的設(shè)備。并不僅僅局限于基于ARM架構(gòu)的設(shè)備，甚至是基于X86或者其他更新架構(gòu)的設(shè)備。

2、理念不同：導(dǎo)致系統(tǒng)復(fù)雜度、難易度不同，華為鴻蒙系統(tǒng)綜合性要高于安卓系統(tǒng)。

3、資源獲取的能力不同：華為的生態(tài)系統(tǒng)建設(shè)而困擾，物聯(lián)網(wǎng)將會(huì)為華為帶來大量的內(nèi)容資源。短期內(nèi)華為系統(tǒng)的生態(tài)建設(shè)將會(huì)被安卓系統(tǒng)所壓制，畢竟兩者不在同一個(gè)數(shù)量級(jí)。

擴(kuò)展資料：

至于華為為什么要基于Linux開發(fā)自己的操作系統(tǒng)，其實(shí)很容易理解。首先，它可以很好地與Android應(yīng)用程序兼容。畢竟，Android也是基于Linux開發(fā)的，這解決了很大一部分的生態(tài)問題。

此外，紅夢(mèng)是集計(jì)算機(jī)、手機(jī)、汽車等設(shè)備于一體的統(tǒng)一系統(tǒng)，Linux在計(jì)算機(jī)領(lǐng)域的應(yīng)用生態(tài)也很好，基于Linux來開發(fā)，在計(jì)算機(jī)領(lǐng)域的應(yīng)用生態(tài)，也解決了很大一部分。

鴻蒙系統(tǒng)開發(fā)APP能在普通安卓手機(jī)上安裝嗎？

不能，只有鴻蒙系統(tǒng)兼容安卓應(yīng)用，當(dāng)然各種問題也是存在的，但基本可以運(yùn)行起來。

鴻蒙os用什么語(yǔ)言開發(fā)app

鴻蒙os所用的語(yǔ)言開發(fā)APP軟件，這個(gè)只有是內(nèi)部人員才能夠知道的，應(yīng)該是一些計(jì)算機(jī)方面的c語(yǔ)言之類的或者是更高級(jí)的語(yǔ)言。

網(wǎng)站欄目：鴻蒙os開發(fā)app,鴻蒙OS開發(fā)者選項(xiàng)
分享地址：http://chinadenli.net/article19/dsghcdh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、云服務(wù)器、企業(yè)網(wǎng)站制作、微信公眾號(hào)、微信小程序、自適應(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í)需注明來源： 創(chuàng)新互聯(lián)