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

アプリ魂

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

【7日目】AutoLayoutでViewのサイズをパーセント指定してみた

f:id:seitokaii:20161009134259p:plain

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

改善前

f:id:seitokaii:20160928233124p:plain

画像は昨日まで進めていたもの。

全ての要素を中央に配置する事ができたのであとは上下中央に寄せるだけだと思っていたが進行しているデバイスより小さい画面サイズの場合に全て表示仕切れないことに気づいた。

ボタンなど高さをピクセルで指定していたので画面の高さを超えてしまうと収まりきらない。

改善後

f:id:seitokaii:20160929231116p:plain

Viewの高さをパーセントで指定してあげることで全てのデバイスに対応することができた。先ほどまでAutoLayoutを何度指定し直したかわからない。

ただ画像を見てわかる通りひとつ問題があって60%に指定しているViewがシュミレーターで確認すると下にずれ込んでいる印象を受ける。Storyboard上で確認すると問題がなく解決する事ができなかったので明日の課題としたい。

この二日間でXcodeなどの開発ツールを使いこなすことの重要性を感じている。プログラミングの勉強も進めなければいけないのでうまく切り分けていきたい。

参考記事

本日は上記の記事がとても参考になりました。ありがとうございます。

2016 アプリ魂
Powered by Hatena Blog.