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){  
  //设置按钮布局  
 }
分享
微博
QQ
微信
回复
2024-10-17 15:50:36
相关问题
HarmonyOS Tabsbar 怎么设置对齐左边
3571浏览 • 1回复 待解决
HarmonyOS Tabs怎么隐藏bar
1352浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
2091浏览 • 1回复 待解决
HarmonyOS 组件/容器设置背景样式
1628浏览 • 1回复 待解决
HarmonyOS Tabs组件组件问题
1777浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
822浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
3328浏览 • 1回复 待解决
HarmonyOS 图片背景及边框圆角设置问题
2792浏览 • 1回复 待解决
HarmonyOS Select组件背景色如何设置
894浏览 • 1回复 待解决
HarmonyOS 关于Tabs组件的TabContent问题
958浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
1677浏览 • 1回复 待解决
Button组件如何设置渐变背景
4211浏览 • 1回复 待解决
Tabs组件TabContent滑到边缘问题
1320浏览 • 1回复 待解决
Tabs组件懒加载的问题
3193浏览 • 1回复 待解决