華為的鴻蒙系統(tǒng)3.0開始對9款手機的公測,這其中就包括p50系列的3款手機,mate40系列的5款手機,和一款12.6英寸的matepad pro。這讓咱手里拿著的mate30備受冷落。但我自己心里就更加期待華為的倉頡編程語言。這么屈指一算,倉頡編程語言從4月2號開始內(nèi)測以來已經(jīng)兩個多月了。因此,我預判,鴻蒙系統(tǒng)3.0會跟倉頡編程語言一起來到咱們的身邊。
創(chuàng)新互聯(lián)公司專注于彭陽企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),成都商城網(wǎng)站開發(fā)。彭陽網(wǎng)站建設(shè)公司,為彭陽等地區(qū)提供建站服務(wù)。全流程按需定制制作,專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
那么在準備迎接鴻蒙系統(tǒng)3.0和倉頡編程語言之前,我這一期幫大家打一個堅實的基礎(chǔ)。我相信許多朋友當說起來操作系統(tǒng)或者是編程語言的時候,腦子里其實是有點支離破碎,或者是一頭霧水。我?guī)椭蠹覐囊粋€宏觀的角度去鳥瞰,去把握和理解計算機科學體系中的坐標,讓你獨具一雙慧眼,單單靠著你的直覺就能獲得專業(yè)的視角。計算機科學包括六層架構(gòu),操作系統(tǒng)在第四層上,華為倉頡編程語言這樣的應(yīng)用級編程語言則處在第五層上。
咱們先從底部開始,所謂萬丈高樓平地起嘛。咱們來先看基礎(chǔ):信息理論。任何學科的基礎(chǔ)都是數(shù)學,當然計算機科學也不例外。這第一層就是關(guān)于數(shù)學理論的。咱們?nèi)粘S玫氖鞘M制,計算機則是由0和1構(gòu)建起來的是二進制。那數(shù)學也很簡單,就是關(guān)于0和1的加法。比如1加1,在十進制中是等于2,而在二進制1加1等于10,這就是所有的數(shù)學基礎(chǔ),也就是這么簡單。
但是還有更加往上抽象的一個層面的基礎(chǔ),就是咱們在高中時候?qū)W習的“布爾代數(shù)”??此撇黄鹧鄣摹安紶柎鷶?shù)”研究的是機器如何思考,如何讓機器來獲得智能這樣的問題。
布爾在1854年就解決發(fā)表一篇“研究人類的思考規(guī)律”的論文,提出了“布爾代數(shù)”,為機器如何思考打下了理論基礎(chǔ)。
布爾當時的想法很簡單。他認為人是理性的,那么人是按照理性邏輯來思考問題的。于是,如果他能把大腦思考問題的邏輯,提煉抽象出來的話,那么是不是就能用這邏輯在大腦之外去思考呢?布爾的這項雄心勃勃的構(gòu)思就是人工智能的雛形。你想呀,如果把這個邏輯提煉出來用在機器機械零件上,機械零件就會開始思考。如果用在電路上,這個電路是不是也就開始思考了呢。布爾代數(shù)咱們就很熟悉了,我就在這里就不帶展開,我前面有一期就專門來講述了這個機器來如何用布爾代數(shù)來思考,大家感興趣可以看下那一期,我在這不展開浪費時間。
再往上第二層就是硬件,布爾他把理論抽象出來,將布爾代數(shù)應(yīng)用到電路上,電路是不是也就能開始思考?哎,到了1938年,香農(nóng)就首次把布爾代數(shù)應(yīng)用到了電路上,于是這個電路就開始思考了。從最早的真空管到半導體晶體管(我前面那一期也專門講過“機器如何用晶體管來思考”)然后到集成電路,再到現(xiàn)在這個大型的集成電路芯片。我們知道麒麟9000芯片用的Arm架構(gòu)的指令集,指揮CPU工作的指令又叫機器碼。比如“加法”就是用一串數(shù)字機器碼00000011來表示。
然而你會發(fā)現(xiàn),用機器碼來指揮這個cpu或者電腦工作太麻煩了。一般人哪里能記住像前面的6個0和后面兩個1來表示加減乘除的加呢。
正是困擾于此,科學家就此提出來編程語言。最早編程語言是匯編語言。比如前面表示加法的機器碼00000011,匯編語言中將其抽象為add。然而,匯編語言也需要大量的記憶,一個指令一個指令的對應(yīng),也是太機械了。再往前一步,往上一層抽象就是系統(tǒng)級的編程語言:面向過程的C語言。
一門編程語言所要做的一個主要工作就是在機器和我們?nèi)祟愃伎贾g建立一座橋梁。我們是人類的思考邏輯,機器是機械 式邏輯思考問題。越高級的編程語言越符合我們?nèi)祟惖乃伎歼壿?,越初級的編程語言則越貼近機器的邏輯。因此,我們用高級的編程語言比如C語言,將想做的事情表達出來,它會自動轉(zhuǎn)換成機器碼。
我喜歡的編程發(fā)展史上的第二大古老的語言:Lisp語言。
就是直接使用我們的抽象思考的語言。比如重復地來做一件事,重復說五遍“Hello”這個單詞。Lisp將重復抽象為dotimes,do是做, times是多次,dotimes反復多次做。看見沒,編程語言成了我們抽象的思考工具。
當然,華為倉頡語言也是在編程語言這里,但不是系統(tǒng)級的編程語言,咱們后面再說
當在第二層硬件之上發(fā)展出來高級的編程語言,有了系統(tǒng)級的編程語言比如C語言之后。大家就發(fā)現(xiàn),我需要一個操作系統(tǒng)來處理日常的基本任務(wù),比如文件管理,進程管理,內(nèi)存管理,設(shè)備管理和用戶管理等等。于是科學家著手用編程語言寫操作系統(tǒng)。而事實上C語言在1969年的發(fā)明,也正是為了移植與開發(fā)UNIX操作系統(tǒng)。C語言的設(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)粘5膽?yīng)用。比如聽歌、看視頻等apps就是在操作系統(tǒng)之上。這也好理解,先有了操作系統(tǒng),才有我們的各種應(yīng)用。由此也能理解,為什么像鴻蒙系統(tǒng)3.0如此重要,因為應(yīng)用程序要運行在上面。這些應(yīng)用程序就是用華為倉頡編程語言等應(yīng)用級編程語言開發(fā)的。不過,目前咱們手機上的應(yīng)用程序都是用Java開發(fā)。未來鴻蒙系統(tǒng)將會使用自研的倉頡語言開發(fā)鴻蒙應(yīng)用。
應(yīng)用程序的主要功能之一是溝通和交流。我們用Email發(fā)郵件,用通訊視頻聊天,而Web應(yīng)用技術(shù)構(gòu)建起來當前的互聯(lián)網(wǎng)信息大廈。
好了,我們總結(jié)一下。計算機科學的六層架構(gòu)。
第1層是信息理論,研究如何在大腦之外實現(xiàn)思考,布爾代數(shù)是人工智能的雛形。第2層是硬件,布爾代數(shù)應(yīng)用到電路上,晶體管開始思考,將數(shù)以億計的晶體管雕刻到集成電路CPU中,CPU的機器碼指揮計算機工作。第3層編程語言,從枯燥難記的機器碼里發(fā)展出來匯編語言,再到系統(tǒng)級的C語言,構(gòu)建起來人類思考與機器邏輯之間橋梁。第4層操作系統(tǒng),C語言不是憑空而來,是為了開發(fā)Unix操作系統(tǒng)而發(fā)明,而操作系統(tǒng)是計算機里最大的軟件。第5層應(yīng)用軟件,日常所有的apps都運行在操作系統(tǒng)之上。倉頡編程語言是給鴻蒙系統(tǒng)開發(fā)應(yīng)用程序的專屬開發(fā)語言。第六層溝通互聯(lián),就是我們目前的互聯(lián)網(wǎng)技術(shù),在網(wǎng)絡(luò)里看書、聽音樂,點一份外賣等等。
這就是計算機科學六層架構(gòu),鴻蒙操作系統(tǒng)與倉頡編程語言各就各位。用架構(gòu)去思考和看問題,不僅能心中有數(shù),還能獨具一雙慧眼。
現(xiàn)在華為鴻蒙系統(tǒng)(Harmony OS)已經(jīng)到了大規(guī)模推廣、搭載前的最后公測階段,已經(jīng)有很多人升級到了鴻蒙,事實就擺在面前了,所以現(xiàn)在關(guān)于鴻蒙系統(tǒng)是PPT的說法,差不多都該很快消失了。
目前對鴻蒙系統(tǒng)的質(zhì)疑聲音,又集中到了“安卓套殼”這個老話題上來,畢竟鴻蒙系統(tǒng)確實是全面兼容安卓APP,而且在日常界面上也和安卓系統(tǒng)很類似。很多所謂程序員就根據(jù)鴻蒙系統(tǒng)中確實有很多AOSP(安卓開源項目)的開源代碼來認定,鴻蒙系統(tǒng)就是安卓套個殼而已。
一、這樣的觀點,實際上從稍有知識產(chǎn)權(quán)、法律常識的角度看,根本就是不可能成立的。
難道一個強悍的谷歌公司,就沒有幾個律師(法務(wù))懂這事?你以為谷歌強制要求的 安卓手機開機界面“Powered by android” 只是個擺設(shè),或是個花架子沒用的?如果說誰家手機系統(tǒng)底層是安卓,卻不遵從這個規(guī)則,怕是早就被谷歌告進了法院。谷歌有多么狠沒人不知道吧?要知道谷歌自家私有的GMS(谷歌移動服務(wù)),早就禁止華為手機安裝了。當時谷歌那可是步步緊逼,堅決把禁止華為使用GMS進行到底的力度。
放心吧,谷歌沒這么傻,華為更沒這么傻。如果鴻蒙系統(tǒng)不是完全自己開發(fā)的,華為有必要多此一舉? 華為現(xiàn)在的 “安卓+EMUI+HMS(華為移動服務(wù))”模式 ,不也是用得好好的嗎? 而且,“安卓+EMUI+HMS”這個模式,只要華為想用安卓開源系統(tǒng),還可以一直用下去,完全符合開源項目規(guī)則。
其實這也是目前小米、OPPO、vivo、三星等所有安卓系手機廠家都在做的,比如小米的安卓+MIUI等。況且,華為的EMUI也很強大,完全不比任何別家UI系統(tǒng)差。
二、即便是從軟件技術(shù)、軟件開源社區(qū)及開源軟件規(guī)則這些常識看,鴻蒙系統(tǒng)使用AOSP(安卓開源項目)的開源代碼不但合規(guī),還是合情、合理的。
下面咱們來看看2021年1月下旬,華為消費者業(yè)務(wù)軟件部總裁、鴻蒙操作系統(tǒng)負責人王成錄接受采訪時,對鴻蒙系統(tǒng)全面、深入的介紹。王成錄這位資深“程序員”,應(yīng)該是最有資格介紹鴻蒙系統(tǒng)的了。
這里王成錄還是把對鴻蒙系統(tǒng)的質(zhì)疑歸結(jié)于理解不一致的問題。他說并不是所有安卓代碼都是谷歌開發(fā)的,安卓系統(tǒng)的絕大部分代碼來自開源社區(qū)。
鴻蒙也會吸收社區(qū)的優(yōu)秀技術(shù)和代碼,用了AOSP(Android 開源項目)的開源代碼,就認定鴻蒙是安卓換了皮,說明這類吐槽者沒有太準確理解什么是開源。開源系統(tǒng)的最大意義就在于大家都來貢獻代碼,大家都可以免費使用。而華為本身就是安卓開源系統(tǒng)最大的貢獻者之一。
王成錄說到 今年10月,鴻蒙第三階段的開源代碼會上線,來自AOSP社區(qū)的、由谷歌貢獻的代碼就幾乎沒有了 。相信華為的這個時間表,那些吐槽的所謂“程序員”應(yīng)該可以理解了。
由此可見, 鴻蒙系統(tǒng)是龐大的,特別是前期吸收開源社區(qū)的技術(shù)、代碼,都可以顯著提高系統(tǒng)開發(fā)的進程,華為何樂而不為呢?這個槽點,該破了。
類似的,鴻蒙系統(tǒng)對于安卓APP的兼容,也是這個連續(xù)性的道理。王成錄明確提到,現(xiàn)在鴻蒙生態(tài)的應(yīng)用量(APP及開發(fā)者)還不夠多。他說谷歌安卓系統(tǒng)有約2000萬開發(fā)者,蘋果iOS有2400萬開發(fā)者,鴻蒙生態(tài)的開發(fā)者數(shù)量還差很多。所以, 在鴻蒙生態(tài)起步的初級階段,兼容安卓不但不該被吐槽,反而應(yīng)該是一個妙招 。
當然華為也沒有忽視自有生態(tài)建設(shè)。華為選擇了中國應(yīng)用市場(APP)下載量排名前200的廠家,一個個去溝通,已確定做方案的達到70%。鴻蒙生態(tài)建設(shè)非一日之功,早在緊張進行中。
這些吐槽的所謂程序員,要么就是揣著明白裝糊涂,為了吐槽鴻蒙而裝糊涂;要么根本就不是程序員,打著程序員的幌子,純粹就是為了吐槽鴻蒙而已。
三、最后做個善意提醒,現(xiàn)在用著安卓系統(tǒng)的手機廠家,也不要高興太早,或是暗自慶幸自己運氣好,沒有被谷歌打壓。
谷歌可是在一步步收緊對安卓系統(tǒng)的控制,說不定啥時候讓你交點兒使用費,怕是躲不開的。而且交點兒使用費,怕這還是好的。 要是哪天你也想真心實意做點兒技術(shù)活,也搞點兒高新 科技 ,難免要被美國盯上,難道就不怕和華為一樣也被禁掉GMS?多做點兒準備,不是壞事。
并且鴻蒙系統(tǒng)的微內(nèi)核、軟總線、分布式架構(gòu)的先進性,是安卓系統(tǒng)不可匹敵的。隨著鴻蒙系統(tǒng)生態(tài)進一步完善,加上華為鴻蒙系統(tǒng)的開放政策,相信用上更先進的系統(tǒng),對任何廠商都有吸引力。用上中國自己的操作系統(tǒng),何樂而不為?連谷歌都在開發(fā)安卓的替代系統(tǒng)Fuchsia了,難道還有人懷疑安卓必將被淘汰的結(jié)果嗎?
鴻蒙系統(tǒng)確實是個新事物,很多人對其缺乏認識是可以理解的。我們中國之前確實也沒有拿出一個成功的操作系統(tǒng),鴻蒙系統(tǒng)突圍而出的難度的確很大,有些人缺乏信心也有可能。 但是現(xiàn)在華為有實力、有機會,鴻蒙成功就在眼前,我們還腿軟,就不該了。
華為將在6月2日晚8點舉辦鴻蒙操作系統(tǒng)及華為 全場景 新品發(fā)布會。官方微博也在同一時間更名為Harmony OS,同時更新了鴻蒙操作系統(tǒng)的開機視頻。 ——Harmony OS會帶來哪些改變?
“鴻蒙”走過的那些路
Harmony OS 歷程
目前,已經(jīng)有19款機型提前享受到了HarmonyOS; 鴻蒙的出世,看似是華為的應(yīng)對之舉,實則是提前的布局和積累;
鴻蒙的多個版本…
為什么“鴻蒙”不是第二個“安卓”
HarmonyOS從設(shè)計之初,就是面向未來萬物互聯(lián)時代的操作系統(tǒng),“我們希望用一套操作系統(tǒng)解決所有IoT硬件設(shè)備搭載系統(tǒng)的問題,硬件生產(chǎn)廠家不需要在生產(chǎn)不同硬件的時候,裁剪或者尋找一個新的系統(tǒng)安裝。” ——王成錄表示 。
鴻蒙系統(tǒng)的開發(fā)和誕生,是基于華為對于物聯(lián)網(wǎng)時代的觀察——原本就是為移動互聯(lián)網(wǎng)的“下一個時代,萬物互聯(lián)”準備的。
更重要的是,HarmonyOS給所有應(yīng)用開發(fā)者提供分布式編程框架,讓大家用自己熟悉的編程語言,只寫一次的業(yè)務(wù)邏輯就能夠運行在所有設(shè)備上,從而最大限度地實現(xiàn)生態(tài)在各個孤立設(shè)備上的共享,打通各個設(shè)備間交互的障礙。
相比安卓在不同的 :操作系統(tǒng)、屏幕尺寸、必須進行針對性的整套的開發(fā)適配; 鴻蒙采用分布式的開源方式,一次開發(fā),多端部署,開發(fā)效率大大提高, 分布式技術(shù)、跨終端、多場景,是HarmonyOS中不斷被提及的特點。
谷歌的安卓系統(tǒng)雖然開源,但卻不具備將其他設(shè)備的功能整合起來的能力,屬于單一手機為主的“移動互聯(lián)網(wǎng)”時代的操作系統(tǒng) ;而鴻蒙能夠打通手機與其他設(shè)備間溝通的障礙,整合各個設(shè)備的能力,可以說是面向全新的“5G時代”的底層系統(tǒng);
鴻蒙的意義:跳脫出此前直接售賣硬件的商業(yè)模式,擺脫芯片封鎖帶來的業(yè)務(wù)風險,通過鴻蒙OS為業(yè)務(wù)開拓出全新的空間。 雖然鴻蒙當前還在努力崛起的初級階段,生態(tài)打造任重道遠,但是背后的意義卻極為深遠。
如何看待Harmony OS里Android痕跡
一直以來,對于鴻蒙的爭議很大一部分來自于: “華為鴻蒙系統(tǒng)到底是不是安卓系統(tǒng)套殼”?
關(guān)于代碼等專業(yè)方面的問題,此處不做贅述,其實只要考慮清楚三個方面的問題,想必就能夠得出結(jié)論。
首先, 谷歌在對華為的限制方面,并沒有切斷安卓的供應(yīng),被切斷的是GMS的供應(yīng),針對這一點,華為找到了HMS的解決方式,其中壓根沒有鴻蒙什么事;
其次, 華為作為一個擁有自主研發(fā)能力的大型企業(yè),在明知安卓系統(tǒng)發(fā)展成熟的前提下,造一個哪怕與安卓完全獨立的應(yīng)用生態(tài)是沒有問題的;
再簡單直白一些,如今智能手機市場上,用戶在搭載什么樣的系統(tǒng)上并沒有太大的區(qū)別,對于鴻蒙系統(tǒng)來說,它的UI是否合理,運行是否流暢,是否能夠使用原先用戶可應(yīng)用的APP,這才是問題的關(guān)鍵。
因此: 從現(xiàn)階段華為公開的消息看,如果說鴻蒙是“套殼安卓”,那么安卓也可以是“套殼EMUI”了,這本身就是一個滑稽的說法。
之前測試過使用華為DevEco開發(fā)智能電視應(yīng)用。前幾天華為發(fā)布了手機的測試版,不能免俗,抓緊嘗試一下。
手頭沒有華為手機測試系統(tǒng),現(xiàn)在試一下開發(fā)環(huán)境跑模擬器感受一下。
以前DevEco里是沒有手機選項的,現(xiàn)在該選項可以看到了:
這里測試一下Business Card Ability(Java)開發(fā)。
DevEco和Android Studio一樣基于開源的Idea版本開發(fā)的,其結(jié)構(gòu)與安卓開發(fā)環(huán)境非常像,熟悉安卓的小伙伴應(yīng)該能很快上手。
入口程序是一個MyApplication,從AbilityPackage繼承。
它首先找到了連接的榮耀手機,但這個手機不是鴻蒙系統(tǒng)。
編譯是成功了,但提示設(shè)備無法使用:
點擊Tools - HVD Manager
首先提示登陸華為賬號,登陸后,選擇一個模擬器運行:
啟動以后長這個樣:
點擊設(shè)置,先看看關(guān)于:
上面顯示大大的HarmonyOS。但感覺畫面很模糊,不知道模擬器到底是運行在本地的,還是云端的。但DevEco上顯示是Remote Device字樣。
鴻蒙OS版本號 2.0.0 Developer Beta1。
再點運行,在指定的模擬器上運行程序。
不過仍然運行失?。?/p>
鴻蒙OS版本與平板是一致的,
程序終于跑起來了:
看起來安卓程序好像真能在鴻蒙直接運行,安裝一個快手試試:
還真能看:
我真分不清這是安卓還是鴻蒙了 。
開發(fā)前可以了解下鴻蒙: [鴻蒙開發(fā) 序]華為鴻蒙操作系統(tǒng)(HarmonyOS)簡介及開發(fā)環(huán)境搭建
開發(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)建完成
我們可以在預覽窗口中看效果,點擊右側(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),設(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”, 導入router模塊,頁面路由router根據(jù)頁面的uri來找到目標頁面,從而實現(xiàn)跳轉(zhuǎn)。示例代碼如下:
2 打開或者切換到first.visual頁面,選中畫布上的Button組件,點擊右側(cè)屬性樣式欄中的事件圖標(Events),鼠標點擊Click事件的輸入框,選擇launch事件
3 在預覽窗口中查看項目效果,點擊Next按鈕后發(fā)現(xiàn)我們的頁面成功跳轉(zhuǎn)了。
到此,本章的目標就完成了。