iPhoneアプリ開発

【Swift】背景画像にパターン(repeat)を指定する

Swiftで背景画像の繰り返し(パターン)を行う方法。iPhone6など画面サイズが大きい背景画像は、サイズが小さいと足りない部分が白などのデフォルト色になってしまう。背景画像にパターン(くり返し)を設定することで、この問題は回避することができる。

背景画像を設定する方法は大きく2つある。

 

方法1:UIImageViewとして最背面に追加

// UIImageを生成
let img = UIImage(named: "back_ground.png")

// UIImageView インスタンスの生成
let imageView = UIImageView(image:img)
		
// 画像を追加し、最背面に設定
self.view.addSubview(imageView)
self.view.sendSubviewToBack(imageView)

ただし、この方法だとiPhone6など画面サイズの大きい機種になると高さが足りなくなる場合がある。

その解決法が、この記事のメインとなる次の方法2となる。

 

方法2:背景画像にパターン(repeat)を設定する

 

// 背景画像にパターン(繰り返し)を設定
self.view.backgroundColor = UIColor(patternImage: UIImage(named: "back_ground.png")!)

 

これで画像サイズが画面サイズに満たない場合でも、背景画像が途中で途切れることがなくなる。