SwiftUIビューを視覚的に編集する – WWDC2020

Session概要

アプリを常に最高の状態に保ちましょう:Xcode PreviewsとSwiftUIを使い、素早く編集を繰り返し、改善することができます。Previewsのキャンバスでアプリをイチから作り、そのインターフェースをLight、Darkモードといった異なる環境下での見え方を確認し、Dynamic Typeといったアクセシビリティ機能を有効にする方法について https://developer.apple.com/videos/play/wwdc2020/10185/

Xcode Previewsについて

  • Xcode Previewのドキュメント
  • Xcodeの機能でソースエディタと強固に統合されたキャンバスで実装したViewを確認できる機能
  • キャンバスとインスペクタを使用することで、より迅速にSwiftコードを記述できソースに加えた変更は即座にキャンバスに反映される
  • Xcode Previewはコードの構造を認識しているため、コンテナーに含まれていないViewを複製するとViewが插入される
  • キャンバスはSwift UIのViewとモディファイア(Viewに対する装飾、例えば余白(padding)やフォントサイズなど)だけでなくメディアとも機能するので、自分のアセットカタログにある画像を簡単に利用可能
    • インスペクタにて一般的なモディファイアの追加や編集が可能(コードに反映される)
  • キャンバス内でもヴィジュアルの変更が可能で、コードに反映できる
    • Commandを押したまま対象のViewをクリックしてアクション画面を表示して編集する
  • インスペクタでは、モディファイアのプロパティ編集だけでなくViewのプロパティ編集にも使用できる
  • Xcode 12からキャンバス内のViewの複製が可能
最新情報をチェックしよう!