草庐IT

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 一)

初识ArkTS语言ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript(简称TS)生态基础上做了进一步扩展,继承了TS的所有特性,是TS的超集。因此,在学习ArkTS语言之前,建议开发者具备TS语言开发能力。当前,ArkTS在TS的基础上主要扩展了如下能力:基本语法:ArkTS定义了声明式UI描述、自定义组件和动态扩展UI元素的能力,再配合ArkUI开发框架中的系统组件及其相关的事件方法、属性方法等共同构成了UI开发的主体。状态管理:ArkTS提供了多维度的状态管理机制。在UI开发框架中,与UI相关联的数据可以在组件内使用,也可以在不同组件层级间传

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 三)

页面和自定义组件生命周期在开始之前,先明确自定义组件和页面的关系:自定义组件:@Component装饰的UI单元,可以组合多个系统组件实现UI的复用。页面:即应用的UI页面。可以由一个或者多个自定义组件组成,@Entry装饰的自定义组件为页面的入口组件,即页面的根节点,一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。页面生命周期,即被@Entry装饰的组件生命周期,提供以下生命周期接口:onPageShow:页面每次显示时触发。onPageHide:页面每次隐藏时触发一次。onBackPress:当用户点击返回按钮时触发。组件生命周期,即一般用@Com

HarmonyOS/OpenHarmony按键设备键值

按键设备键值。作者:坚果整理,欢迎大家加入坚果组织一起学习HarmonyOS/OpenHarmony应用开发导入模块import{KeyCode}from'@ohos.multimodalInput.keyCode';KeyCode按键键码值。名称值说明KEYCODE_FN0功能(Fn)键KEYCODE_UNKNOWN-1未知按键KEYCODE_HOME1功能(Home)键KEYCODE_BACK2返回键KEYCODE_MEDIA_PLAY_PAUSE10多媒体键播放/暂停KEYCODE_MEDIA_STOP11多媒体键停止KEYCODE_MEDIA_NEXT12多媒体键下一首KEYCODE_

HarmonyOS/OpenHarmony按键设备键值

按键设备键值。作者:坚果整理,欢迎大家加入坚果组织一起学习HarmonyOS/OpenHarmony应用开发导入模块import{KeyCode}from'@ohos.multimodalInput.keyCode';KeyCode按键键码值。名称值说明KEYCODE_FN0功能(Fn)键KEYCODE_UNKNOWN-1未知按键KEYCODE_HOME1功能(Home)键KEYCODE_BACK2返回键KEYCODE_MEDIA_PLAY_PAUSE10多媒体键播放/暂停KEYCODE_MEDIA_STOP11多媒体键停止KEYCODE_MEDIA_NEXT12多媒体键下一首KEYCODE_

HarmonyOS学习路之方舟开发框架—基于ArkTS的声明式开发范式

UI开发(ArkTS声明式开发范式)概述基于ArkTS的声明式开发范式的方舟开发框架是一套开发极简、高性能、支持跨设备的UI开发框架,提供了构建HarmonyOS应用UI所必需的能力,主要包括:ArkTSArkTS是UI开发语言,基于TypeScript(简称TS)语言扩展而来,是TS的超集。扩展能力包含各种装饰器、自定义组件、UI描述机制。状态数据管理作为基于ArkTS的声明式开发范式的特色,通过功能不同的装饰器给开发者提供了清晰的页面更新渲染流程和管道。状态管理包括UI组件状态和应用程序状态,两者协作可以使开发者完整地构建整个应用的数据更新和UI渲染。布局布局是UI的必要元素,它定义了组件

HarmonyOS/OpenHarmony应用开发-ArkTS语言声明式UI描述

ArkTS以声明方式组合和扩展组件来描述应用程序的UI,同时还提供了基本的属性、事件和子组件配置方法,帮助开发者实现应用交互逻辑。一、创建组件根据组件构造方法的不同,创建组件包含有参数和无参数两种方式。说明,创建组件时不需要new运算符。1.无参数如果组件的接口定义没有包含必选构造参数,则组件后面的“()”不需要配置任何内容。例如,Divider组件不包含构造参数:.Column(){. Text('item1'). Divider(). Text('item2').}2.有参数如果组件的接口定义包含构造参数,则在组件后面的“()”配置相应参数。Image组件的必选参数src。.Image('

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 二)

自定义组件创建自定义组件在ArkUI中,UI显示的内容均为组件,由框架直接提供的称为系统组件,由开发者定义的称为自定义组件。在进行UI界面开发时,通常不是简单的将系统组件进行组合使用,而是需要考虑代码可复用性、业务逻辑与UI分离,后续版本演进等因素。因此,将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。自定义组件具有以下特点:可组合:允许开发者组合使用系统组件、及其属性和方法。可重用:自定义组件可以被其他组件重用,并作为不同的实例在不同的父组件或容器中使用。数据驱动UI更新:通过状态变量的改变,来驱动UI的刷新。以下示例展示了自定义组件的基本用法。@ComponentstructHell

ArkTS-HarmonyOS应用开发video体验分享

Api:8语言:ArkTs需要权限:使用网络视频时,需要申请权限ohos.permission.INTERNET。具体申请方式请参考权限申请声明。组件:video参考:文档中心搭建项目:预设资源:示例代码:@Entry@ComponentstructIndex{@StatevideoSrc:Resource=$rawfile('生生世世爱.mkv');//视频路径@StatevideoPreview:Resource=$r("app.media.ssssa");//封面展示@StatecurrentProgressRate:PlaybackSpeed=PlaybackSpeed.Speed_F

【HarmonyOS】ArkTS学习之页面转场动画的实现

【关键字】ArkTS、转场动画、PageTransitionEnter、PageTransitionExit【介绍】动画交互的实现是一种提升用户体验的方式。动画分为属性属性动画、显示动画、转场动画和路径动画,而转场动画又包含页面间转场、组件内转场和共享元素转场。我觉得页面转场动画挺有趣的,所以今天就浅浅的给大家分享一个用ArkTS实现页面转场动画的demo。ArkTS是通过在全局pageTransition方法内配置页面入场(PageTransitionEnter)和页面退场(PageTransitionExit)时的自定义转场动效来实现页面转场动画的,下图是关于PageTransitionE

HarmonyOS/OpenHarmony应用开发-ArkTS语言@Builder自定义构建函数

ArkUI还提供了一种更轻量的UI元素复用机制@Builder,@Builder所装饰的函数遵循build()函数语法规则,开发者可以将重复使用的UI元素抽象成一个方法,在build方法里调用。为了简化语言,我们将@Builder装饰的函数也称为“自定义构建函数”。说明,从APIversion9开始,该装饰器支持在ArkTS卡片中使用。一、装饰器使用说明1.自定义组件内自定义构建函数定义的语法:@BuildermyBuilderFunction({...})使用方法:this.myBuilderFunction({...})允许在自定义组件内定义一个或多个自定义构建函数,该函数被认为是该组件的