技术栈
鸿蒙tabs实战
codes23457789
1 个月前
鸿蒙tabs实战
·
鸿蒙tabs自定bar
·
鸿蒙tabsbar实战
·
鸿蒙custombuilder
·
鸿蒙联合类型
·
鸿蒙自定义tabbar
·
鸿蒙builder自定义组件
鸿蒙开发之ArkUI 界面篇 三十四 容器组件Tabs 自定义TabBar
如果需要修改Tabs的图标和文字之间的距离我们该怎么办呢？好在tabBar是联合类型，提供了自定义tabBar，这里就可以显示特殊图标或者是文字图片，如下图：
codes23457789
1 个月前
鸿蒙抖音tab效果
·
鸿蒙tabs实战
·
鸿蒙自定tabbar
·
鸿蒙小米优品导航
·
鸿蒙builder实战
·
鸿蒙tabbar高级功能
·
鸿蒙tabsbar高亮
鸿蒙开发之ArkUI 界面篇 三十六 抖音极速版底部tabs
要实现的界面图下图右侧红框处：切换有高亮，中间和另外4个还不一样，没有文字，企业四个有文字和图片，那就是需要自定tabBar，定义个需要使用Builder修饰的函数，函数没有返回值，也没没有fuction关键字，就是一个名字加需要的参数，在函数体内是Colum+Image+Text，中间那个自定就只是Bulider修饰的函数只需要一个Image展示图片即可，完整代码如下：