元のドキュメント： developer.apple.com/documentation/swiftui/landmarks-extending-horizontal-scrolling-under-a-sidebar-or-inspector

Download 註: ファイル等の再配布は Apple から禁じられているのでこのボタンは何も効果がない。「元のドキュメント」からダウンロードされたい。

概観

Landmarks アプリを使えば、世界中の興味深い場所を探索できます。自宅近くの国立公園でも、遠く離れた大陸の僻地でも、このアプリを使えば、冒険の記録を残したり、旅の途中でオリジナルのアクティビティバッジを受け取ったりすることができます。

このサンプルでは、サイドバーまたはインスペクタの下で水平スクロールを拡張する方法を示します。LandmarksView の各大陸セクションには、LandmarkHorizontalListView のインスタンスがあり、ランドマークビューの水平スクロールリストを表示します。ランドマークビューを開くと、サイドバーまたはインスペクターの下でスクロールできます。

スクロールビューを構成する

この効果を実現するために、サンプルでは LandmarkHorizontalListView が画面の先頭と末尾に接するように構成されています。スクロールビューがサイドバーまたはインスペクタに接すると、システムは自動的にスクロールをサイドバーまたはインスペクタの下までスクロールさせ、画面の端から外れるように調整します。

このサンプルでは、ScrollView の先頭に Spacer を追加してコンテンツを内側に押し込み、タイトルのパディングと位置を合わせています。

ScrollView(.horizontal, showsIndicators: false) {
    LazyHStack(spacing: Constants.standardPadding) {
        Spacer()
            .frame(width: Constants.standardPadding)
        ForEach(landmarkList) { landmark in
            //...
        }
    }
}

以下も見よ

アプリの特色

{} ランドマーク：背景拡張効果の適用

画像をぼかしてサイドバーまたはインスペクタパネルの下に拡張表示するように構成します。

{} ランドマーク：ツールバーにリキッドグラス効果を提供するシステムを改良しました。

ツールバーを関連するグループに整理することで、見た目と使いやすさを向上させましょう。

{} ランドマーク：カスタムアクティビティバッジの表示

アニメーション付きのカスタムアクティビティバッジを表示することで、人々が自分の冒険をする方法を提供します。