HarmonyOS 组件选择问题

目前暂无相关组件能够满足要求，可尝试使用stack然后通过添加动画实现，参考示例如下：

// xxx.ets
import { window } from '@kit.ArkUI'
import { BusinessError } from '@kit.BasicServicesKit'

@Entry
@Component
struct ScrollExample {
  scroller: Scroller = new Scroller()
  @State testRowStr: string = '50%'
  @State widthDia: string = '50%'

  aboutToAppear(): void {
    let orientation = window.Orientation.LANDSCAPE
    this.setScreenOrientation(orientation)
  }

  aboutToDisappear(): void {
    let orientation = window.Orientation.PORTRAIT
    this.setScreenOrientation(orientation)
  }

  setScreenOrientation(orientation: window.Orientation) {
    let windowClass: window.Window | undefined = undefined;
    try {
      let promise = window.getLastWindow(getContext())
      promise.then((data) => {
        windowClass = data
        windowClass.setPreferredOrientation(orientation)
      }).catch((err: BusinessError) => {
        console.error('getLastWindow error')
      })
    } catch (e) {
      console.error('setScreenOrientation error')
    }
  }

  build() {
    Column() {
      Stack() {
        Column() {
          Text('关闭')
            .fontSize(20)
            .onClick(() => {
              this.testRowStr = '100%'
              this.widthDia = '50%'
            })
          Text('打开')
            .fontSize(20)
            .onClick(() => {
              this.testRowStr = '50%'
              this.widthDia = '50%'
            })
        }.width('100%').height('100%').backgroundColor(Color.Orange)

        Column() {

        }
        .width('50%')
        .height('100%')
        .backgroundColor(Color.Blue)
        .position({ x: this.testRowStr, y: 0 })
        .transition(TransitionEffect.OPACITY.animation({ duration: 500, curve: Curve.Ease }).combine(
          TransitionEffect.translate({ x: this.widthDia })
        ))
      }
      .backgroundColor(Color.Gray)
    }.width('100%').height('100%').backgroundColor(0xDCDCDC)
  }
}