【iOS】UIの見た目を画像とボカシを使って良い感じにする方法

アプリの見た目を少しオシャレにしたい時、手軽にできる方法です。

やり方

fa-chevron-circle-right画像を用意し、Assetsに入れる。

fa-chevron-circle-rightUIImageViewを置く

まずUIImageViewをSafeAreaの直下に入れてます。私はUIImageViewを画面いっぱいに広げました。

fa-chevron-circle-right画像をUIImageViewにセット

画面左でUIImageViewを選択した状態で画面右のattributess inspectorのimageから画像をUIImageViewにセット

fa-chevron-circle-rightVisual Effect View With BlurをUIImageView直下に入れる

すると、このように画像にボカシがかかって良い感じになりました。

Table ViewやCellを使っている場合

TableViewやCellを使っている画面もこのような見た目にしたい場合は、画像のような階層で実現できました。