UIVIew - tasuwo-ios

UIVIew

概要

UIView は、アプリケーションの UI を構成する基盤となるブロックであり、矩形領域内にコンテンツを描画し、そのコンテンツとのインタラクションをハンドリングする。ラベルや画像、ボタン等の要素を表示する場合は、大抵 UIView のサブクラスとして定義されている。

責務

アニメーションの描画

UIKit や Core Graphics を利用してコンテンツを描画する

レイアウトと SubView の管理

0 以上の SubView を保持し、それらのサイズと位置を調整する

Auto Layout を介してルールを定義できる

イベントハンドリング

UIResponder のサブクラスで、タッチ等の様々なイベントに応答する

View hierarchy

UIView は複数の SubView と最大 1 つの SuperView を持つことができ、ネスト構造を構成できる。デフォルトだと、SuperView の描画領域から SubView がはみ出しても、SubView のコンテンツのクリッピングは行われない。clipsToBounds を true に設定すると、このクリップが行われるようになる。

形状

UIView の形状は主に下記で定義される。

frame SuperView の座標系における View の位置とサイズ

center SuperView の座標系における View の原点

bounds View 自身の座標系における View の位置とサイズ

transform View に適用されるアニメーションを定義するアフィン変換行列

center および frame で、SubView 上の View の位置とサイズを変更できる。位置を変更するだけだったら center だけ変更するのが良い。なぜなら、center は拡大縮小や回転などのアニメーションの描画中なども常に valid だが、frame はアフィン変換が指定されている場合等には無視されてしまうため。

frame と bounds の違いは、アニメーション中に valid であるかどうかで、前者はアニメーション中は変更できず、後者はできる。

下記は、各々についてのメモ。

frame

SuperView の座標システムにおける View の位置とサイズを定義する CGRect

変更すると、

bounds のサイズが変更後の frame のサイズに変更される

center の座標が変更後の frame の座標に変更される

変更時には、draw(_:) メソッドが呼ばれずに自動で再描画される

再描画時に呼び出したい場合は、UIView.ContentMode.redraw の contentMode を変更する

変更をアニメーション可能

transform が Identity ではない (= 変換なしではない) 場合は、frame の値は未定義となり、無視されるべきで、変更もすべきでない

このような場合にサイズや位置の調整がしたい場合は、center と bounds を利用する