背景画像を画面一杯に拡げて表示する

UIViewに背景画像を設定する場合、下記のようにUIColorのcolorWithPatternImageを使用して、self.view.backgroundColorに設定することができるが、この場合、文字通り「colorWithPatternImage」なので、画面上にタイル状に繰り返し表示されてしまう。

UIImage *backgroundImage = [UIImage imageNamed:@"background.png"];
self.view.backgroundColor = [UIColor colorWithPatternImage:backgroundImage];
[backgroundImage release];

タイル状ではなく、1枚の背景画像を画面一杯に拡げて表示する方法。

UIGraphicsBeginImageContext(self.view.frame.size);
[[UIImage imageNamed:@"background.png"] drawInRect:self.view.bounds];
UIImage *backgroundImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

self.view.backgroundColor = [UIColor colorWithPatternImage:backgroundImage];

参考記事：
http://www.xappsoftware.com/wordpress/2012/05/17/how-to-add-a-background-image-to-a-uiview/

Comments

他のサイトでViewにイメージを表示させるコードがあり、
実行したら、画像が引き延ばされてしまって困っていました。
１枚の画像で表示させる記事の通り実行してみたら、きちんと表示されたので、とても助かりました。

Posted by さくら at 2013年04月23日 23:12

画像を一度ビットマップのコンテキストに描いて、その描かれた画像を取得して、それを view のバックグラウンドカラーに指定するのですね。
とても参考になりました。

Posted by ほしねこ at 2013年05月01日 23:41