【徒然iOS】気ままにUIKit18〜AutoLayoutまとめ〜

概要

このマガジンは四十を過ぎたおっさんが、

はじはじアプリ体験メモ

を参考にStoryboardでiOSアプリを完全に趣味で楽しんでいるだけな記事を気ままに上げてます。

今回

前回

で予告どおり

【Swift】Pin制約の使い方(2)。部品のサイズの制約を追加する。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

と

【Swift】Resolve Auto Layout Issuesの使い方。制約の更新、自動調整、一括削除を行う。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

をやる〜〜〜！

前準備

1. 念の為、バックアップ

2. 新しいクラス

3. ビューコントローラの追加

4. イニシャルビューの変更

をいつも通りやってから本題へ💃

とまあ、こんな感じ

本題

と、今回は、前回までで結構、やってる内容が多いので、
考え方ややり方の詳細は上記、リンク先の記事に任せるとして、
一旦、記事から重要な部分をまとめるーーーー！

Align制約→関連記事はこちら

前々回で掲載したね

Pin機能

記事から抜粋

Resolve

記事から抜粋

Xcode7.2当時で、今は、Xcode14.2だから結構、相違もありそうなので、見ていくことにする〜〜〜！

⒈適当にラベルとボタンをまずは配置して、シミュレータで表示を確認

あくまでも、相違を示すために、作っただけなので、このビューに関してはここでは操作なし

ま、こんな感じ

⒉両方を選んだ状態で、まずはAlign制約から確認

一覧表と見比べると

BaselineがFirst Baselineに変わってるね👀

⒊次に、Pin制約を確認する

一覧表と見比べると

Alignが消えてるね、、、

⒋Resolveを確認

一覧表と見比べると

Update Frameが無くなってるね

とまあ、まとめに関しては以上だし、

これまでの記事で何回か書いてるとおり、

AutoLayoutは千差万別なので、練習して感覚を身につけるのが近道

だし、次回やるStackViewControllerでやる方が簡単なので、解説は以上。
突き詰めてやると、Cベースでポインタまで絡めて、AutoLayoutの本が１冊できちゃうくらいみたいだけど、
あくまでも、このマガジンの目的は

❌　AutoLayoutを極めること

⭕️　iOSアプリを開発を振り返ること

なので、はっきし言ってコンセプトに合わないからやらない！

まとめ

ま、アプリ制作に必要なAutoLayoutの一覧はこの記事でまとめているつもりなので、それでもやってみたい人は自分でやってみてね〜〜〜〜！

前回までのAutoLayoutの記事を見ながら動かしてみれば、ある程度感覚は掴めるはず🕺

さて、次回は

【Swift】Horizontal Stack Viewの使い方。部品を横一直線に並べるための入れ物。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

【Swift】Vertical Stack Viewの使い方。部品を縦一直線に並べるための入れ物。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

【Swift】水平スタックビューと垂直スタックビューを組み合わせて使う方法。(Swift 2.1、XCode 7.2) | はじはじアプリ体験メモ

を使って、今までの作ったビューのパーツに関する黄色警告を一気に消そうかな。。。
まだ、NavigationViewControllerなんかでエントリーポイントがないから、全部のエラーを消すのは無理だけど、
70個近いエラーが13個くらいに減るはず。。。💦

💃それでは、みなさん良い３連休を〜〜〜〜🕺