Question

我使用扩增器控制来创建某种包含一些过滤选项的幻灯片退出面板。用户可以选择将此扩展器锁定到视图中。都进展顺利, 但现在我想知道当用户点击放大器之外的地方时, 我如何让扩展器自动关闭。我尝试了“ 丢失焦点” 和其他几个事件, 但没有成功。当用户点击别处时, 哪个事件可以通知我?

(此时我只是在使用一个计时器, 该计时器在鼠标离开扩展器后 + - 2 秒后关闭扩展器, 但我更喜欢另一种解决办法)

提前感谢。

Answer 1

假设您的 Extander 被命名为“ your Extander” 您可以做到这一点 :

<Window PreviewMouseDown="Window_PreviewMouseDown"

如果 e. 原件来源 不是扩展器的子孙, 则关闭扩展器 :

private void Window_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    Visual visual = e.OriginalSource as Visual;

    if (!visual.IsDescendantOf(yourExpander))
        yourExpander.IsExpanded = false;
}

Answer 2

允许我的用户在鼠标超过其任何部分时自动扩展扩展器, 并关闭它, 否则, 我使用以下代码 :

在视图中,Model 添加一个菜单可视属性,一种近距Menu方法,一种开放Menu方法,以及2种信通; CloseExanderCommand和OpenExanderCommand

public class TripsViewModel : ViewModelBase
{

    private bool _menuIsVisible;
    public bool MenuIsVisible
    {
        get=>_menuIsVisible;
        set
        {
            if (value == _menuIsVisible) { return;}
            _menuIsVisible = value;
            RaisePropertyChanged();
        }
    }

    private void CloseExpander() { MenuIsVisible = false;}
    private void OpenExpander() { MenuIsVisible = true;}

    public ICommand CloseExpanderCommand { get; }
    public ICommand OpenExpanderCommand { get; }

in your view: make sure you reference:

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

时当时

<Border >
   <i:Interaction.Triggers>
       <i:EventTrigger EventName="MouseEnter">
           <i:InvokeCommandAction Command="{Binding OpenExpanderCommand}" />
       </i:EventTrigger>
         <i:EventTrigger EventName="MouseLeave">
            <i:InvokeCommandAction Command="{Binding CloseExpanderCommand}" />
         </i:EventTrigger>
       </i:Interaction.Triggers>
       <Expander Tag="Menu"
              ExpandDirection="Right"
              Header="Menu"
              IsExpanded="{Binding MenuIsVisible}">
            <StackPanel>
            </StackPanel>
       </Expander>
    </Border>

事件触发器是魔法发生的地方

友情链接