自定义 Tabbar 和 Tabbar Button 项

Posted

技术标签:

【中文标题】自定义 Tabbar 和 Tabbar Button 项【英文标题】:Custom Tabbar and Tabbar Button item 【发布时间】:2016-11-23 07:00:56 【问题描述】:

我有一个应用程序的想法,但在处理 Xcode 几个月后,我遇到了一个主要的设计问题。我想要这个:

但正如许多 ios 开发人员所知,在界面构建器中使用传统的标签栏只会创建单色、非轮廓、标签栏按钮,如下所示:

是否有任何代码/sdk 可以让我实现第一张图片的设计,同时仍然具有第二张图片的标签栏功能?

编辑:我正在寻找的方法更倾向于一起创建自定义标签栏控制器,这已得到解答。

【问题讨论】:

您可以使用集合视图创建自己的自定义标签栏。并使用容器视图来更改视图控制器。 Preserving the original image color of the selected and unselected UITabBar icons的可能重复 @AshishKakkad 集合视图会是标签栏本身吗?抱歉,我对 uicollection 视图没有太多经验。 是的@JevonÇøö 集合视图是实现设计的一种方法,否则您可以使用其中包含 5 个按钮的容器视图并将其放置在顶部,在基于故事板的按钮选择中隐藏 tabbarcontroller 更改标签栏控制器的索引 【参考方案1】:

为自定义标签栏创建单独视图的最佳方式。 我会建议你:

    在 main.storyBoard 中,取两个容器,一个用于 tabBarController,另一个用于 CustomTabBarViewController

    在 CustomTabBarViewController 中绘制您的自定义标签栏 UI

    在标签栏中附加所有其他控制器。

【讨论】:

以上是关于自定义 Tabbar 和 Tabbar Button 项的主要内容,如果未能解决你的问题,请参考以下文章

uni-app自定义tabBar

自定义 Tabbar 和 Tabbar Button 项

iOS10.0 TabBar Bug(底部同时展示原生和自定义tabBar)-b

小程序基础能力~自定义 tabBar

微信小程序 自定义tabbar

隐藏自定义tabbar(关于tabbar的hide属性对于自定义无效)