UINavigationBarの背景を画像にする

2018/03/23更新 カテゴリー:ビジネスハック,開発奮闘記 タグ: ,
  • このエントリーをはてなブックマークに追加

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;

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

iPhoneアプリ開発のTips一覧はこちら

効率のいいiOSプログラミング習得法

独学でプログラミングをはじめてもう16年。
なかなか勉強が進まない人のために記事を書きました。

フリーランスエンジニアの稼ぎ方

  • このエントリーをはてなブックマークに追加
SPONSOR

PROFILE

プロフィール

入江 慎吾/サービス開発だけで生きていく
自分のサービスだけで自由に生きる。勢いで受託開発をすべてやめて、サービスだけ作って生きていくことを決めたフリーのエンジニア。得意を教えて副業にできるMENTAを開発中! (詳しいプロフィール)
WEBサービス・アプリ開発に役立つ情報をイリテクの入江がお届けします。プログラミング、UI/UXデザイン、SNS・ブログマーケティングなど、プロダクト開発だけで自由に生きていくための実践的な情報を配信しています。

PRODUCT

イリテクで開発したプロダクト

RELATION

関連する記事

SPONSOR

TAG

タグから記事をさがす