HarmonyOS 导航栏点击页面切换太生硬,是否有切换动画

HarmonyOS
11h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

可以参考这个文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-tabs-V5

参考demo,自定义tab页签:

@Builder
Tab(tabName: string, tabItem: number, tabIndex: number) {
  Row({ space: 20 }) {
    Text(tabName)
      .fontSize(18)
      .fontColor(tabIndex === this.focusIndex ? Color.Blue :Color.Black)
      .id(tabIndex.toString())
      .onAreaChange((oldValue: Area,newValue: Area) => {
        if (this.focusIndex === tabIndex && (this.indicatorLeftMargin === 0 || this.indicatorWidth === 0)){
          if (newValue.position.x != undefined) {
            let positionX = Number.parseFloat(newValue.position.x.toString())
            this.indicatorLeftMargin = Number.isNaN(positionX) ? 0 : positionX
          }
          let width = Number.parseFloat(newValue.width.toString())
          this.tabWidth = Number.isNaN(width) ? 0 : width
          this.indicatorWidth = this.tabWidth
        }
      })
  }
  .justifyContent(FlexAlign.Center)
  .constraintSize({ minWidth: 35 })
  .width(100)
  .height(30)
  .onClick(() => {
    this.controller.changeIndex(tabIndex)
    this.focusIndex = tabIndex
  })
  .backgroundColor("#ffb7b7b7")
}
分享
微博
QQ
微信
回复
7h前
相关问题
如何实现上下切换页面间跳转动画
1972浏览 • 0回复 待解决
HarmonyOS 页面切换问题
461浏览 • 1回复 待解决
Swiper切换不需要动画
467浏览 • 2回复 待解决
HarmonyOS 路由切换页面过渡慢问题
333浏览 • 1回复 待解决
Tab控件切换问题哪些?
242浏览 • 1回复 待解决