【Swift】UIViewの使い方。部品はみんなこのクラスを継承している。【Swift】UIViewの使い方。部品はみんなこのクラスを継承している。2020年6月16日UIViewとは本記事では、Swiftで使える部品のUIViewについて説明する。UIView(以下、ビュー)とは、デバイス画面上の描画やイベント受信をつかさどる部品で、デバイス画面に配置するすべての部品はUIViewを継承している。ビューを使ってみるビューをデバイス画面に配置すると表示される透明な枠がビューである。透明だと見づらいので背景色を変更しておこう。黄緑枠のアトリビュートインスペクタボタンから設定画面を開き、Backgroundを青色に変更する。これだけだと単純な四角枠で終わってしまうので、簡単な使用例を1つ。下図のように、ビュー内の左上にラベルを配置する。ラベルが選択された状態で、黄緑枠のアトリビュートインスペクタボタンを押して設定画面を開き、Colorを白に変更する。続いて、黄枠のPinボタンを押して吹き出しの設定画面を表示し、紫枠のアイコンを押して水平方向と垂直方向の制約を追加する。Constraints」ボタンを押せばビューの中のラベルの制約が追加される。同じ手順で、ビュー内の右下にもう1つのラベルを追加する。これにより、ビューとラベル2個で1セットととなり、ビューを移動すればラベル2個も一緒に移動する。デバイス画面内の位置はビューのみに制約を追加するだけで良くなるなどの利点がある。次に、ビューの設定項目を確認してみよう。ビューを選択した状態で、下図黄緑枠のアトリビュートインスペクタボタンを押して設定画面を表示する。Modeビューの領域に対して部品をどのように表示するかの設定。以下の13項目から選択する。Fitビューの領域ぴったりに部品を拡大縮小する。Fitビュー領域の縦横の短い方の長さと部品の長さが一致するまで縦横比を維持しながら部品を拡大縮小する。下図の灰色箇所はビューの領域。Fillビュー領域の縦横の長い方の長さと部品の長さが一致するまで縦横比を維持しながら部品を拡大縮小する。領域と部品の縦横比が異なる場合、部品はビュー領域からはみ出すことになる。領域の拡大縮小が行われたあとに再描画が行われる。Centerビュー領域の中央に部品を配置する。