UINavigationBarの背景を画像にする

2011/08/29 (2016/09/14更新) タグ: ,
  • このエントリーをはてなブックマークに追加

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

SPONSOR


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

まず、フレームワークで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;

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

SPONSOR
記事を書いている中の人
イリテク株式会社/入江 慎吾
WEBサービスやアプリのデザイン・開発をやっているクリエイターです。クラウド見積請求:CLOUD PAPER、リモートワーク求人:Rework、買い物メモアプリ:Rememo。情熱のこもったプロダクトをどんどんつくりたいです。(もっと詳しいプロフィール
関連する記事
メールマガジンで新着記事をフォロー

 

イリテクの最新情報をチェック!
  • follow us in feedly
    RSSで最新記事を読む
イリテクで開発したプロダクト
SPONSOR
こちらの記事もおすすめです