显示/隐藏Mahapps Flyout控件

Question

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

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

现在它是打开状态，但是当我点击带箭头的按钮时，无法再次显示它。

- mskuratowski

Answer 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>

- Hossein Narimani Rad