1
2

More than 3 years have passed since last update.

AutoLayoutのPreviewで気軽に端末差分を確認

Last updated at Posted at 2020-09-03

はじめに

UI実装ナレッジの共有です。

Preview機能とは

StoryboardやXibファイルを実装中の複数端末レイアウトを一度に確認できる機能です。
ビルドの必要はなく、すぐに反映されます。

機能的には割と昔から提供されていたようですが、

Xcode11になってからアシスタントエディタ(名前知らなかったけど右上のタブ)の仕様が変わったので導線が変わりました。

使ってみる

1.Storyboardファイルを選択肢右上のAdjustEditorOptions(三みたいな)をタップ。

20200726191916.png

2. 出てきたpreviewの左下の+ボタンを押下して確認したいデバイスを選択する。

20200726191921.png

3. 制約や文字内容を変更すると即時反映される。
 あえてiPhone SEでボタンが見切れるようにしています。

20200726191929.png

最後に

可変的なデータを使用する場合では、やはり実際にシミュレータ や実機で動かしながら確認というのも必要ですが、

Preview を使った確認で大きなレイアウト崩れや、他端末を考慮した出戻りなどが幾分か減ると思います。

 

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2