#はじめに
個人のメモ程度の出来なのであまり参考にしないで下さい.
#環境
Xcode:11.2.1
Swift:5.1.2
2019/11
##part1
Assets.cassests
に画像をドロップする.

###追記
画像が選択された状態で,Attributes inspector
のScales
をSingle Scale
にする.

##part2
UIImageView
と検索する.

##part3
UIImageView
をView
に全て覆うように置く.

##part4
UIImageView
に以下の4つの制約を付ける.

##part5
するとUIImageView
がズレるので,もう一度View
に全て覆うようにする.

##part6
その状態で,Selected Views
のUpdate Constraint Constants
を選択する.

##part7
そのままUIImageView
を選択した状態で,Attributes inspector
のImage
から,先程追加した画像を選択する.

##part8
UIImageView
を選択した状態で,Attributes inspector
のContent Mode
でScale To Fill
を選択する.

##part9
ラベルやボタンよりも後にUIImageView
を配置すると,ラベルやボタンが隠れてしまうので,下の写真のように,UIImageView
をSafe Area
の直下にドラッグ・ドロップする.


##part10
以下のように,UIImageView
が再背面に移動している事を確認する.

##part11
Label Label
を選択して,Attributes inspector
のShadow
をSystem Background Color
にする.

##part12
Label Label
を選択した状態で,Attributes inspector
のShadow Offset
のWidth
とHeight
を-1
にする.

##part13
Button!
を選択して,Attributes inspector
のFont
のStyle
をBold
にする.
