前回の記事 [https://blog.personal-factory.com/2015/12/30/before-start-autolayout/]でAuto Layoutがどんな機能なのかを説明しました。 今回は実際にAuto Layoutを使ってみたいと思います。 サンプルとしてViewを中央配置するレイアウトを作ってみたいと思います。 レイアウトをするときは、前回言ったとおり 今レイアウトしている要素のX軸、Y軸、幅(Width)、高さ(Height)が決まっているか？ を考えながらレイアウトしましょう。 上手くいくと思います。 Auto Layoutの制約の追加する方法は大きく分けて２つあります。 「Align」「Pin」の２つです。 Alignは２つ以上のビューを整列させる時に使います。 Pinは隣り合ったビューの距離、ビューの大きさなどを数値で固定させたい時に使います。 > **note:**Xcodeではのキャンバスと、実際のレイアウトは異なるということは頭に入れておいてもいいかもしれません。 ストーリーボードのViewControllerはデフォルト

Auto Layoutを使って画面サイズより80%の大きさで画像を置くやり方を見ていきたいと思います。 スプラッシュ画面などで、アプリアイコンを表示するときに使えるTipsだと思います。 今回の作るレイアウト 今回作るレイアウトを一度まとめます。 * Image Viewを親ビューに対して垂直方向、水平方向ともに中心に置く * X座標とY座標が決まります。 * Image Viewの幅を親ビューの幅の80%の大きさにする * 幅(Width)が決まります。 * Image Viewのアスペクト比を幅高さ1:1にする * 高さ(Height)が決まります。 つくってみよう！ ではさっそく作ってみましょう。 新しくプロジェクトを作成して、Main.storyboardを開きます。 Object LibraryからImage Viewを選んでView Controllerに置きます。 Image Viewを親ビューに対して垂直方向、水平方向ともに中心に置く 置いたImage Viewを選択して、Ctrl + ドラッグをしながら上に移動させて、親ビューと接続します。