View Layout and Presentation
(ビューレイアウトとプレゼンテーション)
ビューをスタックで結合し、ビューのグループとリストを動的に生成し、ビューのプレゼンテーションと階層を定義します。
概要
スタックとリストを使用して、ユーザインターフェイスのビューをレイアウトします。静的ビューを、データのコレクションから動的に生成されるビューと組み合わせることができます。すべてのコンテナビューは、コンテンツまたはインターフェイスのサイズの変更に応じて、子の位置を更新および調整します。
トピックス
要旨
基本的なランドマーク詳細ビューを設定したら、ユーザがランドマークの完全なリストを表示し、各場所の詳細を表示する方法を提供する必要があります。
ランドマークのカテゴリビューには、水平方向にスクロールするランドマークの垂直方向にスクロールするリストが表示されます。このビューをビルドして既存のビューに接続すると、構成されたビューがさまざまなデバイスのサイズと向きにどのように適応できるかを探れます。
スタック、グリッド、リスト、およびフォームを使用して、柔軟なユーザインターフェイスをビルドします。
Inspecting View Layout (ビューレイアウトの検査)
Xcode プレビューを使用するか、一時的な境界線を追加して、ビューの位置と範囲を決定します。
スタック
Building Layouts with Stack Views (レイアウトをスタックビューでビルド)
単純なコンテナビューから複雑なレイアウトを作成します。
その子を水平線に配置するビュー。
その子を垂直線に配置するビュー。
その子を重ね合わせ、両方の軸にそれらを揃えるビュー。
Lazy Stack (遅延したスタック)
Creating Performant Scrollable Stacks (パフォーマンスの高いスクロール可能なスタックの作成)
スクロールビュー、スタックビュー、lazy スタックを使用して、多数の繰り返しビューを効率的に表示します。
Grouping Data with Lazy Stack Views (Lazy スタックでデータをグループ化)
コンテンツを lazy スタックビュー内の論理セクションに分割します。
その子を水平方向に伸びる線に配置し、必要な場合にのみアイテムを作成するビュー。
その子を垂直方向に伸びる線に配置し、必要な場合にのみアイテムを作成するビュー。
グリッド
子ビューを水平方向に伸びるグリッド内に配置し、必要な場合にのみ項目を作成するコンテナビュー。
子ビューを垂直方向に伸びるグリッドに配置し、必要な場合にのみ項目を作成するコンテナビュー。
行や列などの単一のグリッド項目の説明。
コンテナ
struct Form
設定やインスペクタなど、データ入力に使用されるコントロールをグループ化するためのコンテナ。
struct Group
ビュー、シーン、コマンドなどのコンテンツ型の複数のインスタンスを 1 つのユニットに収集する型。
struct GroupBox
コンテンツの論理グループを視覚的に収集する、オプションのラベル付きのスタイル化されたビュー。
struct ControlGroup
コンテキストに、視覚的に適切な方法で意味的に関連するコントロールを表示するコンテナビュー。
Scroll Views(スクロールビュー)
スクロール可能なビュー。
struct ScrollViewReader
プロキシを使用して既知の子ビューにプログラムによりスクロールすることを提供するビュー。
struct ScrollViewProxy
ビュー階層内のスクロール可能なビューのプログラムによるスクロールをサポートするプロキシ値。
リスト
Displaying Data in Lists (リストにデータを表示する)
プラットフォームに適した外観でデータのコレクションを視覚化します。
単一の列に配置されたデータの行を表示するコンテナーであり、オプションで 1 つ以上のメンバーを選択する機能を提供します。
特定のコレクションビューに階層を追加するために使用できるコンテナビュー。
struct ForEach
識別されたデータの基礎となるコレクションから必要に応じビューを計算する構造体。
protocol DynamicViewContent
基本となるデータのコレクションからビューを生成するビューの型。
Tables
{} Building a Great Mac App with SwiftUI (SwiftUI で優れた Mac アプリのビルド)
サイドバー、テーブル、ツールバー、およびその他の一般的なユーザーインターフェイス要素をいくつか組み込んで、魅力的な SwiftUI の Mac アプリを作成します。
struct Table
1 つ以上の列に配置されたデータの行を表示するコンテナ。オプションで、1 つ以上のメンバーを選択する機能を提供します。
階層的ビュー
ナビゲーション階層内で表示されるパス(path)を表すビューのスタックを表示するためのビュー。
ナビゲーションのプレゼンテーションを制御するビュー。
ツリー構造の識別されたデータの基本となるコレクションから、必要に応じてビューと公開グループを計算する構造体。
公開の管理の状態に基づいて、別のコンテンツビューを表示または非表示にするビュー。
インタラクティブなユーザインターフェイス要素を使用して、複数の子ビュー間を切り替えるビュー。
その子を水平線に配置し、ユーザが子の間に配置された仕切りを使用してサイズを変更できるようにするレイアウトコンテナ。
その子を垂直線に配置し、ユーザが子の間に配置された仕切りを使用してサイズを変更できるようにするレイアウトコンテナ。
スケジュール化されたビューの更新
Updating watchOS Apps with Timelines (タイムラインで watchOS アプリを更新)
ユーザインターフェースがアクティブでない場合でも、それの更新をシームレスにスケジュール化します。
struct TimelineView
提供したスケジュールに従って更新されるビュー。
Spacer と Divider
含まれているスタックレイアウトの主軸に沿って、またはスタックに含まれていない場合は両方の軸に沿って伸びる柔軟な空間。
他のコンテンツを分離するために使用できる視覚要素。
以下も見よ
ユーザインターフェース
Views and Controls (ビューとコントロール)
スクリーン上ににコンテンツを表示し、ユーザの操作を処理します。
Drawing and Animation (描画とアニメーション)
色、形状、及び陰影でビューを強化し、ビューの状態間のアニメーションでの移行をカスタマイズします。
Framework Integration (フレームワークの統合)
SwiftUI ビューを既存のアプリに統合し、AppKit、UIKit、および WatchKit のビューとコントローラーを SwiftUI ビュー階層に埋め込みます。