HarmonyOS 动画需求

展开收起布局的动画怎么实现

HarmonyOS
2024-12-20 16:45:51
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

实现图片显示隐藏的动画效果demo:

@Entry
@Component
struct Index1 {
  @State message: string = '隐藏'
  @State isOpen: boolean = true;
  @State imageHeight: number = 300;
  build() {
    Column() {
      Button(this.message).onClick((event: ClickEvent) => {
        this.isOpen = !this.isOpen;
        animateTo({
          duration: 600,
          curve: Curve.Ease,
          onFinish: () => {
          }
        },
          () => {
            if (this.isOpen) {
              this.message = '隐藏';
              this.imageHeight = 300;
            } else {
              this.message = '显示';
              this.imageHeight = 0;
            }
          })
      })
        .fontSize(26)
        .margin(({ top: 36 }))
      Image($r('app.media.startIcon'))// Text('hhhhh')
        .height(this.imageHeight)
        .width(300)
        .margin(({ top: 36 }))
        .border({ width: 3, color: 'white' })
    }
  }
}
分享
微博
QQ
微信
回复
2024-12-20 18:57:20
相关问题
HarmonyOS 直播需求WebRTC
1051浏览 • 1回复 待解决
HarmonyOS中 直播需求WebRTC?
393浏览 • 0回复 待解决
HarmonyOS 数据库需求咨询
456浏览 • 1回复 待解决
HarmonyOS 直播需求、rtmp推流
447浏览 • 1回复 待解决
open_file插件适配HarmonyOS需求
622浏览 • 1回复 待解决
HarmonyOS 阅读电子书需求的简单代码
538浏览 • 1回复 待解决
api异步方法提供同步api需求
593浏览 • 1回复 待解决
请教一个sql查询需求
2853浏览 • 1回复 待解决
HarmonyOS 自定义通知栏点击更新需求
279浏览 • 1回复 待解决
应用侧需求 harmonyos 增加 MQTT协议的API
7244浏览 • 1回复 待解决
HarmonyOS canvas动画如何实现逐帧动画
390浏览 • 1回复 待解决
HarmonyOS lottie动画
422浏览 • 1回复 待解决
HarmonyOS 动画实现
529浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人