開発のヒホ

iOSとかAndroidとかのアプリを開発するのに四苦八苦するブログ

iOS7で枠ありのUIBarButtonItemを作る

iOS7になって、ナビゲーションバーの両サイドのボタンの枠が無くなりました。

↓文字やアイコンがむき出しになってる

f:id:hihokaruta:20130917225552p:plain

Androidを彷彿とさせますね・・・

 『郷に入らば郷に従え』ということで文字むき出しのままデザインした方がいいですね。でも、そんなすぐにデザイン変えるなんて芸当はできないんで、前のを復元する方向で動きます。
 キーワードはFlatUIKitです。

FlatUIKit Grouper/FlatUIKit

このGitHubページの右辺りからDownloadZIPするなり、git cloneするなりしてソースをもらいます。
続いて[Classes]->[ios]にあるファイルを全部プロジェクトに追加します。

↓フォルダ作ってから入れるとぐちゃぐちゃにならない

f:id:hihokaruta:20130917230138p:plain

そしてあとは狙いのUIBarButtonItemに対して

#import "UIBarButtonItem+FlatUI.h"

...

    // 全部のUIBarButtonItemの色を変更
    UIColor* color_item = [UIColor colorWithRed:0.737 green:0.333 blue:0.306 alpha:1] ;
    UIColor* color_item_high = [UIColor colorWithRed:202.f/255 green:121.f/255 blue:115.f/255 alpha:1] ;
    [UIBarButtonItem configureFlatButtonsWithColor:color_item highlightedColor:color_item_high cornerRadius:3.f] ;

    // 狙ったUIBarButtonItemの色を変更
    UIColor* color_item_search = [UIColor colorWithRed:78.f/255 green:126.f/255 blue:188.f/255 alpha:1] ;
    UIColor* color_item_search_high = [UIColor colorWithRed:115.f/255 green:153.f/255 blue:202.f/255 alpha:1] ;
    [barItemSearch configureFlatButtonWithColor:color_item_search
                               highlightedColor:color_item_search_high
                                   cornerRadius:3.f] ;

とかすれば完了。

↓なかなかにFlatなボタンが作れる

f:id:hihokaruta:20130917230509p:plain

しかしこのFlatUIKit、iOS7上ではちゃんと動かないのがあったりします。(UISliderとか)

もう開発はストップしてるのかなぁ・・・
誰かiOS7にも対応させてくれないかなぁ・・・

|ω・`)チラ