前言Mozilla创造了JS，Microsoft创建了TS，而Huawei进一步推出了ArkTS。因此在学习使用ArkTS前，需要掌握基本的TS开发技能。ArkTS介绍ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript（简称TS）的基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发跨端应用。要了解什么是ArkTS，我们首先要了解下ArkTS、TypeScript和JavaScript之间的关系：JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户
系列文章目录HarmonyOS应用开发01-ArkTS基础知识文章目录系列文章目录前言一、ArkTS与TypeScript1、声明式UI基本概念2、按照官网上的说法，ArkTS是HarmonyOS的主力应用开发语言。它在TypeScript（简称TS）的基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发跨端应用。3、ArkTS基础知识（1）、ArkUI开发框架(2)、ArkTS声明式开发范式二、ArkTS开发实践1、自定义组件的组成2.使用@Component装饰的自定义组件（1）、使用`@Component`来装饰自定义组件，组成学生列表的
文章目录前言一、TextClock1.1子组件1.2接口参数TextClockController1.3属性1.4事件1.5示例代码二、TextPicker2.1子组件2.2接口参数2.3属性2.4事件2.5示例代码总结前言TextClock组件:通过文本将当前系统时间显示在设备上。支持不同时区的时间显示，最高精度到秒级。TextPicker组件：滑动选择文本内容的组件。一、TextClockTextClock组件通过文本将当前系统时间显示在设备上。支持不同时区的时间显示，最高精度到秒级。说明该组件从APIVersion8开始支持。后续版本如有新增内容，会更新博客。1.1子组件无1.2接口使用
文章目录前言一、Gauge环形图表1.1子组件1.2接口参数介绍1.2属性1.3示例代码二、LoadingProgress2.1子组件2.2接口2.3属性2.4示例代码总结前言Gauge：数据量规图表组件，用于将数据展示为环形图表。LoadingProgress：用于显示加载动效的组件。一、Gauge环形图表1.1子组件无1.2接口Gauge的接口函数原型如下：Gauge(options:{value:number,min?:number,max?:number})从APIversion9开始，该接口支持在ArkTS卡片中使用。参数介绍下面分别为：参数名，参数类型，是否必填，参数描述参数：va
文章目录前言一、创建按钮1.1Button创建接口介绍1.2创建正常的按钮，不包括子组件1.3创建正常的按钮，包括子组件1.4按钮的不同样式胶囊按钮（默认类型）圆形按钮普通按钮二、添加事件2.1.onClick事件添加事件三、什么时候使用.属性，什么时候用{}3.1{}什么时候用.属性什么时候用总结前言Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button当做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。具体用法请参考Button。一、创建按钮1.1Button创建接口介绍Button通过调用接口来创建，接口调用有以下两种形式：
介绍本篇Codelab是基于画布组件、显式动画，实现的一个自定义抽奖圆形转盘。包含如下功能：1. 通过画布组件Canvas，画出抽奖圆形转盘。2. 通过显式动画启动抽奖功能。3. 通过自定义弹窗弹出抽中的奖品。相关概念● Stack组件：堆叠容器，子组件按照顺序依次入栈，后一个子组件覆盖前一个子组件。● Canvas：画布组件，用于自定义绘制图形。● CanvasRenderingContext2D对象：使用RenderingContext在Canvas组件上进行绘制，绘制对象可以是矩形、文本、图片等。● 显式动画：提供全局animateTo显式动画接口来指定由于闭包代码导致的状态变化插入过渡
1引言Mozilla创造了JS，Microsoft创建了TS，Huawei进一步推出了ArkTS。从最初的基础的逻辑交互能力，到具备类型系统的高效工程开发能力，再到融合声明式UI、多维状态管理等丰富的应用开发能力，共同组成了相关的演进脉络。ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript（简称TS）的基础上，扩展了声明式UI、状态管理等相应的能力，让开发者可以以更简洁、更自然的方式开发高性能应用。TS是JavaScript（简称JS）的超集，ArkTS则是TS的超集。ArkTS会结合应用开发和运行的需求持续演进，包括但不限于引入分布式开发范式、并行和并发能力增强、
想了解更多关于开源的内容，请访问：51CTO 开源基础软件社区https://ost.51cto.com前言相信读者对应用入场动画并不陌生。当用户打开某个应用时，应用得到响应，与此同时其在屏幕中所渲染的第一个画面通常是它的入场动画。当然，应用响应后所抛出的不一定是动画，它也可以是一个静态的页面，不过不论是动画还是静态页面，它们所起到的功能是相同的——在后台完成应用中的重要模块的初始化，贴出开发团队的slogen，亦或展示一些甲方的产品推广广告。本期笔者将以一个轻量Demo的开发流程为例，与笔者共同探索如何利于ArkTS生产应用的入场动画。正文创建工程打开DevEcoStudio(开发工具的版本
其他状态管理概述除了前面章节提到的组件状态管理和应用状态管理，ArkTS还提供了@Watch和$$来为开发者提供更多功能：@Watch用于监听状态变量的变化。$$运算符：给内置组件提供TS变量的引用，使得TS变量和内置组件的内部状态保持同步。@Watch装饰器：状态变量更改通知@Watch应用于对状态变量的监听。如果开发者需要关注某个状态变量的值是否改变，可以使用@Watch为状态变量设置回调函数。概述@Watch用于监听状态变量的变化，当状态变量变化时，@Watch的回调方法将被调用。@Watch在ArkUI框架内部判断数值有无更新使用的是严格相等（===），遵循严格相等规范。当在严格相等为
文章目录一、编程语言介绍二、TypeScript基础类型1.布尔值2.数字3.字符串4.数组5.元组6.枚举7.unknown8.void9.null和undefined10.联合类型三、TypeScript基础知识条件语句if语句switch语句函数定义有名函数和匿名函数可选参数剩余参数箭头函数类1.类的定义2.继承模块迭代器for..of语句for..in语句四、ArkTS基础知识UI规范描述渲染控制状态管理组件生命周期函数：五、ArkTS实践1.声明式UI基本概念2.自定义组件的组成3.配置属性与布局4.改变组件状态5.循环渲染列表数据一、编程语言介绍ArkTS是HarmonyOS主力应
