当前位置: 首页 > news >正文

鸿蒙基本组件结构

组件结构

1. 认识基本的组件结构

image-20241104180316251

ArkTS通过装饰器@Component 和@Entry 装饰 struct 关键字声明的数据结构,构成一个自定义组件
自定义组件中提供了一个build函数,开发者需要在函数内以链式调用的方式进行基本的UI描述,UI描述的方法请参考UI描述规范
  • srtuct-自定义组件基于struct实现

要想实现一段UI描述,必须使用struct关键字来声明-注意不能有继承关系-组件名不能与系统组件名相同

@Component
struct Index{}
@CustomDialog
struct Index2{}
Component修饰符
Component装饰器只能修饰struct关键字声明的结构,被修饰后的struc具备组件的{描述(渲染)能力}的描述
自定义组件就是Conponent修饰了一段struct结构体,里面有一段build函数,里面是写uI的
快速生成自定义组件:comp+回车
  • build函数

用于定义组件deUI描述,一个struct结构必须实现build函数

@Component
struct  {build() {}
}
  1. build函数是组件(Component)必须提供以实现的一个函数,build函数可以没有内容,如果有的话,必须有且一个容器组件(可以防止子组件的组件)-只有entry里面有限制-component的组件可以放没有子组件的组件
  2. 常见的容器组件-Flex-Column-Row-List-Grid-Panel
  • entry修饰符

entry将自定义组件定义为UI页面的入口,也就是我们原来前端常说的一个页面,最多可以使用entry修饰

一个自定义组件(在一个ets文件中)-如下面的代码是不允许的

entry修饰的组件,最终会被注册,具体文件位置-main/resources/base/profile/main_pages.json
自动注册-新建组件时,采用新建Page的方式
手动注册-新建一个ets文件,自己在main_pages.json中手动添加路径
注意:如果你手动删除了某一个带entry的组件,你需要手动去main_page中去删除该路径,否则编译器会报错
http://www.lryc.cn/news/481738.html

相关文章:

  • 柔性鞋材振动刀智能视觉裁切机市场报告:未来几年年复合增长率CAGR为5.4%
  • 【计算机网络】基础知识,常识应用知识
  • 【Linux进程篇1】认识冯·诺依曼体系结构(引出进程详解)
  • 使用iviewui组件库的坑
  • 高级sql使用技巧
  • 403 Request Entity Too Lager(请求体太大啦)
  • Flutter 正在切换成 Monorepo 和支持 workspaces
  • 小白初入Android_studio所遇到的坑以及怎么解决
  • NetCore使用Aop和内存缓存对接口、方法进行数据缓存
  • playwright学习记录2--定位方式
  • 响应式网页设计--html
  • C#核心(8) 静态成员
  • 关于git使用的图文教程(包括基本使用,处理冲突问题等等)超详细
  • Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
  • redis集群介绍
  • JDK中常用的包有哪些?
  • 校园官网练习---web
  • MySQL中指定字段的某个值排在前面
  • 【51单片机】I2C总线详解 + AT24C02
  • 直接插入排序法
  • mysql中InnoDB索引与MyISAM索引
  • Redis如何保证数据不丢失(可靠性)
  • 【计网】物理层学习笔记
  • vue链接跳转
  • IP地址是电脑自带的吗?是根据什么而决定的‌
  • JavaFX史上最全教程 - Shape - JavaFX矩形椭圆
  • SpringBoot实现的企业资产管理系统
  • python-读写Excel:openpyxl-(4)下拉选项设置
  • 【C++】详解RAII思想与智能指针
  • Qt 环境实现视频和音频播放