前言

今天帶給大家 tool bar 的教學/學習筆記，希望大家讀的開心～
文末也有分享一篇在網路上找的 binding 與 state 變數的解說～
我最近也將 Xcode 更新到最新版本了，UI 介面更好用了，但是也會發現有些程式碼的使用為了 ios16 改變語法了...
好啦！開始進入今天的正題吧～

Tool Bar

通常是位在最上或是最下方的工具列。

Tool Bar Design

如果大家不清楚什麼是 tool bar 可以看以下：

tool bar 設計

Tool Bar 的使用

官方文件

要使用 toolbar ，就必須用到 NavigationView 。

在預設設定下，toolbar 的第一個物件是 navigationbar 中的右上方。
第二個會被放置於 bottom bar 的中間。

等等透過範例大家可以更容易理解。

.toolbar{} 在直接放置物件時，常會無法符合設計需求，所以會加上 ToolbarItem 來客製化（手動放置）位置。而當工具較多時，可以用 ToolbarItemGroup。

在 ToolbarItem（Group） 後面的參數加上：

//這邊範例以 ToolbarItemGroup 展示
ToolbarItemGroup(placement: .navigationBarTrailing) //靠右

ToolbarItemGroup(placement: .navigationBarLeading) //靠左

ToolbarItemGroup(placement: .bottomBar) //放置下方
//預設會自動分開

//分開、各自設定
ToolbarItem(placement: .navigationBarLeading) {
                    Button("btn"){}
                }             ToolbarItem(placement:.navigationBarTrailing){
                    Button("btn2"){}
                }

 ToolbarItem(placement: .principal)//置中

今天就到這邊啦，之後的文章可能會是一些練習或是實作一些功能～
Have a Nice Day ～

延伸閱讀

最近在閱讀 @Binding 與 @State 的用法，雖然我的文章中沒有詳細的介紹，但大家可以自行學習～
有關 binding & state