鸿蒙4.0开发笔记之ArkTs语言基础与基本组件结构（四）

最新推荐文章于 2024-12-17 21:05:30 发布
原创 最新推荐文章于 2024-12-17 21:05:30 发布 · 3k 阅读 · 16 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #笔记 #华为 #鸿蒙 #鸿蒙系统

本文介绍了HarmonyOS系统中的主力开发语言ArkTS，它是TypeScript的超集，特别强调了其在UI开发、状态管理、渲染控制等方面的扩展。文章还详细解释了ArkTS与TypeScript、JavaScript的关系以及其基本组成和组件作用。

文章声明：本文关于HarmonyOS系统的部分内容和描述借鉴于华为官网的“HarmonyOS开发者学堂”，有需要的也可以进入官网查看。<HarmonyOS第一课>ArkTS开发语言介绍

一、ArkTs语言介绍

ArkTS是鸿蒙系统（HarmonyOS）优选的主力应用开发语⾔。ArkTS围绕应⽤开发在TypeScript（简称TS）生态基础上做了进⼀步扩展，继承了TS的所有特性，是TS的超集，而TS又是 JavaScript 的一个超集。

  • JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。
  • TypeScript 是 JavaScript 的一个超集，它扩展了 JavaScript 的语法，通过在JavaScript的基础上添加静态类型定义构建而成，是一个开源的编程语言。
  • ArkTS兼容TypeScript语言，拓展了声明式UI、状态管理、并发任务等能力。

ArkTS、TS和JS这三者之间的关系如下图所示：
1.1.1
因此，在学习ArkTS语言之前，建议开发者具备TS语言或JS语言的相关开发经验。

二、ArkTS在TS上的扩展

当前，ArkTS在TS的基础上主要扩展了如下能力：

最低0.47元/天 解锁文章
【HarmonyOS NEXT】FAQ之应用框架(NDK开发2)
qq_45789342的博客
08-26 1110
A：可以通过创建线程安全函数的方式调用系统的异步接口。通过napi_get_cb_info接口获取应用参数。通过napi_create_threadsafe_function接口创建线程安全函数。通过napi_create_async_work接口创建异步任务。通过napi_load_module接口加载模块。通过napi_get_named_property接口获取模块属性。通过napi_call_function接口调用方法。
HarmonyOS（二）—— 初识ArkTS开发语言（下）之ArkTS声明式语法和组件化基础
hirezy
12-13 5007
ArkTS在TS的类型系统的基础上，做了进一步的扩展：定义了各种装饰器、自定义组件和UI描述机制，再配合UI开发框架中的UI内置组件、事件方法、属性方法等共同构成了应用开发的主体。在应用开发中，除了UI的结构化描述之外，还有一个重要的方面：状态管理。
鸿蒙为什么使用typescript 作为开发语言 而不是 flutter 或者 kotlin
坚持学习
11-20 707
dev studio 是基于 idea 二次开发的 ，使用kotlin 应该是更合理 变成 jetbrain 全家桶，但是 现在android 开发也是kotlin 是不是为了做分割 ，所以不使用kotlin。flutter 是谷歌的 安卓也是谷歌的 所以不采用。typescript 是微软的 没有什么利益关系。
鸿蒙开发之ArkTS基础知识
热门推荐
xiangzhihong8的专栏
07-21 2万+
ArkTS通过struct声明组件名，并通过@Component和@Entry装饰器，来构成一个自定义组件。并且，使用@Entry和@Component装饰的自定义组件作为页面的入口，会在页面加载时首先进行渲染。@Entry@Component...在自定义组件内需要使用build方法来进行UI描述。@Entry@Component...build() {...同时，build方法内可以容纳内置组件和其他自定义组件，里面渲染的内容就是最后页面显示的内容。
鸿蒙HarmonyOS开发框架—ArkTS语言（基本语法 一）_鸿蒙 使用 ts
2301_82241698的博客
04-14 772
【代码】鸿蒙HarmonyOS开发框架—ArkTS语言（基本语法 一）_鸿蒙 使用 ts。
鸿蒙4.0开发笔记之ArkTS语法基础之应用生命周期与页面中组件的生命周期（十六）
Viewinfinitely的博客
12-06 6161
关于HarmonyOS中的应用生命周期就是代表了一个HarmonyOS应用中所有页面从创建、开启到销毁等过程的全生命周期。页面生命周期，即被@Entry装饰的组件生命周期。组件生命周，即⼀般用@Component装饰的自定义组件的生命周期。
鸿蒙4.0开发笔记之ArkTS语法基础之条件渲染和循环渲染的使用（十五）
Viewinfinitely的博客
12-05 3445
条件渲染正如其他语言中的if…else…语句，ArkTS提供了渲染控制的能力，可根据应用的不同状态渲染对应状态下的UI内容。ForEach接口基于数组类型数据来进行循环渲染，需要与容器组件配合使用，作用就是遍历每一个数据并用Text呈现在UI界面上。
鸿蒙4.0开发笔记之ArkTS语法基础@Entry@Component自定义组件的使用（九）
Viewinfinitely的博客
11-29 7706
在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。
鸿蒙4.0开发笔记之ArkTS语法基础的UI描述、基础组件的使用与如何查看组件是否有参数（八）
Viewinfinitely的博客
11-29 3274
在HarmonyOS的ArkTS语法中，万物皆组件。ArkTS以声明方式组合和扩展组件来描述应用程序的UI，同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑。根据组件构造方法的不同，创建组件包含有参数和无参数两种方式。
第一个ArkTS项目实践-鸿蒙ArkTS
主要是学习笔记和一些学习心得~
08-14 8691
本篇文章内容主要参考与官网提供学习视频中的内容以及案例。内容主要有自定义组件的组成、配置属性与布局。
ArkTS组件和 JS 组件的区别
读心悦
09-03 1502
ArkTS组件和JS组件在开发环境、语言特性和应用方式等方面都存在明显的区别。ArkTS组件作为HarmonyOS应用开发的主要语言之一，具有更好的类型安全性和代码可维护性；而JS组件则因其灵活性和易于上手的特点在Web开发中占据了重要地位。开发者在选择使用哪种组件时需要根据具体的应用场景和需求来进行决策。
【鸿蒙（HarmonyOS）】UI开发的两种范式：ArkTS、JS（以登录界面开发为例进行对比）
守夜人
09-12 1万+
对比较于Android：ArkUI将界面设计和具体操作放到的一个文件中（当然ArkUI有组件自定义，这个就另当别论），这个方式比较新颖。HTML、CSS、JS这一套技术，相信很多IT人都已经非常熟悉，这也是我能快速入手HarmonyOS的重要因素。根据官方介绍，ArkUI提供了UI语法、丰富的UI功能（组件、布局、动画以及交互事件），以及实时界面预览工具等，可以支持开发者进行可视化界面开发。ArkTS我也仅仅学习了四个月，相比较我在使用JS开发UI界面上而言，有所偏弱。功能的话，推荐使用ArkTS。
HarmonyOS应用开发-ArkTS语言的LazyForEach懒加载循环
初一十五的博客
03-15 2192
LazyForEach懒加载循环作用？
鸿蒙5.0版开发：ArkTS组件通用属性-布局约束
m0_69424697的博客
10-21 862
通过组件的宽高比和显示优先级约束组件显示效果。
HarmonyOS系统开发ArkTS入门案例及组件（三）
qq_41946216的博客
03-18 2399
提高代码复用性@Component 装饰器：装饰 struct 关键字声明的数据结构@Entry 装饰器：标识该组件为组件树的根节点，也就是一个页面入口组件struct：ArkTS用于自定义组件或者自定义定义弹窗的关键字，与结构类相似build() build() 用于声明自定义组件的UI结构组件属性：定义组件的属性。
ArkTS的常用组件
2301_80263861的博客
12-10 1182
Swiper(){...Indicator.dot() // 设置小圆点的相关属性.itemWidth(20) // 未选中时候的高.itemHeight(20) // 未选中时候的宽.color(Color.Black) // 未选中时候的颜色.selectedItemWidth(30) // 选中时候的宽.selectedItemHight(30) // 选中时候的高.selectedColor(Color.White) // 选中时候的颜色。
ArkTS的构建布局
最新发布
Xikxmj02_17的博客
12-17 1489
在初始化列表时，如需在列表项之间添加间距，可以使用space参数。// ...Swiper支持通过设置自定义切换动画，可以在回调中对视窗内所有页面逐帧设置透明度、缩放比例、位移、渲染层级等属性实现自定义切换动画。@Entry@Componenti++) {build() {Column() {Swiper() {})// 同组页面完全滑出视窗外时，重置属性值} else {// 同组页面未滑出视窗外时，对同组中左右两个页面，逐帧根据position修改属性值} else {})
【HarmonyOS】ArkTS语言介绍与组件方式运用
ztK63LrD的博客
12-31 3274
自定义组件自定义函数：自定义函数可以将烦长的代码单独抽离出一个函数当中，然后在原位置调用我们设置的函数即可，自定义函数可以定义在全局或组件内，如下：@Styles装饰器@Extend装饰器// 继承模式，只能写在全局。
鸿蒙实战-库的调用（ArkTS）
鸿蒙的技术博客
12-26 2188
向开发者展示了在Stage模型中，如何调用已经上架的社区库和项目内创建的本地库。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鸿蒙Next

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值