在HarmonyOS NEXT开发中导航栏点击页面切换太生硬，是否有切换动画？

Question

在HarmonyOS NEXT开发中导航栏点击页面切换太生硬，是否有切换动画？

Answer 1

可以参考这个文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...
参考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") 
}