スクロール可能なTabBarを作成するにはどうすればよいですか？

Question

私は多くのTabBar項目（6または7）を必要とするアプリケーションに取り組んでいます。私はユーザーがTabBarsの "More"ボタンをクリックしたいとは思わないので、左から右にスライドする独自のTabBarを作成する方法を知りたいので、 "More"を押さずにタブバーのすべてのボタンに簡単にアクセスできます"

ありがとうございます！

Answer 1

私はそれがデザインの観点からは悪い考えであるという答えに同意します。

しかし、技術的な答えはUIScrollViewにUITabBarを埋め込むだけです。タブバーの幅を設定し、スクロールビューのcontentSizeを適切に設定すると、タブバーがスクロール可能になります。バウンスとスクロールインジケーターをオフにしたいと思うかもしれません。

私はUITarBarControllerで試してみませんでした。これは良いアイデアであるかどうかはさておき

シンプルなカルーセルはUIButtonのサブビューとUIScrollViewのを使用してゼロから実装するのはかなり簡単であるべきかどうかについて

Answer 2

これは、iOS向けに書かれたすべてのデザインガイドラインに反するものです。別にUXとUIのガイドライン、あなたはそのようなことを実施して実装することができる方法についての考察から

（私はiOS用のギフトプランがスクロール可能なタブバーを持っていますが、それは、ユーザーからのアイテムを隠したことがないことを知っています。）

Answer 3

最初からタブバー。 iOS5の場合はtutorial hereです。

実際には、タブバーとタブバーコントローラーを実装するのは難しいことではありませんが、このようなデザインの価値がどのようなものかを尋ねることができますユーザー体験。

いずれにしても、このパス（スクロール可能なタブバー）を使用する場合は、ユーザーが標準のタブバーであると誤解されないようにすることをお勧めします。

Answer 4

意見。すべてのスクロールメカを提供します

サンプルアイデアとして。

• デバイスの幅にまたがるUISCrollView。
• スクロールコンテンツペインのN個のボタン
• スクロールを水平スクロールに制限します。

ボタンが1つだけ（ラジオボタンのように）一度に選択されていることを確認するためにグルーコードを作成ボタン

のために選択し、選択されていない画像を提供しますが、私はその悪い他のポスターに同意しませんUIのアイデア。 IDはUIToolbarを考えている。

Answer 5

ザ・はそれが受け入れられた行う方法を、

モバイルデザインパターンは、コンクリートで鋳造されていない - それはあなたのアプリケーションに適しているものについてです。 以前は、Webページが垂直方向にスクロールされ、サイドスクロールが目立つようになっていました。

しかし、タブレットがゲームチェンジャーされている - 人々が左右にスワイプすることを期待します。

1ケースにコメントタブ表示をスクロールすると、実際には非常に適切な..です

（a）はこのニューススポーツのような10+トピックを持っているのApp Store にxFeedを見て...、話題にスクロールするのは簡単クリックするとその下のRSSフィードに移動します。 これは本当にユーザーにとって便利で、私の意見では適切です。 代わりに、いくつかの種類のメニューとターゲットビューの間を行き来することができます - これは第2のオプションかもしれませんが、クイックブラウズ体験からはこれが良いです。

（b）USA Todayはもう1つの例です。メインのウェブサイトでさえ、<>矢印をトピック間でスクロールしたり、上部のタブをクリックしたりすることができます。確かにタブ自体はスクロールしませんが、あなたはそのアイデアを得ます。サイト全体と、USA Todayのモバイルエクスペリエンスは、章間のサイドスワイプを中心に最適化されています。

（c）のプレゼンテーションとコンテンツサイトは、同様にサイドスクロールされるようになってきました。

FINALLY人間の幸福の視点に

（d）に！人々は自分の携帯用のもので触って遊んでいます。タップするだけではありません！ ここでモバイルタッチはとても幸せです。それは無料ですし、あなたが完全に制御を変更することができますカスタマイズオプションを幅広く提供してい

github - scrollable tab bar by BananaDev

：ここにスワイプし、スライド:)

Answer 6

するもう一つは、カスタムスクロールタブバーとプロジェクトのリンクです。