ArkTS学习笔记_自定义组件

embedded/2024/10/18 3:31:11/

自定义组件学习笔记

(一)、自定义组件的基本结构

1、struct:自定义组件基于struct实现

格式:

    struct + 自定义组件名 + {...}

简单示例:

@Entry
@Component
struct Index {// 组件的状态  @State message: string = 'Hello World'// 组件的UI构造方法  build() {Row() {Column() {Text(this.message).fontSize(50).fontWeight(FontWeight.Bold)}}}
}

提示:

  • 自定义组件不能有继承关系。
  • 对于struct的实例化,可以省略new。
  • struct被@Component装饰后具备组件化的能力,需要实现build()方法描述UI。
  • @Entry可以接受一个可选的LocalStorage的参数。
3、装饰器

装饰器,用于装饰类、结构、方法以及变量,并赋予其特殊的含义。
@Entry 表示该自定义组件将作为UI页面的入口组件。在单个UI页面中,最多可以使用@Entry装饰一个自定义组件。
@Component 表示自定义组件,仅能装饰struct关键字声明的数据结构。一个struct只能被一个@Component装饰。
@State 表示组件中的状态变量,状态变量变化会触发UI刷新。

(二)、成员函数/成员变量

1. 成员函数

自定义组件的成员函数为私有的,且不建议声明成静态函数

2.成员变量

自定义组件的成员变量为私有的,且不建议声明成静态变量。
自定义组件的成员变量本地初始化有些是可选的,有些是必选的。

@Component
struct MyComponent {private countDownFrom: number = 0;private colo

http://www.ppmy.cn/embedded/58791.html

相关文章

iPhone删除所有照片的高效三部曲

苹果手机用久了,系统缓存包括自己使用手机留下的内存肯定会越来越多。其中,相册中的照片数量可能会急剧增加,占据大量的存储空间。当用户们想要对相册进行彻底清理,实现iPhone删除所有照片时,不妨跟随以下详细的三部曲…

TensorFlow系列:第五讲:移动端部署模型

项目地址:https://github.com/LionJackson/imageClassification Flutter项目地址:https://github.com/LionJackson/flutter_image 一. 模型转换 编写tflite模型工具类: import osimport PIL import tensorflow as tf import keras import …

nx上darknet的使用-目标检测-在python中的使用

1 内置的代码 在darknet中已经内置了两个py文件 darknet_video.py与darknet_images.py用法类似,都是改一改给的参数就行了,我们说一下几个关键的参数 input 要预测哪张图像weights 要使用哪个权重config_file 要使用哪个cfg文件data_file 要使用哪个da…

【YashanDB知识库】yasql登录报错:YAS-00413

【问题分类】错误码处理 【关键字】yasql,00413 【问题描述】使用工具设置不同并发迁移数据的过程中,导致yasql登录报错:YAS-00413 【问题原因分析】工具使用与数据库使用资源超过了操作系统配置参数设置 【解决/规避方法】 ● 查看操作…

自动化数据集成的BI工具,为你提供决策洞察力

传统的商业智能(BI)报表系统采用的是“业务提报表需求,IT进行开发”的模式。决策管理者和业务人员提出用报表等来展示经营管理数据的需求;接着IT响应需求,进行需求沟通、数据处理加工、报表开发等主体工作;…

分布式系统—Ceph块存储系统(RBD接口)

目录 一、服务端操作 1 创建一个名为 rbd-xy101 的专门用于 RBD 的存储池 2 将存储池转换为 RBD 模式 3 初始化存储池 4 创建镜像 5 管理镜像 6.Linux客户端使用 在管理节点创建并授权一个用户可访问指定的 RBD 存储池 ​编辑修改RBD镜像特性,CentOS7默认情…

Spring Boot Vue 毕设系统讲解 3

目录 项目配置类 项目中配置的相关代码 spring Boot 拦截器相关知识 一、基于URL实现的拦截器: 二、基于注解的拦截器 三、把拦截器添加到配置中,相当于SpringMVC时的配置文件干的事儿: 项目配置类 项目中配置的相关代码 首先定义项目认…

优化 Java 数据结构选择与使用,提升程序性能与可维护性

优化 Java 数据结构选择与使用,提升程序性能与可维护性 引言 在软件开发中,数据结构的选择是影响程序性能、内存使用以及代码可维护性的关键因素之一。Java 作为一门广泛使用的编程语言,提供了丰富的内置数据结构,如数组、链表、…