你好,據(jù)我了解,鴻蒙是華為自主研發(fā)的操作系統(tǒng),曾有專業(yè)人士分析稱:鴻蒙操作系統(tǒng)(HarmonyOS)有望成為世界第三大操作系統(tǒng)。而軟通動力則是鴻蒙生態(tài)第一批參與者和貢獻者,軟通動力在鴻蒙軟件研究與開發(fā)、服務生態(tài)的構(gòu)建方面都扮演了重要角色。憑借在數(shù)字化技術(shù)服務、軟件研發(fā)、第三方認證等領(lǐng)域積累的豐富經(jīng)驗,軟通動力打通前后端的生態(tài)接口,為鴻蒙操作系統(tǒng)的軟件開發(fā)和商業(yè)化推廣與應用提供了全棧式服務,共筑鴻蒙生態(tài)價值。

目前創(chuàng)新互聯(lián)已為上千家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)站空間、網(wǎng)站托管、企業(yè)網(wǎng)站設計、左貢網(wǎng)站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
開發(fā)前可以了解下鴻蒙: [鴻蒙開發(fā) 序]華為鴻蒙操作系統(tǒng)(HarmonyOS)簡介及開發(fā)環(huán)境搭建
開發(fā)前的準備:「鴻蒙開發(fā) 1」華為鴻蒙應用集成開發(fā)環(huán)境DevEco Studio安裝和設置
了解鴻蒙應用開發(fā)的基本開發(fā)流程:「鴻蒙開發(fā) 2」第一個華為鴻蒙(HarmonyOS)應用程序(App)
本章目標:
1 了解華為鴻蒙應用開發(fā)的可視化(低代碼)方式
2 通過構(gòu)建一個簡單的具有頁面跳轉(zhuǎn)功能的應用
低代碼開發(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
其它的可以使用默認設置,點擊完成,進入編輯界面
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),設置Div組件的高度Height為100%,使其占滿屏幕
點擊右側(cè)屬性樣式欄中的樣式圖標(Flex),設置Div組件的FlexDirection樣式為column,使Div的主軸垂直;設置Div組件的JustifyContent樣式為center,使得其子組件在主軸上居中顯示;設置Div組件的AlignItems樣式為center,使得其子組件在交叉軸上居中顯示
(3)選中UI Control中的Text組件,將其拖至Div組件的中央?yún)^(qū)域
點擊右側(cè)屬性樣式欄中的屬性圖標(Properties),設置Text組件的Content屬性為 “ Hello World ”
點擊右側(cè)屬性樣式欄中的通用樣式圖標(General),設置Text組件的寬(width)為100%,高(height)為100px
點擊右側(cè)屬性樣式欄中的樣式圖標(Feature),設置組件的FontSize樣式為60px,使得其文字放大;設置組件的TextAlign樣式為center,使得組件文字居中顯示
(4)選中UI Control中的Button組件,將其拖至Text組件下面
點擊右側(cè)屬性樣式欄中的屬性圖標(Properties),設置Button組件的Value屬性為 “ Next ”,
點擊右側(cè)屬性樣式欄中的通用樣式圖標(General),設置按的寬(width)為40%,高(height)為60px
點擊右側(cè)屬性樣式欄中的樣式圖標(Feature),設置組件的FontSize樣式為40px
至此,第一個頁面創(chuàng)建完成
我們可以在預覽窗口中看效果,點擊右側(cè)邊欄的Preview打開預覽窗口
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),設置Text組件的Content屬性為 “ Hi,I'm always here. ”
點擊右側(cè)屬性樣式欄中的通用圖標(General),設置組件的寬(width)為100%,高為60px
點擊右側(cè)屬性樣式欄中的樣式圖標(Feature),設置組件的FontSize樣式為36px,TextAlign樣式為center
這樣我們的第二個頁面創(chuàng)建成功了
1 在Project窗口,打開工程中的“entry src main js default pages first first.js”, 導入router模塊,頁面路由router根據(jù)頁面的uri來找到目標頁面,從而實現(xiàn)跳轉(zhuǎn)。示例代碼如下:
2 打開或者切換到first.visual頁面,選中畫布上的Button組件,點擊右側(cè)屬性樣式欄中的事件圖標(Events),鼠標點擊Click事件的輸入框,選擇launch事件
3 在預覽窗口中查看項目效果,點擊Next按鈕后發(fā)現(xiàn)我們的頁面成功跳轉(zhuǎn)了。
到此,本章的目標就完成了。
首先說鴻蒙系統(tǒng)并不是一個單純的手機的操作系統(tǒng),他是一個面對物聯(lián)網(wǎng)的,一個全方位的操作系統(tǒng),也就是說,他可以在很多不同的平臺上的進行運行的全新操作系統(tǒng)。
而軟通動力實際上他就是為鴻蒙系統(tǒng)的這個全場景,提供了一個解決方案,它包括全方位的技術(shù),人員,生態(tài)搭建,營銷等方面的支持。
網(wǎng)站欄目:鴻蒙軟件開發(fā)中,鴻蒙軟件開發(fā)中心網(wǎng)
文章轉(zhuǎn)載:http://chinadenli.net/article32/dsipopc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供用戶體驗、微信公眾號、ChatGPT、營銷型網(wǎng)站建設、python、小程序開發(fā)
聲明:本網(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)