鸿蒙app开发中 使得一个弹窗渐进式的从底部弹出

其实就是控制一个ui部分动态的显示隐藏  然后显示的时候给其一个渐进式的动画效果

if (this.isShowFilterResult) {

        RelativeContainer() {
          Column() {
           
          
          }
          .width('100%')
          .layoutWeight(1)
          .padding({
            left: 12,
            right: 12,
            top: 12,
            bottom: 50
          })
        }
        .alignRules({ bottom: { anchor: '__container__', align: VerticalAlign.Bottom } })
        .transition(TransitionEffect.move(TransitionEdge.BOTTOM)
          .animation({ duration: 300, curve: Curve.Linear }))
        .id('near_list')
        .height('50%')
        .backgroundColor($r('app.color.color_F3F4FA'))
        .zIndex(9)
        .borderRadius({ topLeft: 12, topRight: 12 })
      }

主要动画就是这句