元のドキュメント： developer.apple.com/documentation/swiftui/landmarks-refining-the-system-provided-glass-effect-in-toolbars

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

概観

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

このサンプルでは、ツールバーにシステムが提供するガラス効果を改良する方法を示しています。LandmarkDetailView では、サンプルは以下のツールバー項目を追加します。

システムはツールバー項目に自動的にリキッドガラスを適用します。

ツールバーの項目を論理的なグループに整理する

ツールバーの項目を論理的なグループに整理するために、サンプルでは ToolbarSpacer 項目を追加し、sizing パラメータとして fixed を渡してツールバーをセクションに分割します。

.toolbar {
    ToolbarSpacer(.flexible)

    ToolbarItem {
        ShareLink(item: landmark, preview: landmark.sharePreview)
    }

    ToolbarSpacer(.fixed)
    
    ToolbarItemGroup {
        LandmarkFavoriteButton(landmark: landmark)
        LandmarkCollectionsMenu(landmark: landmark)
    }
    
    ToolbarSpacer(.fixed)

    ToolbarItem {
        Button("Info", systemImage: "info") {
            modelData.selectedLandmark = landmark
            modelData.isLandmarkInspectorPresented.toggle()
        }
    }
}

以下も見よ

アプリの特色

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

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

{} ランドマーク：サイドバーまたはインスペクタの下で水平スクロールを拡張する

サイドバーやインスペクタの下で水平スクロールバーを拡張することで、見た目を改善できます。

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

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