web-dev-qa-db-ja.com

iPhoneアプリ用のカスタムUITabBarを作成する本当にクールな方法?

最近、iPhoneアプリでナイスエフェクトUITabBarを使用して別の見栄えにする方法について多くの調査を行っていますが、残念ながら、背景色を置き換える方法についてのみ調べています。

まあ、私はこのアプリ Momento をチェックしてみました。これはかなりクールで、非常に滑らかなtabBarを表示します。

Momento's UITabBar

だからここにいくつかの要素があります私はあなたに私にあなたが私に同じような効果を得る方法の正しい方向を教えてくれるのを手伝ってくれるかどうか尋ねたいです:)

  • 矢印の上にアイテム:このアプリを見るとわかるように、このアニメーション矢印は、選択したアイテムの上を非常に滑らかなアニメーションで走っています。

  • Selected Stated of the item's imageis not the blue-ishdefault oneも、デフォルトの表示状態も茶色と灰色のバージョンの異なる色合いで。

  • 縦線が斜めになっている素敵なアイテムのセパレーター

  • tabBarの異なる背景画像

  • tabBarの異なる高さ

この時点で、いくつかの調査を行った後、UITabBarControllerをサブクラス化することで高さと背景の画像を設定できますが、他のアイテム、特にナイスアロー効果に関連する最初のアイテムをどのように実現するかはまだわかりません。

どうすればよいですか? UITabBarControllerをサブクラス化して何ができるか、何ができないかを明確にしてください。特に、Interface Builderでできる場合は明確にしてください。

27
zanona

チェックアウト iDevReceipes 、彼らはかなりシンプルで見栄えの良いソリューションを持っています。あなたが望むものすべてに適合しないかもしれませんが、それは良い出発点です

17
LordT

Githubに BCTabBarController というプロジェクトがあり、iPhoneのTwitterで使用されるタブバーを模倣することを目的としています。それはあなたが探しているもののいくつかを持っており、素晴らしい出発点を与えるはずです。

15
Dave DeLong

これらはどちらも適切な回答ですが、どちらのライブラリにも問題があります。また、iDevRecipiesは子のビューコントローラにイベントを送信したり、回転時にナビゲーションバーのサイズを変更したりしません。

注意してください:カスタムナビゲーションバーは(私が見つけたように)多くの試行錯誤によるデバッグです。

5
esilver

TabBarの幅と高さを備えたUIViewを使用するだけです。ビューにカスタムの背景画像とカスタムボタンを追加します。ビューのファイル所有者をAppDelegateとして設定します。これで、IBActionをボタンに接続するだけです。カスタムビューをタブバーの上に配置できます。ボタンアクションでtableviewcontrollerのsetSelectedIndexメソッドを使用して、ビューコントローラを切り替えることができます。

2
Sreekanth