UIViewの背景色を透過したい

Question

UIIViewの背景色を透過したい。

https://qiita.com/takehiro224/items/dc5903ae42f288ccd5f7
の記事を参考にメニューを作成しました。
記事内では背景色を `Opacity:0.5`に設定するように書かれています。
が、Xcode(IDE)のStroyboardにがOpcaityは見当たらなくてAlphaしかありません。
そこの値を0.5にするも画面が真っ黒のままです。

その他にも...

試したこと
・Storyboard側のAplphaの数値を下げてみた
・Storyboard側のUIColorのOpacityの数値を下げてみた
・レイヤーの順番を確認

と試してBuildするも背景色は真っ黒です。
どうやったら背景色を透過できるのでしょうか。。

```
import UIKit

class MenuViewController: UIViewController {

    @IBOutlet weak var menuView: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        // メニュー画面の位置
        let menuPosition = self.menuView.layer.position
        // 初期位置設定
        self.menuView.layer.position.x = -self.menuView.frame.width
        // 表示アニメーション
        UIView.animate(
            withDuration: 0.1,
            delay: 0,
            options: .curveEaseOut,
            animations: {
                self.menuView.layer.position.x = menuPosition.x
        },
            completion: { bool in
        })

    }

    // メニュー外をタップした場合に非表示にする
    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        super.touchesEnded(touches, with: event)
        for touch in touches {
            if touch.view?.tag == 1 {
                UIView.animate(
                    withDuration: 0.2,
                    delay: 0,
                    options: .curveEaseIn,
                    animations: {
                        self.menuView.layer.position.x = -self.menuView.frame.width
                },
                    completion: { bool in
                        self.dismiss(animated: true, completion: nil)
                }
                )
            }
        }
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

}

```
![イメージ説明](0601bbe808d89600f5ec82f60f59d78f.png)
![イメージ説明](e5981639ddf50a77006f538a6b7aa38b.png)
![イメージ説明](993647d4501984b74fa835e193a38a6a.png)
![イメージ説明](1a4506af61a4b9936b86b2d6b46a620f.png)



```
// コード①
let blackColor = UIColor.black
let transparentBlackColor = blackColor.setAlpha(alpha: 0.5)
        
self.view.backgroundColor = transparentBlackColor
```
コード①だと真っ黒になります。
UIColor.redにすると `赤黒`になります。
何の黒色が残っているのかがわかりません。。


実際のコードではPresentationは `Full Screen`となっています。
![イメージ説明](757036aaba6ba63e918ef5e95b98f358.png)

![イメージ説明](e40d5ba1462b5874ada4cd94d96c80ca.png)
Viewには現在 `白色`をAlpha:1.0で設定しています。
※最初の質問投稿時は黒色にAlpha:0.5でした。

追記
![イメージ説明](2d6b34d35d6b01dd8dc94b230078bdfd.png)
もとの遷移元の画像

Accepted Answer

`modalPresentationStyle` を `.fullScreen` にしているのであれば、遷移先で表示された View の Opacity をゼロにしたとしても、遷移元の View は見ることができません。

- [UIModalPresentationStyle.fullScreen - A presentation style in which the presented view covers the screen.](https://developer.apple.com/documentation/uikit/uimodalpresentationstyle/fullscreen)

公式ドキュメントを見ればわかりますが、

> The views belonging to the presenting view controller are removed after the presentation completes. 

と記述してありますので、**`.fullscreen` の場合は、プレゼンテーション（画面遷移）が完了すると、遷移元の View Controller は View Hierarchy から削除されるようになっています**。

おそらく、記事が書かれた2年前は View Hierarchy に遷移元が残っていたのだと思いますが、iOS13 対応後、現在の仕様に変わったのだとおもいます。

公式ではありませんが、こういう記事も見つけました。

- [View Controller Presentation Changes in iOS 13](https://hacknicity.medium.com/view-controller-presentation-changes-in-ios-13-ac8c901ebc4e)

実際、メニューを表示したあとに View Hierarchy を見てみると（Debug View Hierarchy）

![イメージ説明](2a91e56faa7b64facaeb915142c5a556.png)

呼び出し元が View Hierarchy から削除されているのを確かめることができます。

これが原因で、透明度をいくら変更しても遷移元の View Controller が見えていないものと思われます。

解決策はいくつかあるのですが、簡単なのは Presentation を `.overFullScreen` にすれば解決すると思います（一応、手元の環境だと解決しています）。

StoryBoard だと Segue の設定で

- Kind -> Present Modally
- Presentation -> Over Full Screen
- Transition -> Cross Dissolve

といった感じに設定することになります。

公式ドキュメントをみても

- [UIModalPresentationStyle.overFullScreen - A view presentation style in which the presented view covers the screen.](https://developer.apple.com/documentation/uikit/uimodalpresentationstyle/overfullscreen)

> The views beneath the presented content are not removed from the view hierarchy when the presentation finishes. So if the presented view controller does not fill the screen with opaque content, the underlying content shows through.

上記の通り、「**画面遷移が終了しても、現在表示しているコンテンツの下にある View は View Hierarchy から削除されない。表示する View Controller が不透明なコンテンツで全画面表示しない場合（訳注：つまり、透明なコンテンツが存在する場合）、配下のコンテンツが見える（ようになっている）**」とありますので、これを使うのがいいのではないでしょうか。

ちなみに、`.overFullScreen` で遷移先を全画面表示させた場合でも、View Hierarchy をみると呼び出し元の View Controller が残っているのが確認できます。

![イメージ説明](b6d87152d4e1b610a1b979f293242212.png)