Wpf 微型:将屏幕上的按钮绑定到ScreenConductor中的命令

Wpf 微型:将屏幕上的按钮绑定到ScreenConductor中的命令,wpf,mvvm,caliburn.micro,Wpf,Mvvm,Caliburn.micro,我正在关注Caliburn.Micro框架中的Screen和ScreenConductors 我使用的是WPF,而不是Silverlight,我在App.xaml中做了相应的更改(使用用于引导程序的MergedDictionary) 原始的简单导航示例有一个带有两个按钮的shell和一个显示两个可能屏幕的内容区域,由ShellViewModel执行 然后我尝试将每个按钮移动到对应的视图中,这样PageOne就会有一个按钮转到PageII,反之亦然。我这样做是因为我不希望home shell在整个

我正在关注
Caliburn.Micro
框架中的
Screen
ScreenConductors

我使用的是WPF,而不是Silverlight,我在App.xaml中做了相应的更改(使用用于引导程序的MergedDictionary)

原始的简单导航示例有一个带有两个按钮的shell和一个显示两个可能屏幕的内容区域,由
ShellViewModel
执行

然后我尝试将每个按钮移动到对应的视图中,这样PageOne就会有一个按钮转到PageII,反之亦然。我这样做是因为我不希望home shell在整个应用程序中持续“显示其内脏”

事实上,如果我只是将按钮移动到
屏幕
视图,它将不再绑定到命令,该命令位于
ShellViewModel
中,而不是
屏幕
视图模型本身。我知道这些绑定是按照约定进行的,但我不知道约定是否涵盖了这种情况,或者我需要进行配置

我面临的症状是:当我运行应用程序时,会显示PageOneView,其中有“转到第二页”按钮,但当我单击按钮时,什么也没发生

我问的问题是:“如何正确地将ScreenView.xaml中的按钮“冒泡”到ScreenConductorViewModel.cs中的动作

我目前的代码如下:


PageOneView.xaml

<UserControl x:Class="ScreenConductor.PageOneView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid Background="LightGreen">
        <Button x:Name="ShowPageTwo" Content="Show Page Two" HorizontalAlignment="Center" VerticalAlignment="Top" />
    </Grid>
</UserControl>

ShellView.xaml

<Window x:Class="ScreenConductor.ShellView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">

    <ContentControl x:Name="ActiveItem" />
</Window>


ShellViewModel.cs

使用Caliburn.Micro

namespace ScreenConductor 
{
    public class ShellViewModel : Conductor<object> 
    {
        public ShellViewModel() 
        {
            ShowPageOne();
        }

        public void ShowPageOne() 
        {
            ActivateItem(new PageOneViewModel());
        }

        public void ShowPageTwo() 
        {
            ActivateItem(new PageTwoViewModel());
        }
    }
}
名称空间屏幕导体
{
公共类ShellViewModel:导体
{
公共ShellViewModel()
{
ShowPageOne();
}
公共网页(第一页)
{
ActivateItem(新的PageOneViewModel());
}
公共网页第二页()
{
ActivateItem(新的PageTwoViewModel());
}
}
}


只要您使用显式操作绑定语法绑定命令,冒泡就可以正常工作。这是因为按名称绑定CM会检查绑定到当前vm的视图上的控件。如果没有匹配的命名控件,则不会创建绑定

您可以使用以下选项:

<SomeControl cal:Message.Attach="SomeMethodOnParentVM" />

其中
TextBox1
Text
值将传递给VM上的
MouseClicked
方法。这在
TextBox
的默认约定绑定中指定(查看
ConventionManager.AddElementConvention
及其上的文档)

冒泡通过检查可视树并尝试绑定到每个级别(发生在
SetMethodBinding
中的
ActionMessage
类中)来工作

它非常简单但非常有效(它只使用
VisualTreeHelper
在可视化树上遍历,直到找到合适的处理程序)


如果您还没有引用
System.Windows.Interactivity
(与Blend SDK一起使用),我不确定您还需要关于:p的其他信息。我真的建议您使用它。我想Caliburn.Micro项目运行时没有它,尽管我从未尝试过它。在通过NuGet安装Caliburn.Micro时,默认情况下会引用它

使用
System.Windows.interactive.Interaction
Caliburn.Micro.ActionMessage
可以正确解决您的问题,如下所示:

<UserControl x:Class="ScreenConductor.PageOneView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:cal="http://www.caliburnproject.org"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Button Content="ShowPageTwo">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="ShowPageTwo" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </Button>
    </Grid>
</UserControl>

您可以在CodePlex的官方文档中找到有关操作的更多信息


操作消息将冒泡到指挥,如果找不到合适的方法,将抛出一个
异常

噢,cal名称空间是caliburn consolidated名称空间,iirc它是
http://caliburnproject.org
我使用的是WPF,而不是Silverlight。我应该向XAML添加哪个名称空间?我尝试了
xmlns:cal=”Caliburn.Micro[;assembly:Caliburn.Micro]
并且它没有进入Intellisense(括号表示我尝试了使用和不使用组装部件)。哎呀。。。它是
=
,而不是
。通过
xmlns:cal=“clr namespace:Caliburn.Micro;assembly=Caliburn.Micro”实现智能感应。顺便说一句,现在它起作用了。你能再详细说明一下这在幕后是如何运作的吗?我知道Caliburn.Micro中的“消息传递”内容,我应该阅读哪些概念?不确定,因为我很懒,使用ReSharper:)什么版本的cm?我相信您可以添加
http://www.caliburnproject.org
稍后我将编辑更多信息,首先让孩子们上床睡觉,然后让他们赤裸裸地暴跳如雷!您不喜欢CM操作解析器吗?我发现语法要简洁得多,本质上它只是在幕后创造了这种情况。我肯定不是唯一的解决方案,尽管我更喜欢它而不是动作解析器方法,因为我更喜欢语法,而且我个人觉得它更具可读性。我总是发现
cal:Message.Attach=“ShowPageTwo”
更具可读性。或者,如果您希望它更显式:
cal:Message.Attach=“[Event Click]=[Action ShowPageTwo()]”
-我认为显式XAML太过冗长。如果您不指定类似于
cal:Message.Attach=“ShowPageTwo”
的事件,控件将对什么事件做出反应?这是特定于控制的吗?我从未尝试过。快速查看源代码,它实际上是:
AddElementConvention(ButtonBase.ContentProperty,“DataContext”,“Click”)。其中datacontext是基于约定的操作参数,click是基于约定的默认事件。(因此,
将在单击按钮时在VM上调用
DoSomething
,并将
Button1
的数据上下文传递给该方法
<Button cal:Message.Attach="[Event Click] = [Action SomeButtonWasClicked()]" /> 
<Button cal:Message.Attach="[Event MouseEnter] = [Action MouseEnteredAButton($eventargs)" />
<TextBox x:Name="TextBox1" />
<Button cal:Message.Attach="MouseClicked(TextBox1)" />
<UserControl x:Class="ScreenConductor.PageOneView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:cal="http://www.caliburnproject.org"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Button Content="ShowPageTwo">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <cal:ActionMessage MethodName="ShowPageTwo" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </Button>
    </Grid>
</UserControl>