Auto LayoutでHorizontal Spaceを-16にしているとiPadなどで左右に隙間ができる

スポンサーリンク

Auto Layoutを使って画面いっぱいにWebViewを表示させようとしたところ、Horizontal Space(左右のスペースの設定)を-16にすると、iPadやiPhone 6 plus等で若干隙間ができてしまいました。

IPad

これを修正する方法をMEMOしておきました。(他にもやり方があるかもしれません)

Horizontal SpaceのConstrainの「Constant」を「0」にして、Second Item(左側)の「Relative to margin」のチェックを外す感じです。(右側はFirst Itemの「Relative to margin」を外すことで余白がなくなりました。

一連の操作を画面キャプチャしました。

Auto LayoutでHorizontal Spaceを-16にしているとiPadなどで左右に隙間ができる from mushikago on Vimeo.

東京造形大学卒業後、マクロメディア(現アドビ システムズ)に入社。Quality AssuranceやテクニカルサポートマネージャーとしてFlash、DreamweaverなどのWeb製品を担当。独立後、虫カゴデザインスタジオ株式会社を設立。最近は、ZBrush、Xcode(Swift)、Firebase、Unity、Adobe Creative Cloud関連にフォーカスしています。モバイルアプリ開発情報を主としたブログ「MUSHIKAGO APPS MEMO」の中の人。