背景色がclearのUIViewをUIImageに変換、保存すると背景色が白色になる

困っていること

UIGraphicsを用いて対象のUIViewと、その子要素を丸ごとUIImageに変換しているが、対象のUIViewの背景色にclearを指定している(これはstoryboardで指定)にもかかわらず、UIImageに変換しカメラロールに保存すると背景色が白色となっている。

ソースコード

Swift
1    func viewToImage(_ view: UIView) -> UIImage{
2        
3        let rect = view.bounds
4        
5        UIGraphicsBeginImageContextWithOptions(rect.size, false, 0.0)
6        let context: CGContext = UIGraphicsGetCurrentContext()!
7        context.setFillColor(UIColor.clear.cgColor)
8        
9        view.layer.render(in: context)
10        
11        let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
12        
13        UIGraphicsEndImageContext()
14        
15        return image
16    }
17
18    // viewをimageに変換してカメラロールに保存
19    func saveImage(_ view: UIView){
20        
21        let image: UIImage = viewToImage(view)
22        
23        UIImageWriteToSavedPhotosAlbum(image, self, #selector(didFinishSavingImage(_:didFinishSavingWithError:contextInfo:)), nil)
24        
25    }
26    
27    // 画像の保存結果を取得
28    @objc func didFinishSavingImage(_ image: UIImage, didFinishSavingWithError error: NSError!, contextInfo: UnsafeMutableRawPointer){
29        
30        var title = "保存完了"
31        var message = "カメラロールに保存しました！"
32        
33        if error != nil{
34            title = "エラー"
35            message = "カメラロールに保存できませんでした"
36        }
37        
38        let alertController = UIAlertController(title: title, message: message, preferredStyle: .alert)
39        
40        alertController.addAction(UIAlertAction(title:"OK", style:.default, handler: nil))
41        self.present(alertController, animated: true, completion: nil)
42        
43        
44    }

プログラミング初心者なので、なんとなくでViewを画像として保存してます…
解答いただけましたら幸いです、、

行動規範の内容に同意します

回答1件

ベストアンサー

Storyboardで背景色を透過にしているなら、以下の様な処理で透過されませんでしょうか。
上手く動作しなかったらすみません。。

背景色が上手く反映されないのは、大きく以下の2点（コメント追加箇所）に誤りがあるからではないでしょうか。
１、塗りつぶし指定の処理が足りていない
（そもそもViewを透過していたら、塗りつぶし処理は不要かもですが一応追記しております）
２、PNGに変換してないので、透過されない

Swift
1    func viewToImage(_ view: UIView) -> UIImage{
2        
3        let rect = view.bounds
4        
5        UIGraphicsBeginImageContextWithOptions(rect.size, false, 0.0)
6        let context: CGContext = UIGraphicsGetCurrentContext()!
7        context.setFillColor(UIColor.clear.cgColor)
8        context.fill(rect) // 追加： 塗りつぶすのであれば、こちらの行も必要ではないか。上記だけだと色の指定をしているだけになる
9        
10        view.layer.render(in: context)
11        
12        let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
13        UIGraphicsEndImageContext()
14
15        // 追加：そのまま保存するとJPGで保存される様なので、PNGに変換する
16        // ※JPGは透過をサポートしてないので変換する
17        let pngData = image.pngData()!
18        let pngImage = UIImage.init(data: pngData)!
19        return pngImage
20    }