#author("2022-08-26T07:00:16+00:00","default:src128","src128")
#author("2022-10-18T05:51:40+00:00","default:src128","src128")
&tag(SwiftUI/macOS);
*目次 [#l8dc9932]
#contents
*関連ページ [#i6957fb4]
*参考情報 [#g770025b]
-[[SwiftUI macOS アプリの作成からビルドしてapp作成 | Glob:https://www.typea.info/blog/index.php/2021/02/20/swiftui_macos_build_app/]]
-[[macOS SwiftUIプログラミング / 初めの一歩:https://vivacocoa.jp/swiftui/swiftui_firststep.php]]

*基本 [#w46106f6]

**プロジェクト作成 [#q2770f5a]
-新規「macOS > App」を作成。
-フレームワークでSwiftUIを指定。
-実行すると「Hello World」という文字列を囲んだだけの小さなウィンドウが表示される。


*Tips [#g153a35f]
**起動時のウィンドウのサイズ変更 [#j5b96754]
-デフォルトのHello Worldを表示するだけのプログラムの場合xxxApp.swiftでCotenntViewのサイズを指定する。
#pre{{
struct swiftuidemoApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
                .frame(maxWidth: .infinity, maxHeight: .infinity)
//                .frame(minWidth: 800, maxWidth: .infinity, minHeight: 500, maxHeight: .infinity)
        }
    }
}
}}
-maxWidth、maxHeightを.infinity(無限大)に設定するとなぜか初回起動時のウィンドウサイズが大きくなる。

**ツールバー [#mb1e6a6d]
-以下のような感じで、toolbar Modifierを使用する
#pre{{
struct ContentView: View {
    private let url = "https://www.apple.com"
    
    var body: some View {
        WebView(url: url).toolbar {
            ToolbarItemGroup(placement: .primaryAction) {
                Button(action: {
                }, label: {
                    Image(systemName: "sidebar.left").imageScale(.large)

                })
            }
        }
    }
}
}}
** systemNameで指定できるアイコンの名前 [#m0ad28ce]
-[[SwiftUI Image(systemName:)で使用するアイコン名の一覧 - Qiita:https://qiita.com/kazy_dev/items/4983faa45630afa75b06]]
-[[SF Symbols - Foundations - Human Interface Guidelines - Design - Apple Developer:https://developer.apple.com/design/human-interface-guidelines/foundations/sf-symbols]]からダウンロードできるSF Symbolsアプリを使用する。


トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS