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

相关推荐
风满城3317 小时前
【鸿蒙原生应用开发实战】第五篇:项目总结——ArkTS 最佳实践与从 MVP 到生产的升级之路
华为·harmonyos
木咺吟17 小时前
鸿蒙原生应用实战(五):路由导航与工程优化 — 从开发到上线的完整流程
华为·harmonyos
风满城3318 小时前
【鸿蒙原生应用开发实战】第三篇:表单录入与详情展示——AddPetPage + PetDetailPage 完整实现
华为·harmonyos
风满城3318 小时前
【鸿蒙原生应用开发实战】第一篇:从零搭建“萌宠日记“项目——Stage模型与工程架构解析
华为·harmonyos
狼哥168618 小时前
《新闻资讯》二、公共能力层模块实现指南
ui·华为·harmonyos
Ww.xh19 小时前
启用Hypervisor解决模拟器问题
华为·harmonyos
金启攻20 小时前
【鸿蒙原生应用实战】第二篇:装备库页面——分类筛选与数据驱动UI
harmonyos
木咺吟21 小时前
鸿蒙原生应用实战(四):愿望单与个人统计 — 数据聚合与可视化
华为·harmonyos
木咺吟1 天前
鸿蒙原生应用实战(二):游戏库列表与筛选排序 — 卡片式UI设计
harmonyos
互联网散修1 天前
鸿蒙实战:从零实现自定义相机(下)——填平预览拉伸、比例错乱、缩略图消失的六大坑
数码相机·华为·harmonyos