鸿蒙开发之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%)高度撑满屏幕

相关推荐
SoraLuna3 小时前
「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
开发语言·macos·ui·华为·harmonyos
AORO_BEIDOU6 小时前
单北斗+鸿蒙系统+国产芯片,遨游防爆手机自主可控“三保险”
华为·智能手机·harmonyos
博览鸿蒙8 小时前
鸿蒙操作系统(HarmonyOS)的应用开发入门
华为·harmonyos
Damon小智15 小时前
HarmonyOS NEXT 技术实践-基于基础视觉服务的多目标识别
华为·harmonyos
爱笑的眼睛111 天前
uniapp 极速上手鸿蒙开发
华为·uni-app·harmonyos
K.P1 天前
鸿蒙元服务从0到上架【第三篇】(第二招有捷径)
华为·harmonyos·鸿蒙系统
K.P1 天前
鸿蒙元服务从0到上架【第二篇】
华为·harmonyos·鸿蒙系统
敲代码的小强2 天前
Flutter项目兼容鸿蒙Next系统
flutter·华为·harmonyos
程序猿会指北2 天前
纯血鸿蒙APP实战开发——Text实现部分文本高亮和超链接样式
移动开发·harmonyos·arkts·openharmony·arkui·组件化·鸿蒙开发
鸿蒙自习室2 天前
鸿蒙开发——关系型数据库的基本使用与跨设备同步
前端·数据库·华为·harmonyos·鸿蒙