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

相关推荐
交叉编译之王 hahaha37 分钟前
RK3568-鸿蒙5.1镜像烧录与调试
华为·harmonyos
Raink老师43 分钟前
鸿蒙页面布局入门
华为·harmonyos·鸿蒙·移动端布局
hbcui19842 小时前
uni-app x正式支持鸿蒙原生应用开发
uni-app·harmonyos·uni-app x
lqj_本人2 小时前
鸿蒙OS&UniApp制作支持多图上传的图片选择器:打造高性能移动端上传体验#三方框架 #Uniapp
华为·uni-app·harmonyos
晚秋大魔王3 小时前
OpenHarmony 开源鸿蒙南向开发——linux下使用make交叉编译第三方库——wget
java·linux·运维·开发语言·华为·harmonyos
周胡杰13 小时前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
bestadc13 小时前
鸿蒙 Core File Kit(文件基础服务)之简单使用文件
harmonyos
SuperHeroWu715 小时前
【HarmonyOS 5】鸿蒙星闪NearLink详解
华为·蓝牙·harmonyos·nearlink·鸿蒙星闪·绿牙
积跬步DEV17 小时前
RN 鸿蒙混合开发实践(踩坑)
react native·华为·harmonyos
繁依Fanyi21 小时前
我的 PDF 工具箱:CodeBuddy 打造 PDFMagician 的全过程记录
java·pdf·uni-app·生活·harmonyos·codebuddy首席试玩官