鸿蒙开发之ArkTS 界面篇 一

建好一个工程后,右侧可以预览,看到效果,效率十分可以,如图:

@State message: string = '鸿蒙开发入门篇';
这个字符串改成什么,右侧就显示什么

Entry是类装饰器,可以简单的理解为程序入口的必须的装饰器,而且每个程序只能有一个Entry装饰器,Component是组建修饰器,struct 也是关键字,后面的Index可以改,例如我改为IndexTest这里时候保存刷新都没效果,因为这里一改还需要改两个地方:

第一main_pages.json文件的"pages/Index"改为"pages/IndexTest",

第二,EntryAbility的'pages/Index'改为'pagesIndexTest',改好后同步,刷新就会出结果

复制代码
State属性修饰器,这里简单的理解为,用这个修饰器修饰的属性,属性改变ui自动刷新,这是比Android方便百倍啊,build这是每个逐渐必须的,应用程序也是必须的,可以没有Row下面的代码,但是这个必须有 

其中Row简单理解为子组建是排列是水平方向的,Column简单理解为子组建的排列方式是垂直方向的,Text文字直接就传,接着是字体大小fontSize,fontWeight字体的加粗之类,width(100%)宽度撑满屏幕,height(100%)高度撑满屏幕

相关推荐
●VON1 小时前
【鸿蒙PC】在 HarmonyOS 上跑 Electron?手把手教你搞定桌面欢迎页!(Mac版)
开发语言·macos·华为·electron·电脑·harmonyos
前端不太难2 小时前
一个真实鸿蒙 App 的工程目录结构
华为·状态模式·harmonyos
枫叶丹43 小时前
【HarmonyOS 6.0】聚合链接(App Linking)实战:从创建配置到应用跳转
开发语言·华为·harmonyos
alice--小文子3 小时前
鸿蒙(HarmonyOS)-怎么在电脑端给鸿蒙真机安装.hap包
华为·harmonyos
Swift社区3 小时前
鸿蒙 ArkUI 项目为什么容易变成“巨型页面文件”?
华为·harmonyos
想你依然心痛4 小时前
HarmonyOS 5.0 PC应用开发实战:构建跨设备协同的桌面生产力工具
华为·harmonyos
fei_sun4 小时前
【鸿蒙智能硬件】(四)基于Hi3861的网络开发
网络·华为·harmonyos
木斯佳11 小时前
HarmonyOS 6实战:从爆款vlog探究鸿蒙智能体提取关键帧算法
算法·华为·harmonyos
天意__11 小时前
鸿蒙(ArkTS)与Flutter(Dart)开发语法全面对比
flutter·华为·harmonyos·arkts·dart·arkui
vistaup11 小时前
DevEco Studio 鸿蒙 HAR本地引入相互依赖问题解决
android·华为·harmonyos