HarmonyOS tabs组件中如何添加常驻UI组件,比如播放条

HarmonyOS
2024-12-26 15:45:11
788浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

要在每个页面放上播放条,可以尝试Stack其中的position,具体高度可以参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#getwindowavoidarea9

参考代码:

onPageShow():void {
  try
  {
  this.controller.start();
}
catch(e) {
  console.log('start failed')
}
}
@Entry
@Component
struct TabsPage {
  build() {
    Stack() {
      Tabs({ barPosition: BarPosition.End }) {
        TabContent() {
          Text('首页的内容').fontSize(30)
        }
        .tabBar('首页')
        TabContent() {
          Text('推荐的内容').fontSize(30)
        }
        .tabBar('推荐')
        TabContent() {
          Text('发现的内容').fontSize(30)
        }
        .tabBar('发现')
        TabContent() {
          Text('我的内容').fontSize(30)
        }
        .tabBar("我的")
      }
      Row() {
      }
      .backgroundColor(Color.Red)
      .width("100%")
      .height(30)
      .position({
        y: 700
      })
      .onClick(() => {
        console.log("ffff")
      })
      .visibility(Visibility.Visible)
    }
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
分享
微博
QQ
微信
回复
2024-12-26 18:14:28


相关问题
如何Tabs的tabBar,添加其他组件
1527浏览 • 1回复 待解决
HarmonyOS Tabs组件怎么动态添加TabContent
1052浏览 • 1回复 待解决
HarmonyOS 地图组件如何添加自定义UI
615浏览 • 1回复 待解决
Tabs组件自定义导航栏UI问题
1515浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
1777浏览 • 1回复 待解决
HarmonyOS Tabs组件Tabs如何左对齐?
1245浏览 • 1回复 待解决
HarmonyOS Tabs组件组件问题
1400浏览 • 1回复 待解决
HarmonyOS Tabs组件TabBar不能完全贴合
854浏览 • 1回复 待解决
如何选择Navigation 组件Tabs 组件
3446浏览 • 1回复 待解决
Tabs组件嵌套滑动组件
2428浏览 • 1回复 待解决
自定义组件如何添加图片?
3442浏览 • 1回复 待解决
HarmonyOS Tabs组件切换
1090浏览 • 1回复 待解决