LoginSignup
0
0

Auto Layoutの制約の付け方と削除の仕方

Posted at

制約の付け方と削除の仕方

Labelを配置して、制約の削除をやってみよう!

画面右上の+ボタンを押します。押すと部品となるオブジェクトを選ぶことができます。

スクリーンショット 2023-11-20 6.49.32.png

Labelを選択して、ドラッグ&ドロップで配置してみましょう。

スクリーンショット 2023-11-20 6.37.14.png

Labelを配置したら、画面右上の赤い丸で囲んだ場所をクリックします。
スクリーンショット 2023-11-20 6.53.12.png

赤い丸で囲んでいる場所で、Labelのタイトルと変えたり、テキストの色、フォントサイズを変更できます。
スクリーンショット 2023-11-20 6.55.17.png

画面右下のiconをクリックして、y軸とz軸を固定する制約をつける。

スクリーンショット 2023-11-20 7.03.40.png
スクリーンショット 2023-11-20 7.03.49.png

もし、一を変えてもこのように、画面中央に固定されています。でも設定間違えたので制約を削除したい場合もある。
スクリーンショット 2023-11-20 7.06.14.png

こちらの青いiconの部分を選択して、delete keyを押せば制約を削除することができる。
スクリーンショット 2023-11-20 7.07.27.png

もう一度ビルドすると、制約が削除されて画面上に、Labelを寄せることができました🙌

最後に

コード書いて、UIを作る技術とは文化が違うので戸惑うところが多かったです💦

こちらのサイトが参考になりました。
https://dev.classmethod.jp/articles/xcode-5-auto-layout-4/

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0