制約のみでラベルを整列表示させてみます(スタックビュー無し)
完成形はこれ
オートレイアウト(Autolayout)で綺麗に整列させましょう
オートレイアウトの設定
まず初めにViewを配置します
次に、Viewの高さと幅を“300”に固定して画面中央寄せにします
次に、ラベルを4個配置します。
1つ目のラベルを左上寄せに配置します
2つ目のラベルを右上寄せで配置。残り2つのラベルも同じ要領で左下、右下に配置してください。
下の画像のようになってたらOKです(=´∀`)
再度、ラベルにオートレイアウトの制約を付けていきます〜
制約を付けても特に見た目に変化はありません・・・最後に一気に仕上げます
ラベルをすべて選択した状態で、Equal widths / heightsにチェックを入れて完了
こんな感じになりましたか?
最後に、ラベルに数字や背景色を設定して整えたら完成
おしまい(´∀`)
コメント