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

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

創(chuàng)新互聯(lián)是一家專業(yè)提供揭東企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、HTML5、小程序制作等業(yè)務(wù)。10年已為揭東眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

開發(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è)簡單的具有頁面跳轉(zhuǎn)功能的應(yīng)用

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

1 打開DevEco Studio，創(chuàng)建一個(gè)新工程，選擇支持Phone / Tablet / Wearable（手機(jī) / 平板 / s可穿戴）的模板，我們在此直接選擇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è)頁面內(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è)頁面創(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è)頁面中有一個(gè)容器和文本，通過Div、Text組件實(shí)現(xiàn)，現(xiàn)在編輯器已經(jīng)為我們創(chuàng)建好了，我們就來修改下它們的屬性（你也可以刪除原有的自己創(chuàng)建，具體步驟參考本章第二節(jié)“二 創(chuàng)建第一個(gè)頁面”）。

選中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è)頁面創(chuàng)建成功了

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

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

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

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

《鴻蒙》txt全集下載

鴻蒙 txt全集小說附件已上傳到百度網(wǎng)盤，點(diǎn)擊免費(fèi)下載：

內(nèi)容預(yù)覽：

第一部 都市行蹤第四章 地下通道

剛剛一盆水可是一下子就把邊惜緣的地位在劉夢琪舅舅心里給潑到極高了。真是有道高人啊！看來卻實(shí)是有道不在年高啊，這么年輕的“先生”，一盆水就能把多少人都解決不了的問題給解決了。現(xiàn)在這位胡總可是一下子就矮了一頭，直圍著邊惜緣打轉(zhuǎn)。

邊惜緣在正堂仔仔細(xì)細(xì)的尋找了每一個(gè)可疑的地方。自打進(jìn)門，邊惜緣就已經(jīng)感覺到了整個(gè)院子里陰氣最重的地方就是正堂。但是就是看不出什么毛病來，正堂的布置非常簡單，一眼就能看盡屋內(nèi)的東西，這是一個(gè)長方行的大廳堂，寬約10米，長約12米。里邊地布置是正首一張桌子，兩把椅子，左右各兩套桌椅，然后就是新漆的白墻，不同的是正首的墻顯然還沒上漆。其它的家具什么也沒有，估計(jì)是買了房子都沒裝修完。

邊惜緣在房間內(nèi)轉(zhuǎn)了一圈，仔細(xì)的看了每一處墻面。回頭向劉夢琪的舅舅問道：“這個(gè)宅子買了多長時(shí)間了？”劉夢琪的舅舅忙想了一下回道：“半年吧，這不是剛買到手里想重新裝修一下，結(jié)……

鴻蒙3.0系統(tǒng)與華為倉頡編程語言，從系統(tǒng)級6層架構(gòu)上深入分析

華為的鴻蒙系統(tǒng)3.0開始對9款手機(jī)的公測，這其中就包括p50系列的3款手機(jī)，mate40系列的5款手機(jī)，和一款12.6英寸的matepad pro。這讓咱手里拿著的mate30備受冷落。但我自己心里就更加期待華為的倉頡編程語言。這么屈指一算，倉頡編程語言從4月2號開始內(nèi)測以來已經(jīng)兩個(gè)多月了。因此，我預(yù)判，鴻蒙系統(tǒng)3.0會跟倉頡編程語言一起來到咱們的身邊。

那么在準(zhǔn)備迎接鴻蒙系統(tǒng)3.0和倉頡編程語言之前，我這一期幫大家打一個(gè)堅(jiān)實(shí)的基礎(chǔ)。我相信許多朋友當(dāng)說起來操作系統(tǒng)或者是編程語言的時(shí)候，腦子里其實(shí)是有點(diǎn)支離破碎，或者是一頭霧水。我?guī)椭蠹覐囊粋€(gè)宏觀的角度去鳥瞰，去把握和理解計(jì)算機(jī)科學(xué)體系中的坐標(biāo)，讓你獨(dú)具一雙慧眼，單單靠著你的直覺就能獲得專業(yè)的視角。計(jì)算機(jī)科學(xué)包括六層架構(gòu)，操作系統(tǒng)在第四層上，華為倉頡編程語言這樣的應(yīng)用級編程語言則處在第五層上。

咱們先從底部開始，所謂萬丈高樓平地起嘛。咱們來先看基礎(chǔ)：信息理論。任何學(xué)科的基礎(chǔ)都是數(shù)學(xué)，當(dāng)然計(jì)算機(jī)科學(xué)也不例外。這第一層就是關(guān)于數(shù)學(xué)理論的。咱們?nèi)粘Ｓ玫氖鞘M(jìn)制，計(jì)算機(jī)則是由0和1構(gòu)建起來的是二進(jìn)制。那數(shù)學(xué)也很簡單，就是關(guān)于0和1的加法。比如1加1，在十進(jìn)制中是等于2，而在二進(jìn)制1加1等于10，這就是所有的數(shù)學(xué)基礎(chǔ)，也就是這么簡單。

但是還有更加往上抽象的一個(gè)層面的基礎(chǔ)，就是咱們在高中時(shí)候?qū)W習(xí)的“布爾代數(shù)”。看似不起眼的“布爾代數(shù)”研究的是機(jī)器如何思考，如何讓機(jī)器來獲得智能這樣的問題。

布爾在1854年就解決發(fā)表一篇“研究人類的思考規(guī)律”的論文，提出了“布爾代數(shù)”，為機(jī)器如何思考打下了理論基礎(chǔ)。

布爾當(dāng)時(shí)的想法很簡單。他認(rèn)為人是理性的，那么人是按照理性邏輯來思考問題的。于是，如果他能把大腦思考問題的邏輯，提煉抽象出來的話，那么是不是就能用這邏輯在大腦之外去思考呢？布爾的這項(xiàng)雄心勃勃的構(gòu)思就是人工智能的雛形。你想呀，如果把這個(gè)邏輯提煉出來用在機(jī)器機(jī)械零件上，機(jī)械零件就會開始思考。如果用在電路上，這個(gè)電路是不是也就開始思考了呢。布爾代數(shù)咱們就很熟悉了，我就在這里就不帶展開，我前面有一期就專門來講述了這個(gè)機(jī)器來如何用布爾代數(shù)來思考，大家感興趣可以看下那一期，我在這不展開浪費(fèi)時(shí)間。

再往上第二層就是硬件，布爾他把理論抽象出來，將布爾代數(shù)應(yīng)用到電路上，電路是不是也就能開始思考？哎，到了1938年，香農(nóng)就首次把布爾代數(shù)應(yīng)用到了電路上，于是這個(gè)電路就開始思考了。從最早的真空管到半導(dǎo)體晶體管（我前面那一期也專門講過“機(jī)器如何用晶體管來思考”）然后到集成電路，再到現(xiàn)在這個(gè)大型的集成電路芯片。我們知道麒麟9000芯片用的Arm架構(gòu)的指令集，指揮CPU工作的指令又叫機(jī)器碼。比如“加法”就是用一串?dāng)?shù)字機(jī)器碼00000011來表示。

然而你會發(fā)現(xiàn)，用機(jī)器碼來指揮這個(gè)cpu或者電腦工作太麻煩了。一般人哪里能記住像前面的6個(gè)0和后面兩個(gè)1來表示加減乘除的加呢。

正是困擾于此，科學(xué)家就此提出來編程語言。最早編程語言是匯編語言。比如前面表示加法的機(jī)器碼00000011，匯編語言中將其抽象為add。然而，匯編語言也需要大量的記憶，一個(gè)指令一個(gè)指令的對應(yīng)，也是太機(jī)械了。再往前一步，往上一層抽象就是系統(tǒng)級的編程語言：面向過程的C語言。

一門編程語言所要做的一個(gè)主要工作就是在機(jī)器和我們?nèi)祟愃伎贾g建立一座橋梁。我們是人類的思考邏輯，機(jī)器是機(jī)械 式邏輯思考問題。越高級的編程語言越符合我們?nèi)祟惖乃伎歼壿嫞匠跫壍木幊陶Z言則越貼近機(jī)器的邏輯。因此，我們用高級的編程語言比如C語言，將想做的事情表達(dá)出來，它會自動轉(zhuǎn)換成機(jī)器碼。

我喜歡的編程發(fā)展史上的第二大古老的語言：Lisp語言。

就是直接使用我們的抽象思考的語言。比如重復(fù)地來做一件事，重復(fù)說五遍“Hello”這個(gè)單詞。Lisp將重復(fù)抽象為dotimes，do是做， times是多次，dotimes反復(fù)多次做。看見沒，編程語言成了我們抽象的思考工具。

當(dāng)然，華為倉頡語言也是在編程語言這里，但不是系統(tǒng)級的編程語言，咱們后面再說

當(dāng)在第二層硬件之上發(fā)展出來高級的編程語言，有了系統(tǒng)級的編程語言比如C語言之后。大家就發(fā)現(xiàn)，我需要一個(gè)操作系統(tǒng)來處理日常的基本任務(wù)，比如文件管理，進(jìn)程管理，內(nèi)存管理，設(shè)備管理和用戶管理等等。于是科學(xué)家著手用編程語言寫操作系統(tǒng)。而事實(shí)上C語言在1969年的發(fā)明，也正是為了移植與開發(fā)UNIX操作系統(tǒng)。C語言的設(shè)計(jì)者丹尼斯·里奇同時(shí)也是Unix操作系統(tǒng)的發(fā)明人。到了1991年Linus用C語言寫了Linux內(nèi)核，也是目前安卓和鴻蒙系統(tǒng)的內(nèi)核。

華為的EROFS超級文件系統(tǒng)并入Linux內(nèi)核之后，無論是Linux還是安卓都打上了20%的華為烙印。

操作系統(tǒng)再往上一層就是我們?nèi)粘５膽?yīng)用。比如聽歌、看視頻等apps就是在操作系統(tǒng)之上。這也好理解，先有了操作系統(tǒng)，才有我們的各種應(yīng)用。由此也能理解，為什么像鴻蒙系統(tǒng)3.0如此重要，因?yàn)閼?yīng)用程序要運(yùn)行在上面。這些應(yīng)用程序就是用華為倉頡編程語言等應(yīng)用級編程語言開發(fā)的。不過，目前咱們手機(jī)上的應(yīng)用程序都是用Java開發(fā)。未來鴻蒙系統(tǒng)將會使用自研的倉頡語言開發(fā)鴻蒙應(yīng)用。

應(yīng)用程序的主要功能之一是溝通和交流。我們用Email發(fā)郵件，用通訊視頻聊天，而Web應(yīng)用技術(shù)構(gòu)建起來當(dāng)前的互聯(lián)網(wǎng)信息大廈。

好了，我們總結(jié)一下。計(jì)算機(jī)科學(xué)的六層架構(gòu)。

第1層是信息理論，研究如何在大腦之外實(shí)現(xiàn)思考，布爾代數(shù)是人工智能的雛形。第2層是硬件，布爾代數(shù)應(yīng)用到電路上，晶體管開始思考，將數(shù)以億計(jì)的晶體管雕刻到集成電路CPU中，CPU的機(jī)器碼指揮計(jì)算機(jī)工作。第3層編程語言，從枯燥難記的機(jī)器碼里發(fā)展出來匯編語言，再到系統(tǒng)級的C語言，構(gòu)建起來人類思考與機(jī)器邏輯之間橋梁。第4層操作系統(tǒng)，C語言不是憑空而來，是為了開發(fā)Unix操作系統(tǒng)而發(fā)明，而操作系統(tǒng)是計(jì)算機(jī)里最大的軟件。第5層應(yīng)用軟件，日常所有的apps都運(yùn)行在操作系統(tǒng)之上。倉頡編程語言是給鴻蒙系統(tǒng)開發(fā)應(yīng)用程序的專屬開發(fā)語言。第六層溝通互聯(lián)，就是我們目前的互聯(lián)網(wǎng)技術(shù)，在網(wǎng)絡(luò)里看書、聽音樂，點(diǎn)一份外賣等等。

這就是計(jì)算機(jī)科學(xué)六層架構(gòu)，鴻蒙操作系統(tǒng)與倉頡編程語言各就各位。用架構(gòu)去思考和看問題，不僅能心中有數(shù)，還能獨(dú)具一雙慧眼。

當(dāng)前文章：鴻蒙應(yīng)用程序開發(fā)txt的簡單介紹
轉(zhuǎn)載來源：http://chinadenli.net/article12/dsgpcdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、定制開發(fā)、網(wǎng)站收錄、網(wǎng)站建設(shè)、定制網(wǎng)站、電子商務(wù)

廣告

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