MVVM + WPF + Popup = 懵逼

Question

MVVM + WPF + Popup = 懵逼

26

我正在修改我的WPF应用程序，以符合MVVM的要求。我已经接近完成了，但还有一些问题需要解决。

我有一个GUI元素（目前是一个按钮，但也可以是标签），当鼠标进入时，它会触发MouseEnter事件，并在代码后台创建一个弹出窗口。该弹出窗口由一个简单的StackPanel布局和多个按钮组成。每个按钮的Click事件目前都分配给相同的事件处理程序，只是我更改Tag属性来进行简单（低劣）的命令参数。我正在考虑在MVVM中正确实现这个功能，因为我目前的做法非常丑陋。

为了解决这个问题，我认为我应该朝着以下方向前进，但会感激您提供的任何额外意见。 :)

在XAML中创建弹出窗口。由于我的弹出窗口内容是静态的，所以我应该能够完全在XAML中创建弹出窗口。此外，每个按钮都将绑定到相同的ICommand派生类。例如：

<Popup x:Key="MyPopup" StaysOpen="False" Placement="Right">
    <Border Background="White" BorderBrush="Black" Padding="5" BorderThickness="2" CornerRadius="5">
        <StackPanel Orientation="Vertical">
            <Button Command="{Binding MyCommand}" CommandParameter="5">5</Button>
            <Button Command="{Binding MyCommand}" CommandParameter="10">10</Button>
            <Button Command="{Binding MyCommand}" CommandParameter="15">15</Button>
            <Button Command="{Binding MyCommand}" CommandParameter="20">20</Button>
        </StackPanel>
    </Border>
</Popup>

通过触发器使弹出窗口弹出，例如：

                        <Button.Triggers>
                            <Trigger Property="Button.IsMouseOver" Value="True">
                                <Setter TargetName="MyPopup" Property="IsOpen" Value="True" />
                            </Trigger>
                        </Button.Triggers>

我认为#1没问题，但#2让我挣扎了。这是正确的解决方法吗？如果是，获取弹出窗口的IsOpen属性应该使用什么XAML语法来设置为True？我找不到相关示例。

如果我的想法完全错误，我希望听听其他选项。谢谢！

- Dave

我看不出你的#2有什么问题，也许你可以提供更多关于你认为存在的问题的详细信息。 - Aviad P.

我得到了一个错误：“'IsOpen'成员无效，因为它没有限定类型名称。” - Dave

我也尝试了Popup.IsOpen并得到了相同的错误。 - Dave

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

相关问题
3 WPF MVVM 混淆
4 MVVM架构WPF
3 WPF MVVM 混淆
6 WPF MVVM疑问
15 如何获取 WPF Popup 的 ActualWidth？
4 System.StackOverflowException WPF MVVM
6 WPF MVVM ScrollIntoView
3 MVVM WPF 教程
6 增加WPF PopUp动画的持续时间
3 WPF MVVM 分页

- Aviad P. · Accepted Answer

这是我的建议，我会先将可重用部分分离成资源，并在XAML中使用ContentControls进行引用。这适用于Popup以及Button。但是我不想仅限于一个按钮，所以我也会为此使用ContentControl：

Popup模板：

<ControlTemplate x:Key="PopupTemplate">
    <Border 
                Background="White" 
                BorderBrush="Black" 
                Padding="5" 
                BorderThickness="2" 
                CornerRadius="5">
        <StackPanel Orientation="Vertical">
            <Button Command="{Binding MyCommand}" 
                            CommandParameter="5">5</Button>
            <Button Command="{Binding MyCommand}" 
                            CommandParameter="10">10</Button>
            <Button Command="{Binding MyCommand}" 
                            CommandParameter="15">15</Button>
            <Button Command="{Binding MyCommand}" 
                            CommandParameter="20">20</Button>
        </StackPanel>
    </Border>
</ControlTemplate>

ContentControl 模板：

<ControlTemplate x:Key="MyControlTemplate" TargetType="ContentControl">
    <Grid Name="MyControl">
        <ContentPresenter Content="{TemplateBinding Content}"/>
        <Popup Name="MyPopup" StaysOpen="True" Placement="Bottom">
            <ContentControl Template="{StaticResource PopupTemplate}"/>
        </Popup>
    </Grid>
    <ControlTemplate.Triggers>
        <Trigger SourceName="MyControl" 
                 Property="UIElement.IsMouseOver" 
                 Value="True">
            <Setter TargetName="MyPopup" 
                    Property="Popup.IsOpen" 
                    Value="True"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

现在，在主窗口的XAML中，我会创建以下内容：

<ContentControl Template="{StaticResource MyControlTemplate}">
    <Button Content="Test"/>
</ContentControl>

如果您有任何问题，我将很乐意回答。