电子发烧友

;this.init()this.identity()this.copy() }}}示例效果：![Harmony/OpenHarmony应用开发-矩阵变换-开源

2022-12-16 15:54

组件内转场主要通过transition属性配置转场参数，在组件插入和删除时显示过渡动效，主要用于容器组件中的子组件插入和删除时，提升用户体验（需要配合animateTo才能生效，动效时长、曲线、延时跟随animateTo中的配置）。说明： 从API Version 7开始支持。开发语言ets.属性：名称参数类型参数描述transitionTransitionOptions所有参数均为可选参数，详细描述见TransitionOptions参数说明。TransitionOptions参数说明：参数名称参数类型必填参数描述typeTransitionType否默认包括组件新增和删除。默认值：TransitionType.All****说明：****不指定Type时说明插入删除使用同一种效果。opacitynumber否设置组件转场时的透明度效果，为插入时起点和删除时终点的值。默认值：1translate{x? : number,y? : number,z? : number}否设置组件转场时的平移效果，为插入时起点和删除时终点的值。-x：横向的平移距离。-y：纵向的平移距离。-z：竖向的平移距离。scale{x? : number,y? : number,z? : number,centerX? : number,centerY? : number}否设置组件转场时的缩放效果，为插入时起点和删除时终点的值。-x：横向放大倍数（或缩小比例）。-y：纵向放大倍数（或缩小比例）。-z：竖向放大倍数（或缩小比例）。- centerX、centerY缩放中心点。- 中心点为0时，默认的是组件的左上角。rotate{x?: number,y?: number,z?: number,angle?: Angle,centerX?: Length,centerY?: Length}否设置组件转场时的旋转效果，为插入时起点和删除时终点的值。-x：横向的旋转向量。-y：纵向的旋转向量。-z：竖向的旋转向量。- angle：旋转角度。- centerX，centerY指旋转中心点。- 中心点为（0，0）时，默认的是组件的左上角。示例代码：@Entry@Componentstruct TransitionAnimation_zj {@State flag: boolean = true@State show: string = 'show'build() { Column() {Button(this.show).width(80).height(30).margin(30).onClick(() => { // 点击Button控制Image的显示和消失 animateTo({ duration: 1000 }, () => {if (this.flag) {this.show = 'hide'} else {this.show = 'show'}this.flag = !this.flag })})if (this.flag) {// Image的显示和消失配置为不同的过渡效果Image($r('app.media.icon')).width(300).height(300) .transition({ type: TransitionType.Insert, scale: { x: 0, y: 1.0 } }) .transition({ type: TransitionType.Delete, rotate: { angle: 180 } })} }.width('100%')}}复制示例效果：参考地址：https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-transition-animation-component-0000001430161145-V3

2022-12-28 16:19

在全局pageTransition方法内配置页面入场和页面退场时的自定义转场动效。说明： 从API Version 7开始支持。开发语言ets.名称参数参数描述PageTransitionEnter{type: RouteType,duration: number,curve:Curvestring,delay: number}PageTransitionExit{type: RouteType,duration: number,curve:Curvestring,delay: number}routerType枚举说明：名称描述Pop重定向指定页面。PageA跳转到PageB时，PageA为Exit+Push，PageB为Enter+Push。Push跳转到下一页面。PageB返回至PageA时，PageA为Enter+Pop，PageB为Exit+Pop。None页面未重定向。属性：参数名称参数类型必填参数描述slideSlideEffect否设置页面转场时的滑入滑出效果。默认值：SlideEffect.Righttranslate{x? : numberstring,y? : numberstring,z? : numberscale{x? : number,y? : number,z? : number,centerX? : numberstring,centerY? : numberstring}opacitynumber否设置入场的起点透明度值或者退场的终点透明度值。默认值：1SlideEffect枚举说明：名称描述Left设置到入场时表示从左边滑入，出场时表示滑出到左边。Right设置到入场时表示从右边滑入，出场时表示滑出到右边。Top设置到入场时表示从上边滑入，出场时表示滑出到上边。Bottom设置到入场时表示从下边滑入，出场时表示滑出到下边。事件功能描述onEnter(event: (type?: RouteType, progress?: number) => void)回调入参为当前入场动画的归一化进度[0 - 1]。- type：跳转方法。- progress：当前进度。onExit(event: (type?: RouteType, progress?: number) => void)回调入参为当前退场动画的归一化进度[0 - 1]。- type：跳转方法。- progress：当前进度。代码实例：transitionAnimation.ets@Entry@Componentstruct TransitionAnimation {@State scale1: number = 1@State opacity1: number = 1build() { Column() {Navigator({ target: 'pages/transitionAnimation02', type: NavigationType.Push }) {Image($r('app.media.icon')).width(200).height(200) // 图片存放在media文件夹下} }.scale({ x: this.scale1 }).opacity(this.opacity1)}// 自定义方式1：完全自定义转场过程的效果pageTransition() { PageTransitionEnter({ duration: 1200, curve: Curve.Linear }).onEnter((type: RouteType, progress: number) => {this.scale1 = 1this.opacity1 = progress}) // 进场过程中会逐帧触发onEnter回调，入参为动效的归一化进度(0% -- 100%) PageTransitionExit({ duration: 1500, curve: Curve.Ease }).onExit((type: RouteType, progress: number) => {this.scale1 = 1 - progressthis.opacity1 = 1}) // 退场过程中会逐帧触发onExit回调，入参为动效的归一化进度(0% -- 100%)}}transitionAnimation02.ets@Entry@Componentstruct TransitionAnimation02 {@State scale2: number = 1@State opacity2: number = 1build() { Column() {Navigator({ target: 'pages/transitionAnimation', type: NavigationType.Push }) {Image($r('app.media.widget')).width(200).height(200)// 图片存放在media文件夹下} }.width('100%').height('100%').scale({ x: this.scale2 }).opacity(this.opacity2)}// 自定义方式1：完全自定义转场过程的效果pageTransition() { PageTransitionEnter({ duration: 1200, curve: Curve.Linear }).onEnter((type: RouteType, progress: number) => {this.scale2 = 1this.opacity2 = progress}) // 进场过程中会逐帧触发onEnter回调，入参为动效的归一化进度(0% -- 100%) PageTransitionExit({ duration: 1500, curve: Curve.Ease }).onExit((type: RouteType, progress: number) => {this.scale2 = 1 - progressthis.opacity2 = 1}) // 退场过程中会逐帧触发onExit回调，入参为动效的归一化进度(0% -- 100%)}}示例效果：参考地址：https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-page-transition-animation-0000001380440914-V3

2022-12-26 11:03

这里是编译后路径Z:\harmony\openharmony\out\my_hi3516dv300下的内容：其中\vendor\firmware\hisilicon下内容：搜索无 uboot.bin文件：

2021-01-08 10:43