实现一个自定义动画,出现丢帧问题

实现一个自定义动画,出现丢帧问题

HarmonyOS
2024-08-01 09:38:05
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
济南二狗子

推荐使用系统提供的动画接口来实现动画,自行计算容易造成UI线程高负载,以下是一个代码示例。

@Entry
@Component
struct AnimationDemo2 {
@State widthSize: number = 200;
@State heightSize: number = 100;
@State flag: boolean = true;

build() {
Column() {
Button('click me')
.onClick(() => {
if (this.flag) {
this.widthSize = 100;
this.heightSize = 50;
} else {
this.widthSize = 200;
this.heightSize = 100;
}
this.flag = !this.flag;
})
.width(this.widthSize)
.height(this.heightSize)
.backgroundColor(0x317aff)
.animation({
duration: 2000, // 动画时长
curve: Curve.Linear, // 动画曲线
delay: 500, // 动画延迟
iterations: 1, // 播放次数
playMode: PlayMode.Normal // 动画模式
}) // 对Button组件的宽高属性进行动画配置
}
.width('100%')
.margin({ top: 5 })
}
}
分享
微博
QQ
微信
回复
2024-08-01 18:23:52
相关问题
HarmonyOS 实现一个自定义分类列表
101浏览 • 1回复 待解决
如何实现一个自定义询问框
253浏览 • 1回复 待解决
怎样实现一个自定义播放器?
196浏览 • 1回复 待解决
如何实现一个自定义样式的toast提示
1783浏览 • 1回复 待解决
如何在全局实现一个自定义dialog弹窗
2618浏览 • 1回复 待解决
自定义弹窗自定义转场动画
814浏览 • 1回复 待解决
如何实现自定义应用入场动画
639浏览 • 1回复 待解决
如何快速开发出一个自定义弹窗?
238浏览 • 1回复 待解决
使用自定义函数创建一个UI组
210浏览 • 1回复 待解决
CustomDialog自定义动画
224浏览 • 1回复 待解决
swiper组件如何实现自定义切换动画
496浏览 • 1回复 待解决
如何封装一个自定义Dialog对话框
2021浏览 • 1回复 待解决
如何添加一个自定义的代码文件夹
236浏览 • 1回复 待解决
如何在自定义函数中创建一个UI组件
1659浏览 • 1回复 待解决