Swift カスタムアラートの周囲を半透明にしたい

Question

【現在作成中のアプリの概要】

現在、下図のようなカスタムアラートを自作アプリに組み込んでいます。

【現在詰まっている箇所】

下図のようにカスタムアラートの周囲を半透明にして、もともと表示してあった画面をぼかした感じにしたいのですが、方法がわかりません。

上記の実装を可能にする方法もしくはサイトを知っている方がいらっしゃいましたら、ご教授の程よろしくお願い致します。

Comments

[TsukubaDepot]

記載できる範囲でいいので、カスタムアラートのコードを掲載された方がいいかと思います。
ちなみに、view の背景色を半透明にし、その内側に色のついた新しい view をつくり、そこに label や button を載せることで実現可能です。

過去の回答だと、この辺りが参考になるかと思います。
この回答だとトランジッションまでカスタムにしていますが、その前の質疑では半透明の View を出す方法について回答していたような気がします。
https://teratail.com/questions/321208#reply-446188

[tyu]

いつもお力添えありがとうございます！
TsukubaDepot様のおっしゃるように半透明なviewを新たに追加し実装することができました。

Answer 1

スクリーンサイズいっぱいのUIViewに半透明の背景色を設定するだけです。

private var bgView: UIView!

override func viewDidLoad() {
    super.viewDidLoad()
    
    // スクリーン
    let bounds = UIScreen.main.bounds
    
    // 半透明背景
    bgView = UIView(frame: bounds)
    bgView.backgroundColor = UIColor("#000000", alpha: 0.5)
    self.view.addSubview(bgView)
    
    // ボタン
    let bgButton = UIButton(frame: bounds)
    bgButton.addTarget(self, action: #selector(closeAlertView), for: .touchUpInside)
    bgView.addSubview(bgButton)
    
    // アラート背景
    let alertView = UIView(frame: CGRect(origin: CGPoint.zero, size: CGSize(width: bounds.width * 0.75, height: bounds.height * 0.5)))
    alertView.center = bgView.center
    alertView.backgroundColor = .white
    bgView.addSubview(alertView)
    
    // 閉じるボタン
    let button = UIButton(frame: CGRect(x: 32, y: 32, width: 64, height: 32))
    button.setTitle("閉じる", for: .normal)
    button.setTitleColor(.black, for: .normal)
    button.backgroundColor = .green
    button.addTarget(self, action: #selector(closeAlertView), for: .touchUpInside)
    alertView.addSubview(button)
    
}

@objc func closeAlertView(_ sender: UIButton) {
    bgView.isHidden = true
}

Comments

[tyu]

ご教授ありがとうございます。
Ranford様の教えていただいた内容で実装することができました。