web-dev-qa-db-fra.com

Afficher / masquer le contrôle Flyout Mahapps

Comment puis-je afficher/masquer MahApps Flyout contrôle? Maintenant j'ai:

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

Et c'est ouvert, mais quand je clique sur le bouton avec la flèche, je ne peux plus le montrer.

25
Cieja

Vous pouvez simplement utiliser quelque chose comme ceci:

yourMahAppFlyout.IsOpen = true;

Vous pouvez également lier la visibilité Flyout à un WindowCommand (LeftWindowCommand/RightWindowCommand) donc chaque fois que vous fermez le Flyout, vous pouvez rouvrir en utilisant un ToggleButton (par exemple ) en haut de la fenêtre.

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