UINavigationBarの背景を画像にする

08/29/2011

UINavigationBarの背景を画像にするTipsです。
背景画像を上手く取り入れて、アプリらしさを演出しましょう。

こんな感じで、アレンジ出来ますよ。

まず、フレームワークでQuartzCore.frameworkを追加。
そして、メインファイルで下記を記述。

#import <QuartzCore/QuartzCore.h>

UINavigationBar *navigationBar;
navigationBar = navigationController.navigationBar;

// imageviewの生成とサブビュー追加
UIImageView *imageView;
UIImage *image;
image = [[UIImage imageNamed:@"背景画像.png"]
    stretchableImageWithLeftCapWidth:0 topCapHeight:1];
imageView = [[UIImageView alloc] initWithImage:image];
[imageView autorelease];
imageView.frame = navigationBar.bounds;
imageView.autoresizingMask = (
    UIViewAutoresizingFlexibleWidth
    | UIViewAutoresizingFlexibleHeight);
imageView.layer.zPosition = -FLT_MAX;
[navigationBar insertSubview:imageView atIndex:0];

// ナビゲーションバーに載せるボタンの色
UIColor *tintColor;
tintColor = [UIColor
    colorWithHue:0.774
    saturation:0.521
    brightness:0.618
    alpha:1.000];
navigationBar.tintColor = tintColor;

イメージビューを作って、ナビゲーションバーにサブビューとして追加しています。

[sc name=”ios”][sc name=”engeneer”]