下載deveco-studio
說明一下，本人只是學(xué)習(xí)中，現(xiàn)在只是拿著vue及uniapp的經(jīng)驗(yàn)在一點(diǎn)一點(diǎn)的折騰，不過現(xiàn)在看來，鴻蒙入門并不是很難。也許是自己沒有深入下去。
https://developer.harmonyos.com/cn/develop/deveco-studio#download
安裝成后，則可以開發(fā)了。
創(chuàng)建項(xiàng)目 選擇Empty Ability這一個(gè)模板
Bundle name 要求唯一。
等待完成，完成后點(diǎn)擊previewer打開預(yù)覽。
代如如下：界面用提鏈?zhǔn)骄幊?。界面里顯示一個(gè)text ，內(nèi)容是hello word.
@Entry
@Component
struct Index {
@State message: string = 'Hello World'
build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
}
.width('100%')
}
.height('100%')
}
}
再加一個(gè)新的頁：Myprofile.ets 表示登陸成功后界面。
可以進(jìn)入設(shè)計(jì)的頁面，以前還以為開發(fā)工具沒有所見即所得的編程方式。
在supervisual ->pages有一個(gè)文件Myprofile.visual
放一個(gè)button .這是低代碼開發(fā)界面。此時(shí)在也會在pages下面生成了一個(gè) Myprofile.ets 里面沒我們在Enable Super Visual設(shè)計(jì)時(shí)的代碼：
在這里插入代碼片
在envents寫相關(guān)的代碼：
說明一下相關(guān)目錄的功能：
在代碼方式下進(jìn)行界面設(shè)計(jì) 。同時(shí)在ets下的pages下多了一個(gè)Myprofile.ets 這種方式下不要在這里進(jìn)行修改。
/**文章來源：http://www.zghlxwxcb.cn/news/detail-757732.html
- 在低代碼模式下，請不要向 build 函數(shù)添加任何內(nèi)容，因?yàn)樗鼘⒈?/li>
- 構(gòu)建階段的 .visual 文件生成的內(nèi)容覆蓋。
*/
相關(guān)代碼可以下載：下載代碼文章來源地址http://www.zghlxwxcb.cn/news/detail-757732.html
到了這里，關(guān)于最新鴻蒙HarmonyOS4.0開發(fā)登陸的界面1的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
