読者です 読者をやめる 読者になる 読者になる

アプリ魂

はじめてのプログラミング生活

【6日目】AutoLayoutを使って複数の画面サイズに対応する

f:id:seitokaii:20161009134615p:plain

@appdamacyです。昨日に続きiPhoneアプリ開発に挑戦しています。

改善前

f:id:seitokaii:20160928233117p:plain

iPhone6sの画面サイズを基本として開発を進めている。他の画面サイズで確認して見ると予想通りレイアウトが崩れていたので今日はiPhoneからiPadまで複数の画面サイズに対応させるためにAutoLayoutを勉強することにしてみた。

改善後

f:id:seitokaii:20160928233124p:plain

試行錯誤した結果、最終的にはどの画面サイズでも左に寄っていた要素を中央に揃える事ができた。正直AutoLayoutの設定にかなり時間をかけてしまって未だに理解できていない部分があるので反省。明日は縦軸の指定はもちろん要素ごとの間隔など細かい部分まで理解を深めていきたいと思っている。※参考画像では閲覧しやすいようにiPhone6sとPlusのサイズを合わせています。

2016 アプリ魂
Powered by Hatena Blog.