概要
StatusBarを半透明にする方法についての記事です。
下記画像のApple純正アプリMapのようにStatusBar半透明にしたくて調べたんですが、ダイレクトな記事があまり出てこなかったのでまとめてみました。
半透明StatusBarを実現したい方の助けになれば幸いです。
実行環境
【Xcode】 11.0
【Swift】 5.0
【iOS】 13.0
実装
実装はすごく簡単です。
まず、MapをViewいっぱいに広げて配置し、その上にVisual Effect Viewを置き、それぞれに対してAutoLayoutを貼っていきます。
ここでVisual Effect Viewの高さをStatusBarに合わせるために、Visual Effect Viewにheight=44の制約を貼ります。
以上です！！
完成
