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 怎么设置对齐左边
772浏览 • 1回复 待解决
HarmonyOS Tabs怎么隐藏bar
273浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
600浏览 • 1回复 待解决
HarmonyOS 组件/容器设置背景样式
224浏览 • 1回复 待解决
HarmonyOS Tabs组件组件问题
271浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
2060浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
493浏览 • 1回复 待解决
Button组件如何设置渐变背景
2344浏览 • 1回复 待解决
Tabs组件TabContent滑到边缘问题
305浏览 • 0回复 待解决
Tabs组件懒加载的问题
2176浏览 • 1回复 待解决
HarmonyOS Tabs组件切换
181浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tab栏滚动问题
379浏览 • 1回复 待解决
HarmonyOS 背景水印问题
248浏览 • 1回复 待解决
HarmonyOS Tabs组件Tabs如何左对齐?
251浏览 • 1回复 待解决
HarmonyOS Navigation标题居中,背景设置
608浏览 • 1回复 待解决
HarmonyOS Tabs控件fadingEdge问题
243浏览 • 1回复 待解决