新聞中心
「鴻蒙開發(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è)公司,托克遜接單;提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行托克遜網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
開發(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)單的具有頁面跳轉(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è)頁面內(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)就完成了。
如何看待武漢大學(xué)計(jì)算機(jī)學(xué)院開設(shè)全國(guó)首個(gè)鴻蒙系統(tǒng)課?會(huì)帶來哪些影響?
華為和各大高校的聯(lián)系都挺緊密的,這門課也是華為和高校聯(lián)系的結(jié)果。
一、開設(shè)鴻蒙系統(tǒng)課的意義
開設(shè)鴻蒙系統(tǒng)課,代表著HarmonyOS正在慢慢走進(jìn)校園,先是武漢大學(xué),其次可能是清華北大……
在高效開設(shè)鴻蒙課程,可以從學(xué)校教育開始吸引更多年輕人投入軟件開發(fā)中,這無疑是好的——這為增強(qiáng)中國(guó)軟件技術(shù)實(shí)力奠定了基礎(chǔ),尤其是在我們?nèi)狈夹g(shù)的情況下。
萬物互聯(lián)是5G出現(xiàn)以來,互聯(lián)網(wǎng)的必然趨勢(shì)。“華為軟件做操作系統(tǒng),挑戰(zhàn)不在于技術(shù),而在生態(tài)”,這句話出自于華為消費(fèi)者業(yè)務(wù)軟件部總裁王成錄。建設(shè)華為的萬物互聯(lián)生態(tài)需要更多的軟件開發(fā)者和硬件開發(fā)者,需要越來越多的年輕人學(xué)習(xí)挼勤儉開發(fā),投入軟件開發(fā),帶來源源不斷的新生力量。武漢大學(xué)開設(shè)全國(guó)首個(gè)鴻蒙系統(tǒng)課程,正是此用意。
總的來說還是很有意義的一件事情,因?yàn)楝F(xiàn)在鴻蒙出來之后大家都說是安卓套殼,但事實(shí)上個(gè)人認(rèn)為更大的原因其實(shí)在于鴻蒙的生態(tài)還遠(yuǎn)沒有搭建起來,在還沒有足夠多的開發(fā)者的情況下,不基于安卓開發(fā)用戶會(huì)很難接受,這是最困難的一件事情。
二、從課程本身來說
這門課從今年3月就已經(jīng)開設(shè)了,這門專選學(xué)分課名為《HarmonyOS移動(dòng)程序設(shè)計(jì)》,主要是為了計(jì)算機(jī)科學(xué)技術(shù)、軟件工程和信息管理學(xué)院相關(guān)專業(yè)的學(xué)生選修開設(shè)的,所以并不存在蹭熱度這一說。
武漢大學(xué)專門為《HarmonyOS移動(dòng)程序設(shè)計(jì)》這門課程制定了全新的教學(xué)方案和教材,意在培養(yǎng)學(xué)生使用國(guó)產(chǎn)移動(dòng)操作系統(tǒng)和開發(fā)工具,開發(fā)HarmonyOS系統(tǒng)應(yīng)用的興趣。
同時(shí),該課程也是HUAWEI與武漢大學(xué)“產(chǎn)學(xué)合作協(xié)同育人項(xiàng)目”聯(lián)合打造的全國(guó)首個(gè)HarmonyOS高校課程,這不僅標(biāo)志著HarmonyOS開始融入高校專業(yè)課程體系,從高等教育開始培養(yǎng)中國(guó)軟件領(lǐng)域的專業(yè)化人才,也說明了華為目前已經(jīng)捐贈(zèng)的鴻蒙核心基礎(chǔ)架構(gòu)已經(jīng)實(shí)施到了教育中。
而目前手機(jī)app開發(fā),大家第一個(gè)想到的就是Android Studio,采用Java開發(fā)安卓app,學(xué)校里面授課大致也是按照這個(gè)思路,要么就是iOS開發(fā)。
對(duì)于鴻蒙,到底怎么開發(fā),會(huì)不會(huì)有什么坑在里面,華為或許清楚,或許不清楚,這一切都需要大家共同去完成。武大和華為合作,在學(xué)校里面教授鴻蒙的開發(fā),正是在為鴻蒙培養(yǎng)生態(tài),為日后能夠和安卓還有iOS平起平坐奠定基礎(chǔ)。
這門課首先當(dāng)然是教了學(xué)生如何開發(fā)鴻蒙的應(yīng)用,但我覺得吧,選這門課的也就二三十人,真的能學(xué)會(huì)的也不見得有多少,但是更大的意義在于向外傳達(dá)出了一個(gè)信號(hào):鴻蒙開發(fā)可以開始研究了。
此外,這一做法也借助武大的師資幫助鴻蒙開創(chuàng)了一個(gè)簡(jiǎn)單版本的入門教程,這也有助于別的公司適配鴻蒙甚至開發(fā)鴻蒙專門的應(yīng)用。
最初競(jìng)爭(zhēng)時(shí)沒有跟上,現(xiàn)在要再追趕其實(shí)挺艱難的。十年前我們會(huì)覺得iPhone4還不錯(cuò),但是時(shí)至今日,我們會(huì)覺得iPhone4很落伍了,以至于不怎么值錢。
但是從技術(shù)的研發(fā)角度來看,從頭開始研發(fā)一款iPhone4,不管什么時(shí)候,成本都是類似的(當(dāng)然后來者可以借鑒,知道什么是正確的,少了一點(diǎn)點(diǎn)成本,但是該踩的坑還是大致上不會(huì)少的)。
但是十年前蘋果研發(fā)的成本是可以收回來的,因?yàn)橛邢M(fèi)者買單,但是十年后的今天再去研發(fā),成本就很難收回來了,只能靠著不斷的投入,達(dá)到當(dāng)今的最高水平,才會(huì)漸漸的有消費(fèi)者去接受,這個(gè)過程是很讓人絕望的,而華為至少有勇氣去挑戰(zhàn)這一切。
三、總結(jié)
不管是華為造出來了,還是小米、oppo、vivo、中興等其他任何一家企業(yè)研究出來了,都是可喜可賀的事情,都是值得尊敬的。它填補(bǔ)了沒有操作系統(tǒng)的空白,雖然華為的本意可能是出于自己的商業(yè)考慮,但某種意義上也是為國(guó)家做出了一定的貢獻(xiàn)。
產(chǎn)化替代,降低對(duì)于漂亮國(guó)的依賴。鴻蒙在此其中必定也有它的作用。國(guó)家肯定是支持的,武漢大學(xué)的態(tài)度也是沒有毛病的,操作系統(tǒng)的建設(shè)需要人才,就像很多大學(xué)增加半導(dǎo)體投入及建設(shè)半導(dǎo)體相關(guān)大學(xué)一樣。不只是對(duì)于學(xué)校的好處,而是對(duì)于國(guó)家大方向的好處。
武漢大學(xué)對(duì)于鴻蒙系統(tǒng)的認(rèn)可,也可以在某種意義上打擊了網(wǎng)絡(luò)噴子黑鴻蒙的底氣,也更加證明的鴻蒙的前途明朗。
一個(gè)操作系統(tǒng)的建設(shè),不只是一家企業(yè)可以的,需要更多的企業(yè),更多的個(gè)體參與進(jìn)來。像安卓一樣,華為已經(jīng)開源,期待各位的加入,發(fā)展壯大。
教你刷機(jī)到鴻蒙系統(tǒng)之1/9步:解除BL鎖,拿到開門鑰匙
很多朋友都眼巴巴在等著將手機(jī)刷機(jī)到鴻蒙系統(tǒng)。
“千里之行,始于足下”,不論你刷機(jī)到鴻蒙系統(tǒng),原生安卓系統(tǒng),還是LineageOS等,都必須要完成第一步解除BL鎖。
具體到小米手機(jī),從提交申請(qǐng)到拿到解鎖許可,需要一個(gè)周(168小時(shí))的等待時(shí)間。(注意,有些品牌是不允許解鎖的,需要你自己去核實(shí))。
這個(gè)系列9節(jié)課程,我教你從零起步制作適配機(jī)型的鴻蒙ROM,課程大綱如下:
事先提醒, “刷機(jī)有風(fēng)險(xiǎn),入坑須謹(jǐn)慎” 。倘若并非安卓開發(fā)程序員,請(qǐng)務(wù)必不要在你刷過的手機(jī)上使用金融類軟件。
另外,只拿你的備用機(jī)來跟進(jìn)本課程。(我用主力機(jī)K40來演示本節(jié)課的解鎖操作,后面的8節(jié)課程全部使用備用機(jī)小米8青春版)。此系列課程服務(wù)零基礎(chǔ)用戶,心急的開發(fā)者用戶可以等到第七節(jié)再來,或者去看看我的Emacs教程。
好了,下面我們馬上開始。
從路徑 “設(shè)置”-- "我的設(shè)備“ -- "全部參數(shù)" -- 找到“MIUI版本”,連續(xù)敲擊5~10次,打開“開發(fā)者模式”。
再退回到“設(shè)置”,按照路徑 “設(shè)置”-- “更多設(shè)置” -- "開發(fā)者選項(xiàng)”下打開 “USB調(diào)試”:
完成以上兩步之后呢,你的電腦就能通過USB連結(jié)讀取你手機(jī)的數(shù)據(jù)了。
在路徑 “設(shè)置”-- “更多設(shè)置” -- "開發(fā)者選項(xiàng)” -- "設(shè)備解鎖狀態(tài)",綁定帳號(hào)與設(shè)備(如果多臺(tái)設(shè)備,最好用不同的小米帳號(hào)解鎖):
切換到數(shù)據(jù)流量,綁定成功后將會(huì)看到下面的提示:
登錄小米官網(wǎng),點(diǎn)選進(jìn)入“社區(qū)”:
在小米社區(qū)的導(dǎo)航欄點(diǎn)選“手機(jī)解鎖”:
立刻就能看到解鎖界面:
單擊"Unlock Now",將展現(xiàn)這個(gè)界面:
此處的英文提醒,解鎖之后將會(huì)置手機(jī)與不安全之中,容易受到惡意軟件的攻擊。同時(shí),我聽說,解鎖之后將不再享有小米的質(zhì)保,請(qǐng)三思之后再解鎖。
下載”Mi Unlock“到本地。
在路徑 “設(shè)置”-- “更多設(shè)置” -- "備份與恢復(fù)":
選擇“從電腦上備份恢復(fù)”:
點(diǎn)選“手機(jī)備份恢復(fù)”:
選擇全部?jī)?nèi)容,開始備份:
備份完成后,USB線將手機(jī)連接到電腦:
從路徑 MIUI -- Backup -- AllBackup 找到下面日期序列號(hào)的備份文件,并拷貝到桌面上留著后續(xù)恢復(fù)備份:
傳輸完畢后,開始執(zhí)行下一步解鎖操作。
接著解壓剛才下載的“解鎖壓縮包”:
在新解壓的文件夾“ miflash_unlock-en-5.5.224.24” 中找到“batch_unlock.exe”文件,
雙擊打開,左下角提示登錄小米賬戶:
這是登錄界面:
登錄后就這樣:
繼續(xù)操作手機(jī)進(jìn)入到Fastmode模式。關(guān)閉手機(jī)后,同時(shí)按住音量鍵的向下箭頭和電源按鈕,等待3秒鐘就會(huì)進(jìn)入到Fastmode模式。
再回到剛才的解鎖界面,點(diǎn)擊刷新就能看到手機(jī)的序列號(hào)和解鎖狀態(tài):
你能看到我這臺(tái)K40 (代號(hào)alioth) 是”Locked”已解鎖的狀態(tài),點(diǎn)選解鎖之后呢,會(huì)提醒你等待168小時(shí)之后再來操作。
一周之后再來解鎖,還要將重復(fù)第四步的備份工作。并在解鎖之后,將手機(jī)從備份中恢復(fù)。
此刻手機(jī)還是Fastmode模式,只需重啟即可回到工作狀態(tài)。
重申提醒, “刷機(jī)有風(fēng)險(xiǎn),入坑須謹(jǐn)慎”, 務(wù)必只用你的備用機(jī)來跟進(jìn)本課程。課程服務(wù)零基礎(chǔ)的用戶,心急的開發(fā)者朋友不妨移步看兩眼我的Emacs系列教程。
這個(gè)系列9節(jié)課程,我教你從零起步制作適配機(jī)型的鴻蒙ROM,課程大綱如下:
網(wǎng)站欄目:鴻蒙程序開發(fā)課程,鴻蒙編程技術(shù)
文章分享:http://www.dlmjj.cn/article/phsjpj.html


咨詢
建站咨詢
