注:transition 必须搭配 animateTo 一起使用(如有不对的地方尽请谅解)
@Entry @Component struct Types { @State flag: boolean = true build() { Column() { Button(this.flag ? '隐藏' : '显示').width(150).height(50).fontSize(28).margin({bottom:20}) .onClick(() => { animateTo({},()=>{ // 如果此处不使用animateTo 则transition动画无效 this.flag = !this.flag }) }) if (this.flag) { Image($r('app.media.11')).objectFit(ImageFit.Contain) .transition({ type:TransitionType.All, // ALL代表不管什么时候都会执行 translate:{x:-200,y:-200}, // (开始/结束)动画的位置 opacity:0, // 透明度 rotate:{angle:360} // 动画执行从开始到结束需要旋转的多少度 }) } } .width('100%') .padding(30) } }