Xcode UIViewに背景画像を設定する２つの方法

UIViewの背景として画像を使用する際に、iPhone/iPadの画面サイズに合わせて画像を拡大・縮小するパターンと、画像のサイズをそのまま活かすパターンの２種類のコードの書き方があったのでメモ。

f:id:kojikoji75:20141116001506j:plain
photo credit: visualpanic via photopin cc

サマリー

１．iPhone/iPadの画面サイズに合わせて画像を拡大・縮小する書き方
２．画像のサイズをそのまま活かす書き方
３．まとめ

１．iPhone/iPadの画面サイズに合わせて画像を拡大・縮小する書き方

例えば以下の様なの素材画像Sample001.png（860*1000）があるとする。（わかりやすく空の画像を使用）

f:id:kojikoji75:20141116001828j:plain

iPhone/iPadの画面サイズに合わせて画像を拡大・縮小するようにするには、その画像ファイルをプロジェクトに追加した上で下記のように書く。

//iPhone/iPadの画面サイズに合わせて画像を拡大・縮小する
UIGraphicsBeginImageContext(self.view.frame.size);
[[UIImage imageNamed:@"Sample001.png"] drawInRect:self.view.bounds];
UIImage *backgroundImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
self.view.backgroundColor = [UIColor colorWithPatternImage:backgroundImage];

するとこのように画面サイズに合わせて拡大・縮小される。（下図はiPhone6シミュレータ）

f:id:kojikoji75:20141116002103p:plain

２．画像のサイズをそのまま活かす書き方

一方、下記のように書くと、画面サイズは無視され画像サイズがそのまま活かされる。

//画像のサイズをそのまま活かす
UIImage *backgroundImage=[UIImage imageNamed:@"Sample001.png"];
self.view.backgroundColor=[UIColor colorWithPatternImage:backgroundImage];

結果、下図のようになる。

f:id:kojikoji75:20141116002114p:plain