HarmonyOS 使用animateTo 用于一个容器控件的收起效果会出现内部控件收缩中显示变形

使用animateTo 用于一个容器控件的收起效果会出现内部控件收缩中显示变形

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

参考demo:

@Entry
@Component
struct IfElseTransition {
  @State flag: boolean = true;
  @State show: string = 'show';

  build() {
    Column() {
      Button(this.show).width(80).height(30).margin(30).onClick(() => {
        if (this.flag) {
          this.show = 'hide';
        } else {
          this.show = 'show';
        }
        animateTo({ duration: 1000 },
          () => {
            //动画闭包内控制Image组件的出现和消失
            this.flag = !this.flag;
          })
      })
      if (this.flag) {
        //Image的出现和消失配置为不同的过渡效果
        Column() {
          Image($r('app.media.app_icon')).width(100).height(100)
          Text('测试形变文本').width(100).height(100).backgroundColor(Color.Blue)
        }
        .width(200)
        .height(200)
        .backgroundColor(Color.Black)
        .transition({ type: TransitionType.Insert, translate: { x: 200, y: -200 } })
        .transition({ type: TransitionType.Delete, opacity: 0, scale: { x: 0, y: 0 } })
      }
    }.height('100%').width('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-20 19:14:56
相关问题
HarmonyOS 需要一个上下翻页控件
434浏览 • 1回复 待解决
应用启动前会出现一个白屏。
1618浏览 • 1回复 待解决
HarmonyOS 容器控件布局问题
419浏览 • 1回复 待解决
使用TextPicker控件显示异常问题
1192浏览 • 1回复 待解决
HarmonyOS 拖拽不起效果
585浏览 • 1回复 待解决
如何去掉Toggle控件点击效果
616浏览 • 1回复 待解决
「多态控件效果样式确认
1815浏览 • 1回复 待解决
HarmonyOS 如何实现抽屉效果控件
221浏览 • 1回复 待解决
HarmonyOS RelativeContainer内控件显示
222浏览 • 1回复 待解决