Xamarin 導航工具列的使用與應用 ToolbarItem

想要在頁面中使用工具列功能，這個頁面必須是具備可導航的特性。

工具列的各個按鈕項目，可以使用 ContentPage.ToolbarItem 屬性項目 Property Element 來進行設定。

每個工具列中的按鈕使用 ToolbarItem 控制項來定義其功能

• Command
  可以用於綁定 ViewModel 內的 ICommand 屬性，執行特定命令工作
• Text
  這個工具列按鈕要顯示的文字

  <ContentPage.ToolbarItems>
    <ToolbarItem Command="{Binding 查看地圖Command}" Text="查看地圖" Order="Secondary" Priority="0" />
    <ToolbarItem Command="{Binding 撥打電話Command}" Text="撥打電話" Order="Secondary" Priority="0" />
    <ToolbarItem Command="{Binding 發送簡訊Command}" Text="發送簡訊" Order="Secondary" Priority="0" />
    <ToolbarItem Command="{Binding 發送電子郵件Command}" Text="發送電子郵件" Order="Secondary" Priority="0" />
    <ToolbarItem Command="{Binding 分享內容Command}" Text="分享內容" Order="Secondary" Priority="0" />
    <ToolbarItem Command="{Binding 分享連結Command}" Text="分享連結" Order="Secondary" Priority="0" />
    <ToolbarItem Command="{Binding 查看官網Command}" Text="查看官網" Order="Secondary" Priority="0" />
  </ContentPage.ToolbarItems>

若在定義工具列按鈕 ToolbarItem 的時候，想要在程式上顯示圖片代表這個按鈕，可以參考底下程式碼的作法；這是使用了 ToolbarItem.Icon 屬性項目(Property Element)來定義所代表的圖片，並且透過了OnPlatform 來針對不同平台下的圖片檔案所在位置。請特別注意，由於這些圖片檔案是位於每個作業系統平台專案內，因此，需要使用 x:TypeArguments="FileImageSource" 來指定這些圖片是存在於每個專案內的資源內。

+

    <ToolbarItem
      Command="{Binding 新增Command}"
      Text="新增"
      Order="Primary"
      Priority="0">
      <ToolbarItem.Icon>
        <OnPlatform x:TypeArguments="FileImageSource"
                     iOS="Add.png"
                     Android="Add.png"
                     WinPhone="Assets/Images/Add.png" />  
      </ToolbarItem.Icon>
    </ToolbarItem>

參考

https://developer.xamarin.com/api/type/Xamarin.Forms.ToolbarItem/