【问题标题】:How can I make a scrollable TabBar...?如何制作可滚动的 TabBar ...?
【发布时间】:2012-01-21 22:17:50
【问题描述】:

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

谢谢!

【问题讨论】:

    标签: objective-c xcode ios4


    【解决方案1】:

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

    不过,技术上的答案是您可以简单地将UITabBar 嵌入UIScrollView。如果您适当地设置标签栏的宽度和滚动视图的contentSize,标签栏将是可滚动的。您可能想要关闭弹跳和滚动指示器。

    我没有尝试使用UITarBarController

    【讨论】:

    • 是否可以使标签栏的滚动行为成为循环?就像第一个元素应该在滚动时最后出现等等?
    【解决方案2】:

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

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

    作为一个示例想法。

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

    但我同意其他海报的观点,即这是一个糟糕的 UI 想法。我会为此考虑 UIToolbar。

    【讨论】:

      【解决方案3】:

      除了关于 UX 和 UI 指南的考虑之外,实现此类事情的一种方法是从头开始实现标签栏。你甚至可以找到 iOS5 的tutorial here

      实际上,实现一个标签栏和一个标签栏控制器并不难,因为它可能看起来第一眼,但考虑到所涉及的努力,你也可以问你这种设计对你的应用程序和用户有什么价值经验。

      无论如何,如果您决定采用这条路径(可滚动的标签栏),我建议您这样做,以免用户误以为它是标准的标签栏。

      【讨论】:

      • 您不必从头开始实现它。我测试了将UITabBar 放入UIScrollView 并且效果很好。
      • @rob mayoff:谢谢,我不知道...另一方面,假设您想将可滚动标签栏与“正常”标签栏区分开来,然后在这种情况下重新实现这可能是要走的路。
      【解决方案4】:

      这与曾经为 iOS 编写的所有设计指南背道而驰。

      (我知道 iOS 版 Gift Plan 有一个可滚动的标签栏,但它从不向用户隐藏项目。)

      【讨论】:

      • 我同意。如果您真的需要 7 个标签,您应该认真考虑不同的应用程序设计,甚至 2 或 3 个不同的应用程序
      • 我同意你的看法。我将审查设计。并在需要时使用“更多”按钮。谢谢大家
      • 伙计们,我真的在 iOS 指南中找不到任何关于不推荐使用 Scrollable TabBar 的观点。请问各位大神能详细说明一下吗?例如,Facebook 正是在公司/艺术家/搜索页面上使用此功能。这里的 iOS 指南:developer.apple.com/ios/human-interface-guidelines/overview/…
      • 首先,这个问题已经有5年多了。其次,Apple 不建议不要使用带有粉红色阴影的绿色文本,但这并不适合使用。你不会在 iOS 的任何地方找到可滚动的标签栏,所以用户不会期望你的。 iOS 应用中的意外行为 == 非常糟糕。
      【解决方案5】:

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

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

      但平板电脑已经改变了游戏规则 - 人们希望左右滑动。

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

      (a) 在 App Store 中查看 xFeed 这有 10 多个主题,例如 News Sports ... ,轻松滚动到主题并单击将您带到其下的 RSS 提要。 这对用户来说确实很方便,在我看来是合适的。 另一种方法是在某种菜单和目标视图之间来回切换 - 这可能是第二个选项,但从快速浏览体验来看,这很好。

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

      (c) 演示文稿和内容网站也开始横向滚动。

      (d) 终于有了人类幸福的观点!人们想触摸和玩他们的移动设备。不只是点击! 所以手机触控在这里还是蛮开心的。滑动和滑动的另一件事:)

      【讨论】:

        【解决方案6】:

        这是一个带有自定义可滚动标签栏的项目链接:

        github - scrollable tab bar by BananaDev

        它是免费的,并提供多种自定义选项,让您可以完全改变控制。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2021-08-20
          • 1970-01-01
          • 2018-04-03
          • 1970-01-01
          • 2020-06-23
          • 1970-01-01
          • 1970-01-01
          • 2014-03-26
          相关资源
          最近更新 更多