显示/隐藏 Mahapps Flyout 控件

【问题标题】：Show/hide Mahapps Flyout control显示/隐藏 Mahapps Flyout 控件
【发布时间】：2015-06-04 13:40:20
【问题描述】：

如何显示/隐藏 MahApps Flyout 控件？现在我有：

<controls:FlyoutsControl>
    <controls:Flyout Header="Flyout" Position="Right" Width="200" IsOpen="True">
        <TextBlock FontSize="24">Hello World</TextBlock>
    </controls:Flyout>
</controls:FlyoutsControl>

它是打开的，但是当我单击带有箭头的按钮时，我无法再次显示它。

【问题讨论】：

标签： c# .net wpf xaml mahapps.metro

【解决方案1】：

你可以简单地使用这样的东西：

yourMahAppFlyout.IsOpen = true;

您还可以将 Flyout 可见性绑定到 WindowCommand (LeftWindowCommand/RightWindowCommand)，因此无论何时关闭 Flyout，您都可以使用窗口顶部的 ToggleButton（例如）重新打开。

<Controls:MetroWindow.Flyouts>
    <Controls:FlyoutsControl>
        <Controls:Flyout x:Name="yourMahAppFlyout"/>
    </Controls:FlyoutsControl>
</Controls:MetroWindow.Flyouts>

<Controls:MetroWindow.RightWindowCommands>
    <Controls:WindowCommands>
        <ToggleButton Content="Layers" 
        IsChecked="{Binding ElementName=yourMahAppFlyout, Path=IsOpen}" Cursor="Hand"/>               
    </Controls:WindowCommands>
</Controls:MetroWindow.RightWindowCommands>

【讨论】：