LoginSignup
3
1

More than 5 years have passed since last update.

制約について自分なりに基礎をまとめてみました!

Last updated at Posted at 2018-03-18

制約について自分なりに説明できそうだと思ったら書くんだ!っと思って今日基礎編の説明ができそうなので早速qiitaに投稿してみました!:sunny:

主人公は僕と亀さんです。

まず、制約をつける時に基本となるのが以下の感じでxとy決めて大きさ決めると言う感じだと思います。実際はx,yでなく左からと上からですが…

2.png

しかし、途中下からの制約をつけたいとなります。

3.png

そうするとエラー亀さんが出てきます。

4.png

亀さんの言う通りにすれば、エラー解消、制約もつけれました!

6.png

今度は右から1の制約をつけたいとします。

7.png

またしてもエラー亀さんの登場です。

8.png

亀さんの言う通りにすれば、エラー解消、制約もつけれました!

9.png

今度は図を真ん中にしたいと思いました!またしてもエラー亀さんの登場。さっきとはうって変わって、色々言ってきます。うんざりです。

10.png

考えます。亀さんの言う通りにすると僕の制約はうまく行かないよ…考えたすえの結論が出ます!

11.png

亀さんと和解することができました!

12.png

で、これを実際に行うと以下のようになります。

イメージsample.gif

しかし、これだと少しおかしいのに気づかれると思います。上を safeAreaからとってます。ですから、それをしないように上部のViewからの位置を取るようにとしたのが以下となります。

sample.gif

基礎編でした。

ちなみに、このあとに真ん中にする制約をつけてもエラーになりません。
それは全く同じになるからと言うこと。
エラーにはなりませんが、つける意味はないと言うことです。
それならと、上下、左右の制約外して、真ん中の制約にしたらどうでしょうか?エラーが出ます。それは大きさが特定できないから、位置がわかっても大きさがわからないので大きさを決めてとなります。

3
1
2

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
3
1