【HarmonyOS】鸿蒙开发之ArkTs初步认识——第2.1章

ArkTs简介

ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript(简称TS)生态基础上做了进一步扩展,继承了TS的所有特性,是TS的超集。
以下图可以展示Js,TS,ArkTs的关系
在这里插入图片描述

ArkTs基础语法

案例代码:

@Entry
@Component
struct Index{@State text:string = "ArkTs基础了解"build(){Column(){Text(this.text).fontColor(Color.Red).fontSize(35).margin({bottom:50})Divider()Button("点击").onClick(()=>{this.text = this.text == "ArkTs基础了解"?"我改变了":"ArkTs基础了解";}).margin({top:50})}.alignItems(HorizontalAlign.Center).justifyContent(FlexAlign.Center).height("100%")}
}

在这里插入图片描述

装饰器:跟Java和Nest.js中的装饰器一样的用法,用于装饰类,结构,方法以及变量,赋予特殊的含义。如上面例子一样,@Component声明当前为自定义组件,@Entry声明当前组件为入口组件,,@State声明当前变量的变化,会出发UI刷新。

UI描述: 以声明式的方式来描述UI的结构,例如build()方法中的代码块。

自定义组件: 可在多个页面重复使用自定义组件,符合高内聚 ,低耦合的开发原则。需要使用装饰器@Components装饰的类才能叫自定义组件。

系统组件: ArkUI框架中默认内置的基础和容器组件,可直接被开发者调用,不需要下载安装第三方库。例如案例中的Text,Button,Divider等

属性方法: 组件可以通过链式调用配置多项属性,例如案例中的fontSize(),fontColor(),height(),alignItems(),justifyContent()等。

事件方法: 组件可以通过链式调用设置多个事件的响应逻辑,如跟随在Button,Text后面的onClick()

踩坑不易,还希望各位大佬支持一下 \textcolor{gray}{踩坑不易,还希望各位大佬支持一下} 踩坑不易,还希望各位大佬支持一下

📃 个人主页: \textcolor{green}{个人主页:} 个人主页: 沉默小管

📃 个人网站: \textcolor{green}{个人网站:} 个人网站: 沉默小管

📃 个人导航网站: \textcolor{green}{个人导航网站:} 个人导航网站: 沉默小管导航网

📃 我的开源项目: \textcolor{green}{我的开源项目:} 我的开源项目: vueCms.cn

🔥 技术交流 Q Q 群: 837051545 \textcolor{green}{技术交流QQ群:837051545} 技术交流QQ群:837051545

👍 点赞,你的认可是我创作的动力! \textcolor{green}{点赞,你的认可是我创作的动力!} 点赞,你的认可是我创作的动力!

⭐️ 收藏,你的青睐是我努力的方向! \textcolor{green}{收藏,你的青睐是我努力的方向!} 收藏,你的青睐是我努力的方向!

✏️ 评论,你的意见是我进步的财富! \textcolor{green}{评论,你的意见是我进步的财富!} 评论,你的意见是我进步的财富!

如果有不懂可以留言,我看到了应该会回复
如有错误,请多多指教

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/661749.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++(17)——list的模拟实现

前面的文章中,介绍了,的模拟实现,本篇文章将介绍对于的模拟实现。 目录 1. list的基本结构: 2. list功能实现:尾部插入元素: 3. list迭代器的实现: 4. list功能实现:在任意位置前…

酒店管理小程序|基于微信小程序的酒店管理系统设计与实现(源码+数据库+文档)

酒店管理小程序目录 目录 基于微信小程序的酒店管理系统设计与实现 一、前言 二、系统功能设计 三、系统实现 1、管理员模块的实现 (1)用户信息管理 (2)酒店管理员管理 (3) 房间信息管理 2、小程序…

语义分割:从早期探索到深度学习的突破

语义分割:从早期探索到深度学习的突破 语义分割的端倪:从早期探索到深度学习的突破引言早期技术:图像处理与模式识别边缘检测区域生长图割(Graph Cut)聚类方法 深度学习的兴起:CNN革命2012年 AlexNet的突破全卷积网络(…

【Shud】PIHMgis编译过程(上)编译GDAL详细步骤

目录 说明PIHM 部分版本说明PIHM V2.3PIHM V3.0PIHM V3.0编译步骤准备工具源代码编译工具测试环境步骤编译GDAL编译SQlite3编译CURLcmake命令行GUI

计算机网络实验一

目录 实验一 使用PacketTracer组建简单局域网 1、实验目的 2、实验设备 (1)内容一(组建简单局域网): (2)内容二(使用交叉线直连两台机器): &#xff08…

TerserWebpackPlugin详解

一、简单实用 注:此文章来自于github翻译来,仅供参考,具体配置需要结合自己的技术框架配置(vue/react等) npm install terser-webpack-plugin --save-devnew TerserPlugin({test: /\.js(\?.*)?$/i, //用来匹配需要…

mfc140.dll丢失的几种修复方式,有效的解决文件丢失问题

mfc140.dll是Microsoft Foundation Class (MFC)库中的一个非常重要的DLL文件。它承载了许多被执行程序使用的函数和资源。这个库主要被广泛应用于开发Windows操作系统上的应用程序。然而,有时候我们可能会遭遇到mfc140.dll缺失或损坏的情况,这会导致依赖…

Linux管道、网络管理和远程连接

这次来说一下Linux管道、网络管理与远程连接相关的一些内容,如下。 一、管道(重点) 1、管道符 用 “|”(竖线)表示。 作用:管道是一种通信机制,通常用于进程间的通信。它表现出来的形式将前…

DRV8313和L298N都是电机驱动,一个是驱动三相FOC无刷直流电机的,一个是驱动有刷电机,使stm32控制无刷电机简单入门知识

DRV8313和L298N都是电机驱动器,但它们之间存在一些关键的区别: DRV83131: 由德州仪器(TI)制造。 具有集成的场效应晶体管(FET)。 最大电压为65V。 峰值电流为3A。 适用于三相电机驱动。 L298N…

维纳过程简介

在资产价格模型中,我们得出了结论:价格对数的标准差与时间的平方根 成一定比例。因此在离散时间模型下,我们可以设定以下过程,其中𝑡是相互 独立的标准正态分布变量序列 过渡到连续时间模型下,我们可以定义…

Java打印图形 九九乘法表

目录 双重循环九九乘法表打印长方形打印平行四边形打印三角形打印菱形打印空心菱形 三重循坏百钱买百鸡 双重循环 九九乘法表 在Java中,你可以使用嵌套的for循环来打印九九乘法表。以下是一个简单的示例: public class Main {public static void main…

代码随想录算法训练营day37 || 738. 单调递增的数字,968.监控二叉树

视频讲解: 贪心算法,思路不难想,但代码不好写!LeetCode:738.单调自增的数字_哔哩哔哩_bilibili 贪心算法,二叉树与贪心的结合,有点难...... LeetCode:968.监督二叉树_哔哩哔哩_bilibili 738. 单调递增的数字…

Redis发布订阅怎么用?

命令 # 订阅频道ch1 subscribe ch1 # 发布频道ch1消息hi publish ch1 hi # 取消订阅 unsubscribe ch1 # 模式订阅。 # ?代表一个占位符、*代表任意占位符、?*代表1个以上占位符 psubscribe c? b* d?*原理 发布订阅的实现其实是通过key为频道value为储存订阅频道客户端的…

硬件在环测试系统-HIL

硬件在环测试系统-HIL 硬件在环-HIL模拟信号类型硬件在环-HIL 硬件在环测试(Hardware in the loop,HIL)是一项被整车厂和ECU供应商公认的嵌入式ECU系统关键测试技术。 除了硬件在环,还有模型在环,软件在环,处理器在环,下表为各在环系统的解释。模型在环主要是验证算法…

Unity之延迟函数

一 什么是延迟函数 延迟函数顾名思义就是会延迟执行的函数,我们可以自己设定延时要执行的函数和具体延时的时间。是MonoBehaviour基类中实现的好方法 二 延迟函数的使用 //1.延迟函数 //Invoke //参数一:函数名 字符串 //参数二:延迟时间 秒…

从0搭建react+ts+redux+axios+antd项目

文章目录 一、安装及初始化二、TypeScript配置三、Webpack配置四、Prettier统一编码风格五、使用less六、Antd 安装及使用七、添加Router及配置八、安装axios九、添加redux及使用 本文介绍了如何用creat-react-app脚手架搭建一个react项目的基本结构,同时配置webpac…

Seq2SeqTrainer与Trainer的区别

Seq2SeqTrainer和Trainer是Hugging Face Transformers库中用于训练模型的两个类。它们之间的主要区别在于它们针对的任务类型和模型架构的不同。 1. 任务类型: - Trainer类适用于大多数常见的单输入单输出(single-input, single-output)任务…

printf死翘翘

本来想把我的单片机玩一下,寄给在大学搞研究的一个朋友,但竟然挂在printf里面,大概知道是什么位置出问题,但是还想不清楚什么原因。 我先是在stc51单片机里面搞了串口,然后我想用串口重定向到printf做调试,…

ApacheNginx配置ssl证书

一、Apache配置ssl Linux版本:CentOS Linux release 7.9.2009 (Core) Apache版本:Apache/2.4.6 (CentOS) 1、安装Apache(使用默认yum源) [root10-35-1-25 ~]# yum -y install httpd2、查Apache版本&启动Apache [root10-35-…

【图论】网络流

网络流目前只整理模板,学习的话这篇博客可能不太适合 代码参考下方博客,加了一些自己的注释 算法学习笔记(28): 网络流究级的最大流算法:ISAP与HLPP FF 和 EK 仅用作理解代码,赛时请使用 Dinic 或 ISAP 下文建图方式都基于链式…