Fluent Ribbon 第四步 快速啟動欄

上一節，完成了Ribbon菜單的介紹，這一節，我們將進行快速啟動欄的介紹，快速啟動欄是Ribbon中一個重要的功能，其像office中的頭部區域。

其基本代碼定義如下：

<Fluent:Ribbon Grid.Row="0">

<Fluent:Ribbon.QuickAccessItems>

<Fluent:QuickAccessMenuItem IsChecked="true">

<Fluent:Button Header="選取1" Icon="Images/Pink.png" />

</Fluent:QuickAccessMenuItem>

<Fluent:QuickAccessMenuItem Header="下拉選擇" IsChecked="False" >

<Fluent:CheckBox></Fluent:CheckBox>

</Fluent:QuickAccessMenuItem>

</Fluent:Ribbon.QuickAccessItems>

</Fluent:Ribbon>

每個快速啟動欄由QuickAccessItems標簽說明，QuickAccessItems可以包含多個QuickAccessMenuItem，QuickAccessMenuItem可以只能包含一個控件元素，故以上代碼

主要是在快速啟動欄中，添加了按鈕和下拉框兩個快速啟動對象，其顯示效果如下：

頂部紅色小方塊嗎，就是按鈕的樣式，但為什么CheckBox沒有顯示呢？這個主要和每個QuickAccessMenuItem中IsChecked的定義有關，IsChecked為true表示選中顯示狀態，為false則

則沒有選中，顯示不選中和不顯示。需要調整選中和顯示狀態，則可以點擊快速啟動欄上的下拉箭頭，進行操作，如圖：

Target屬性

Target屬性是QuickAccessMenuItem的一個重要屬性，其可以實現當快速啟動欄和其他界面元素關聯，實現快速響應的目的，例如以下案例

<Fluent:Ribbon.QuickAccessItems>

<Fluent:QuickAccessMenuItem IsChecked="true">

<Fluent:Button Header="選取1" Icon="Images/Pink.png" />

</Fluent:QuickAccessMenuItem>

<Fluent:QuickAccessMenuItem Header="下拉選擇" IsChecked="False" >

<Fluent:CheckBox></Fluent:CheckBox>

</Fluent:QuickAccessMenuItem>

<Fluent:QuickAccessMenuItem IsChecked="True" Header="快速啟動"

Target="{Binding Source={x:Reference kuisu}}" />

</Fluent:Ribbon.QuickAccessItems>

<Fluent:RibbonTabItem Header="按鈕" IsSelected="True">

<Fluent:RibbonGroupBox KeyTip="FG" Header="項目創建" IsLauncherVisible="False" x:Name="groupLL">

<Fluent:Button Icon="images/BrownLarge.png" x:Name="kuisu" Size="Small" Header="新建1"></Fluent:Button>

<Fluent:Button Icon="images/BrownLarge.png" Size="Middle" Header="新建2"></Fluent:Button>

<Fluent:Button LargeIcon="images/BrownLarge.png" Size="Large" Header="新建2"></Fluent:Button>

</Fluent:RibbonGroupBox>

</Fluent:RibbonTabItem>

通過Target屬性，實現與界面上其他按鈕的功能進行關聯，實現快速啟動指定按鈕功能

其顯示效果如下：

會將新建的圖標和按鈕功能指定到快速啟動欄上面。