Swift:ViewのbackgroundColorに指定した画像が繰返し表示される

Question

######下の画像のように背景に指定した画像が繰返し表示されます。

######実現したいこと
①リサイズして１つだけ表示したい。（画像がわかりやすくCGSize(width: 300, height: 300)を指定しています）
②余白は白色にしたい。

######試したこと
UIImageViewにしてサイズを調整して表示すると「余白部分がクリックできない」ので諦めました。

######心当たり
self.view.backgroundColor = UIColor(patternImage: Image)で表示するモードが決まる？

どなたかご教授お願いします。

class ViewController: UIViewController {

    override func viewDidLoad() {
let a = CGSize(width: 300, height: 300)
    var Image = UIImage(named: "test")!
        Image = Image.resize(size: a)!
        self.view.backgroundColor = UIColor(patternImage: Image)
        
    }
}
extension UIImage {
    func resize(size _size: CGSize) -> UIImage? {
        let widthRatio = _size.width / size.width
        let heightRatio = _size.height / size.height
        let ratio = widthRatio < heightRatio ? widthRatio : heightRatio

        let resizedSize = CGSize(width: size.width * ratio, height: size.height * ratio)

        UIGraphicsBeginImageContextWithOptions(resizedSize, false, 0.0) // 変更
        draw(in: CGRect(origin: .zero, size: resizedSize))
        let resizedImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return resizedImage
    }
}

Comments

[takabosoft]

> UIImageViewにしてサイズを調整して表示すると「余白部分がクリックできない」ので諦めました。

こちらを諦めずに質問されたほうがいいと思います。

[AppDvl]

takabosoftさん
返信ありがとうございます。アドバイスのとおりに質問を変えてみました。
「余白部分がクリックできない」から「UIImageViewとCALayerの重なりについて」としてます。
実現したいことは写真の上に図を描きたいのです。
https://teratail.com/questions/246141?modal=q-comp

Answer 1

別の質問を立てたようなので、こちらは閉じちゃってください。

self.view.backgroundColor = UIColor(patternImage: Image)で表示するモードが決まる？

表示するモードといいますか、UIColor(patternImage: )は画像をタイル表示するためのものなので、タイル表示したくない場合は普通にUIImageViewを置くか、もしくは画面と同じサイズの画像を動的に作ってUIColor(patternImage: )に流し込む必要があります（普通は前者）。

Comments

[AppDvl]

takabosoftさん
背景なので余白を設けるという考えではないのですね。
全て塗りつぶす必要があるのかな。
親切に対応いただきありがとうございました。