如何制作可滚动的TabBar ......?

时间:2012-01-21 22:17:50

标签: objective-c xcode ios4

我正在开发一款需要很多TabBar项目(6或7)的应用。我不认为用户喜欢点击TabBars上的“更多”按钮,所以我想知道如何制作我自己的从左到右滑动的TabBar,这样就可以轻松访问标签栏上的所有按钮而无需按“更多” 。“

谢谢!

6 个答案:

答案 0 :(得分:6)

我同意另一个答案,从设计的角度来看,这是一个坏主意。

然而,技术答案是您只需在UITabBar中嵌入UIScrollView即可。如果适当地设置标签栏的宽度和滚动视图的contentSize,则标签栏将可滚动。您可能希望关闭弹跳和滚动指示器。

我没有使用UITarBarController尝试。

答案 1 :(得分:4)

关于这是否是一个好主意的意见

使用带有UIButton子视图的UIScrollView,从头开始实现简单的轮播应该相当简单。这将为您提供所有的滚动机制

作为一个样本想法。

  • UISCrollView,它跨越设备的宽度。
  • 滚动内容窗格中的N个按钮
  • 将滚动条限制为水平滚动。
  • 为按钮提供选定和未选择的图像
  • 创建胶水代码以确保一次只选择一个按钮(如单选按钮)

但我同意其他海报的说法,这是一个糟糕的UI想法。我正在考虑UIToolbar。

答案 2 :(得分:3)

除了有关UX和UI指南的考虑之外,您可以实现此类操作的方法是从头开始实现标签栏。您甚至可以为iOS5找到tutorial here

实际上,实现标签栏和标签栏控制器并不困难,因为它可能一见钟情,但考虑到所涉及的工作,您还可以问您这种设计为您的应用和用户添加了什么价值经验。

在任何情况下,如果您决定使用此路径(可滚动的标签栏),我建议您不要误导用户认为它是标准标签栏。

答案 3 :(得分:2)

这与针对iOS编写的每个设计指南相悖。

(我知道iOS礼品计划有一个可滚动的标签栏,但它永远不会隐藏用户的商品。)

答案 4 :(得分:2)

如何做到这一点已被接受,

移动设计模式不是具体的 - 它适用于您的应用程序。 过去,网页垂直滚动,横向滚动不受欢迎。

但这款平板电脑已经改变了游戏规则 - 人们希望能够一边滑倒一边。

滚动标签视图时对一个案例的评论实际上是非常合适的。

(a)查看App Store中的xFeed 这有10个主题,如新闻体育...,易于滚动到主题,点击将您带到它下面的RSS源。 这对用户来说真的很方便,而且在我看来是合适的。 另一种方法是在某种菜单和目标视图之间来回切换 - 这可能是第二种选择,但从快速浏览体验来看这很好。

(b)今日美国是另一个例子 - 即使在其主要网站上,也有< >箭头在主题之间滚动,或者您可以单击顶部的选项卡。不可否认,标签本身不会滚动,但你明白了。整个网站以及“今日美国”的移动体验都围绕章节之间的侧滑进行了强有力的优化。

(c)演示文稿和内容网站也是侧面滚动。

(d)最终关注人类幸福观点!人们想用手机触摸和玩耍。不只是点击! 所以移动触摸在这里很开心。滑动和滑动还有一件事:)

答案 5 :(得分:2)

以下是项目与自定义滚动标签栏的链接:

github - scrollable tab bar by BananaDev

它是免费的,并提供各种自定义选项,允许您完全改变控制。