Как закрыть всплывающее окно, когда я нажимаю внешнее окно в wpf в mahapps?

Question

У меня есть всплывающее окно Flyoout и тестовое окно в моем приложении WPF. Мне нужно, мне нужно закрыть окно, когда я выхожу за пределы вылета. Я установил Panel.Zindex на видимый верх. Я пробовал код, который работает нормально. Но он не знает, нажимаю ли я внутри вылета или вне окна всплывающего окна. Его закрытие, когда я нажимаю на главный экран.!

Вот мой XAML код:

xmlns:metro="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro" 

<metro:Flyout x:Name="flyOutControl" IsOpen="False" Background="#5D7BA5"  Foreground="White" 
            Grid.Row="0" Grid.RowSpan="4" Grid.Column="0" Grid.ColumnSpan="2" Panel.ZIndex="50" 
            Width="400" Height="auto"> 


          <TreeView x:Name="treeviewBreadcrumb" Width="350" 
             HorizontalAlignment="Left" FontSize="20" 
             Background="Transparent" Foreground="White"         
            VerticalAlignment="Top"> 

           <TreeView.ItemContainerStyle> 
            <Style TargetType="{x:Type TreeViewItem}"> 
             <Setter Property="IsExpanded" Value="True"/>            
             <Setter Property="Margin" Value="5"/> 
             <Setter Property="Foreground" Value="White"/>            
            </Style> 
           </TreeView.ItemContainerStyle>          

          </TreeView> 

        </metro:Flyout> 

Если я нахожусь в окне Test окна, я могу установить IsOpen свойство истинного этой выпадающей. Как я могу закрыть это, если я нахожусь за пределами любого другого окна?

Любая помощь будет действительно appriciated .. Заранее спасибо ..

Answer 1

Set isPinned собственности к ложным на вашем выпадающей так:

<metro:Flyout IsPinned="False"></metro:Flyout>