blocks|key|306228|text|这与所有为iOS编写的设计指南背道而驰。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|306229|(我知道iOS的Gift+Plan有一个可滚动的选项卡栏，但它从不对用户隐藏项目。)|306230|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

That's against about every design guideline ever written for iOS.

(I know that Gift Plan for iOS has a scrollable tab bar, but it never hides items from the user.)

blocks|key|4346408|text|除了考虑UX和UI指南之外，实现这类东西的一种方法是从头开始实现选项卡栏。您甚至可以找到用于iOS5的tutorial+here。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4346409|实际上，实现选项卡栏和选项卡栏控制器并不困难，因为它乍一看可能很难，但考虑到所涉及的努力，您还可以问这种设计为您的应用程序和用户体验增加了什么价值。|4346410|在任何情况下，如果你决定走这条路(一个可滚动的标签栏)，我建议这样做，这样用户就不会被误导认为这是一个标准的标签栏。|4346411|entityMap|0|LINK|mutability|MUTABLE|url|http://www.hollance.com/2011/11/mhtabbarcontroller-a-custom-tab-bar-for-ios-5-using-the-new-container-apis/^0|1F|D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

Apart from considerations about UX and UI guidelines, a way you can implement such thing is implementing a tab bar from scratch. You can even find a <a href="http://www.hollance.com/2011/11/mhtabbarcontroller-a-custom-tab-bar-for-ios-5-using-the-new-container-apis/" rel="nofollow">tutorial here</a> for iOS5.

Actually, implementing a tab bar and a tab bar controller is not difficult as it may appear at first sight, but given the effort involved, you could also ask you what value this kind of design add to your app and to the user experience.

In any case, if you decide to go for this path (a scrollable tab bar), I would suggest to make it such that the user cannot be misguided into thinking it's a standard tab bar.

blocks|key|4346439|text|我同意另一个答案，从设计的角度来看，这是一个糟糕的想法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4346440|然而，技术上的答案是，您可以简单地将UITabBar嵌入到UIScrollView中。如果您适当地设置了选项卡栏的宽度和滚动视图的contentSize，选项卡栏将是可滚动的。您可能想要关闭弹跳和滚动指示器。|offset|length|style|CODE|4346441|我没有用UITarBarController试过。|4346442|entityMap^0|0|I|8|T|C|1T|B|0|4|I|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]|$D|P|E|Q|F|G]|$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|K|$]]

I agree with the other answer that it's a bad idea from a design standpoint.

Nevertheless, the technical answer is that you can simply embed a <code>UITabBar</code> in a <code>UIScrollView</code>. If you set the tab bar's width and the scroll view's <code>contentSize</code> appropriately, the tab bar will be scrollable. You will probably want to turn off bouncing and scroll indicators.

I didn't try it with a <code>UITarBarController</code>.

blocks|key|4346468|text|关于这是不是好主意的看法放在一边|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4346469|使用带有UIButton子视图的UIScrollView从头开始实现一个简单的carousel应该是相当简单的。它将为您提供所有的滚动机制|4346470|作为一个示例想法。|4346471|4346472|跨越设备宽度的UISCrollView。在滚动内容窗格中创建N个按钮，并将滚动条限制为水平方向的选定和未选定的图像作为按钮。|unordered-list-item|4346473|创建粘合代码以确保一次只选择一个按钮(如单选按钮)|4346474|4346475|但我确实同意其他发贴者的观点，那是一个糟糕的UI想法。我正在考虑UIToolbar来解决这个问题。|4346476|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|U|8|@]|9|@]|A|$]]|$1|J|3|K|5|I|7|V|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

Opinions on whether this is a good idea or not aside 

A simple carousel should be fairly simple to implement from scratch using a UIScrollView with UIButton subviews. which will provide all the scroll mechanics for you

As a sample idea. 

<ul>
<li>A UISCrollView which spans the width of the device. </li>
<li>N buttons across the scroll content pane</li>
<li>Restrict scroller to horizontal scrolling.</li>
<li>Provide selected and unselected images for the buttons</li>
<li>Create glue code to ensure only one button is selected at a time (like Radio buttons)</li>
</ul>

But I do agree with the other posters that its a bad UI idea. Id be thinking UIToolbar for this.

blocks|key|4346520|text|如何做到这一点已经被接受，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4346521|移动设计模式并不是一成不变的--它是关于什么是适合你的应用的。过去，网页是垂直滚动的，而侧向滚动是不受欢迎的。|4346522|但这款平板电脑已经改变了游戏规则--人们希望从一边向另一边滑动。|4346523|对滚动选项卡视图实际上非常合适的一种情况的评论..|4346524|(a)在App+Store中查看xFeed，它有10%2B主题，如新闻、体育……，很容易滚动到主题，然后点击它下面的RSS。这对用户来说确实很方便，而且在我看来也是合适的。另一种选择是在某种菜单和目标视图之间来回切换-这可能是第二个选项，但从快速浏览体验来看，这是很好的。|4346525|(b)《今日美国》是另一个例子-即使在其主网站上，也有<>箭头可以在主题之间滚动，或者您可以单击顶部的选项卡。诚然，标签本身不会滚动，但你已经明白了。整个网站，以及《今日美国》的移动体验都是围绕章节之间的侧滑进行了强有力的优化。|4346526|(c)演示文稿和内容网站也开始出现侧滚。|4346527|(d)最后从人类幸福的角度来看！人们想要触摸和玩他们的移动设备。不仅仅是敲击！因此，移动触摸在这里很受欢迎。要滑动和滑动的另一件事:)|4346528|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|V|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|W|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|X|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|Y|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|Q|$]]

The HOW to do it has been accepted, 

MOBILE DESIGN PATTERNS are not cast in concrete - it is about what is appropriate for YOUR app.
It used to be that web pages scrolled vertically and side-scrolling was frowned on.

But the tablet has been a game changer - people EXPECT to swipe side to side.

A comment on one case when scrolling tab view is actually highly appropriate .. 

(a) Look at xFeed in App Store
This has 10+ topics like News Sports ... , easy to scroll to topic and click takes you to RSS feeds under it.
This is truly convenient for user, and in my opinion appropriate.
The alternative is to go back and forth between a menu of some kind and the target view - which could be a 2nd option, but from a quick browse experience this is good.

(b) USA Today is another example - even on its main website, has the &lt; > arrows to scroll between topics or you can click on tabs at top. Admittedly the tabs themselves don't scroll, but you get the idea. The entire site, and the mobile experience for USA Today is strongly optimized around side swipeing between chapters.

(c) Presentations and content sites have come to be side scrolling as well.

(d) FINALLY on a Human Happiness viewpoint! People WANT TO TOUCH and PLAY with their mobile stuff. Not just tap! 
So mobile touch is quite happy here. One more thing to swipe and slide :)

blocks|key|386216|text|这是一个带有自定义可滚动选项卡栏的项目链接：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|386217|github+-+scrollable+tab+bar+by+BananaDev|offset|length|386218|它是免费的，并提供了各种各样的自定义选项，允许您完全更改控制。|386219|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/valitovaza/scrollableTabbar^0|0|0|14|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

Here is a link of project with custom scrollable tab bar:

<a href="https://github.com/valitovaza/scrollableTabbar" rel="nofollow">github - scrollable tab bar by BananaDev</a>

It's free and provides a wide variety of customization options allowing you to fully change control.

I'm working on an app that needs many TabBar Items (6 or 7). I don't think users like to click the "More" button on TabBars, so I'm wondering how to make my own TabBar that slides from left to right, so one can easily access all the buttons on the tabbar without pressing "More."

Thanks!

How can I make a scrollable TabBar...?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在开发一个需要很多TabBar项目(6或7)的应用程序。我认为用户不喜欢点击TabBars上的“更多”按钮，所以我想知道如何让我自己的TabBar从左向右滑动，这样人们就可以轻松地访问选项卡栏上的所有按钮，而不需要按“更多”。谢谢!

问如何制作可滚动的TabBar...？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何制作可滚动的TabBar...？EN