HarmonyOS 横向Scroll怎么定位到某个Item可见的位置

点击只出现了部分的Scroll下的Item,怎么定位到某个Item显示出来。

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

请参考示例代码:

@Entry
@Component
struct ScrollPage {
  scroller: Scroller = new Scroller()
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  @State isShow: boolean = false
  build() {
    Column() {
      Text('自选时间')
        .fontSize(14)
        .height(50)
        .onClick(() => {
          this.isShow = !this.isShow
          this.scroller.scrollEdge(Edge.End)
        })
      Scroll(this.scroller) {
        Row() {
          ForEach(this.arr, (item: number) => {
            Text(item.toString())
              .width('100%')
              .height(150)
              .backgroundColor(0xFFFFFF)
              .borderRadius(15)
              .fontSize(16)
              .textAlign(TextAlign.Center)
              .margin({ left: 5, right: 5 })
          }, (item: string) => item)
          Text('10')
            .width('100%')
            .height(150)
            .backgroundColor(0xFFFFFF)
            .borderRadius(15)
            .fontSize(16)
            .textAlign(TextAlign.Center)
            .margin({ left: 5, right: 5 })
            .visibility(this.isShow ? Visibility.Visible : Visibility.None)
          Text('11')
            .width('100%')
            .height(150)
            .backgroundColor(0xFFFFFF)
            .borderRadius(15)
            .fontSize(16)
            .textAlign(TextAlign.Center)
            .margin({ left: 5, right: 5 })
            .visibility(this.isShow ? Visibility.Visible : Visibility.None)
        }.height(160)
      }
      .scrollable(ScrollDirection.Horizontal) // 滚动方向横向
      .scrollBar(BarState.On) // 滚动条常驻显示
      .scrollBarColor(Color.Gray) // 滚动条颜色
      .scrollBarWidth(5) // 滚动条宽度
      .friction(0.6)
      .edgeEffect(EdgeEffect.None)
    }.width('100%').height('100%').backgroundColor(0xDCDCDC)
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 横向Scroll定位最右侧
37浏览 • 1回复 待解决
HarmonyOS Tabs和横向Scroll滑动冲突
40浏览 • 1回复 待解决
Scroll子组件展示位置如何调整
2539浏览 • 1回复 待解决
HarmonyOS List列表滚动到指定位置
31浏览 • 1回复 待解决