hiramatch's blog

iOSアプリ開発に目覚め、毎日勉強の日々です。

AutoLayoutでどのデバイスでも常に中央表示

また久しぶりの投稿になってしまいましたが
今日はAutoLayoutを触っていましたのでそのメモです。

AutLayoutの機能でどのデバイスでも画面中央にボタンを表示させる設定をしました。
まずはAutoLayoutで設定する前のプレビューです。
ストーリーボード上では中央表示されて見えますが、実際に表示されるボタンは
どのデバイスでも右寄りになります。
f:id:hiramatch:20150208085959p:plain


続いてAutoLayoutで制約を追加したときの画面です。
f:id:hiramatch:20150208090415p:plain

「Horizontal Center in Container」と「Vertical Center in Container」にチェックを入れ
「Add 2 Constraints」ボタンを押下しました。

サイズインスペクタで制約追加を確認したのが以下です。
f:id:hiramatch:20150208090715p:plain


制約追加後のプレビューは以下になります。
f:id:hiramatch:20150208090841p:plain

まだまだAutoLayoutは初心者レベルですが
もっとできるようにがんばります。