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属性，实现与界面上其他按钮的功能进行关联，实现快速启动指定按钮功能

其显示效果如下：

会将新建的图标和按钮功能指定到快速启动栏上面。

转载于:https://www.cnblogs.com/minhost/p/7232556.html