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

相关推荐
万少3 小时前
告别素材焦虑!用 AI 一键生成鸿蒙项目图片素材
ai编程·harmonyos
wszy18094 小时前
外部链接跳转:从 App 打开浏览器的正确姿势
java·javascript·react native·react.js·harmonyos
奋斗的小青年!!6 小时前
OpenHarmony Flutter 拖拽排序组件性能优化与跨平台适配指南
flutter·harmonyos·鸿蒙
sinat_384241096 小时前
HarmonyOS应用开发的trae cn全面实战指南
华为·harmonyos
小雨下雨的雨7 小时前
Flutter 框架跨平台鸿蒙开发 —— Stack 控件之三维层叠艺术
flutter·华为·harmonyos
行者968 小时前
OpenHarmony平台Flutter手风琴菜单组件的跨平台适配实践
flutter·harmonyos·鸿蒙
Van_Moonlight8 小时前
RN for OpenHarmony 实战 TodoList 项目:已完成未完成数量显示
javascript·开源·harmonyos
陈_杨9 小时前
前端成功转鸿蒙开发者真实案例,教大家如何开发鸿蒙APP--ArkTS 卡片开发完全指南
前端·harmonyos
陈_杨9 小时前
前端成功转鸿蒙开发者真实案例,教大家如何开发鸿蒙APP--ArkTS 卡片刷新机制
前端·harmonyos
哈__9 小时前
从入门小白到精通,玩转 React Native 鸿蒙跨平台开发:TouchableOpacity 触摸反馈组件
react native·react.js·harmonyos