HarmonyOS Tabs组件bar背景设置问题

附件中红色区域如果想设置自定义背景,如何实现?

HarmonyOS Tabs组件bar背景设置问题-鸿蒙开发者社区

HarmonyOS
2024-10-17 09:59:46
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

可以实现自定义图片,自定义下重叠布局就行。Column主容器, Stack背景图和导航重叠布局,Image背景图,Row水平导航栏,BottombarItem自定义函数导航按钮类似。

struct MyPage{  
 build(){  
    Column(){  
     this.BottomBar()  
   }   
   .height("100%")  
  .width("100%)  
}  
  BottomBar() {  
  Stack() {  
  //背景图  
   Image("自定义图片" )  .height("100%")  
    .width("100%)  
  
  //导航按钮  
  Row(){  
  this.bottombarItem(首页)  
  this.bottombarItem(我的)  
  }  
   .height(45)  
   .width("100%)  
   .alifnItem(FlexAlign.center)自己设置布局  
  }  
    bottombarItem(text:String){  
  //设置按钮布局  
 }
  • 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.
分享
微博
QQ
微信
回复
2024-10-17 15:50:36
相关问题
HarmonyOS Tabsbar 怎么设置对齐左边
1921浏览 • 1回复 待解决
HarmonyOS Tabs怎么隐藏bar
1024浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
1777浏览 • 1回复 待解决
HarmonyOS 组件/容器设置背景样式
1284浏览 • 1回复 待解决
HarmonyOS Tabs组件组件问题
1400浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
627浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
3023浏览 • 1回复 待解决
HarmonyOS 图片背景及边框圆角设置问题
2347浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
1401浏览 • 1回复 待解决
HarmonyOS 关于Tabs组件的TabContent问题
740浏览 • 1回复 待解决
HarmonyOS Select组件背景色如何设置
628浏览 • 1回复 待解决
Tabs组件TabContent滑到边缘问题
1065浏览 • 0回复 待解决
Tabs组件懒加载的问题
2907浏览 • 1回复 待解决
Button组件如何设置渐变背景
3785浏览 • 1回复 待解决