Caliburn.Micro:将屏幕中的按钮绑定到ScreenConductor中的命令

时间:2013-05-02 18:28:58

标签: wpf mvvm caliburn.micro

我正在关注Screen ScreenConductorsCaliburn.Micro ShellViewModel框架中的this tutorial

我正在使用WPF,而不是Silverlight,我在App.xaml中进行了相应的更改(使用MergedDictionary作为Bootstrapper)。

原始的简单导航示例包含一个带有两个按钮的shell,以及一个显示两个可能屏幕的内容区域,由Screen执行。

然后我尝试将每个按钮移动到其对应的View,以便PageOne有一个按钮可以转到PageTwo,反之亦然。我这样做是因为我不希望家庭外壳在整个应用程序中不断“显示它的内脏”。

事实是,如果我只是将一个按钮移动到ShellViewModel视图,它就不再绑定到Screen中的命令,而不是<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> ViewModel本身中的命令。我知道这些绑定按惯例发生,但我不知道约定是否涵盖了这种情况,或者我需要配置。

我面临的症状是:当我运行应用程序时,PageOneView会显示“Go to Page Two”按钮,但是当我点击按钮时没有任何反应。

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

我目前的代码如下:


PageOneView.xaml

using Caliburn.Micro;

namespace ScreenConductor {
    public class PageOneViewModel : Screen {
        protected override void OnActivate() {
            base.OnActivate();
        }
    }
}

PageOneViewModel

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

ShellView.xaml

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

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

        public void ShowPageTwo() 
        {
            ActivateItem(new PageTwoViewModel());
        }
    }
}

ShellViewModel.cs

使用Caliburn.Micro;

{{1}}

2 个答案:

答案 0 :(得分:3)

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

您可以使用:

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

这将尝试将消息冒泡到控件层次结构中,直到找到合适的处理程序。请注意,如果找不到处理程序,这将抛出异常。我记得有一个选项可以关闭绑定,但你可能想查看文档(我现在正在通过我的手机做出贡献: - )

修改:

好的,如果您想了解更多幕后信息,最好检查的地方是来源。作者Rob Eisenberg提到源代码非常小(我认为类似于2700行代码)因此很容易检查并且易于掌握

值得一读的是CodePlex网站上的所有文档(这里有几页,但是它们会详细解释所有内容,以便您将其余部分拼凑起来)。

不确定您对包含Message附加属性的Attach类的了解程度,但这是在未使用标准控件Name约定时启动操作绑定的原因(我假设您了解WPF / SL中的附加属性)。您可以在ViewModelBinder

中查看标准命名约定

Message类看起来像:

http://caliburnmicro.codeplex.com/SourceControl/changeset/view/35582bb2a8dfdd3fcd71a07fa82581ddb93a786f#src/Caliburn.Micro.Silverlight/Message.cs

(是的,它是Silverlight源,但这是所有其他版本的基础,它只是一些编译器指令和其他版本中出现的一些其他类,如WPF / WinRT)

如果查看源代码,可以看到当设置了附加属性时,Parser类将启动以解析字符串。解析器实际上解析了几种不同的格式,因此您可以附加到不同的事件和方法,并且还可以传递属性,例如

<Button cal:Message.Attach="[Event Click] = [Action SomeButtonWasClicked()]" /> 

<Button cal:Message.Attach="[Event MouseEnter] = [Action MouseEnteredAButton($eventargs)" />

上面你可以看到使用了$eventargs特殊值。有几个开箱即用的特殊值,您也可以编写自己的特殊值(请查看此SO问题Using MessageBinder.SpecialValues in Windows 8 app not working?,其中用户使用SpecialValues从控件传递水平鼠标位置以供使用合成器应用程序)

您还可以传递其他控件的CM默认属性,例如

<TextBox x:Name="TextBox1" />
<Button cal:Message.Attach="MouseClicked(TextBox1)" />

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

冒泡通过检查可视化树并尝试绑定到每个级别(在ConventionManager.AddElementConventionSetMethodBinding中发生)来实现

它非常简单但有效(它只是使用ActionMessage走向可视树,直到找到合适的处理程序)

不确定您还需要其他信息:P

答案 1 :(得分:0)

如果你还没有引用System.Windows.Interactivity(与Blend SDK一起使用),我真的推荐它。我想Caliburn.Micro项目在没有它的情况下运行,尽管我从未尝试过。当你通过NuGet安装Caliburn.Micro时,默认引用它。

使用System.Windows.Interactivity.InteractionCaliburn.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的官方文档中找到有关操作here的更多信息。

动作消息将传达给指挥,如果找不到合适的方法,则会抛出Exception