【问题标题】:Caliburn.Micro: Binding Button in a Screen to a command in ScreenConductorCaliburn.Micro:将屏幕中的按钮绑定到 ScreenConductor 中的命令
【发布时间】:2013-04-27 01:09:44
【问题描述】:

我在ScreenScreenConductors 上关注this tutorial Caliburn.Micro 框架。

我使用的是 WPF,而不是 Silverlight,并且我在 App.xaml 中进行了相应的更改(使用 MergedDictionary 作为引导程序)。

最初的简单导航示例有一个带有两个按钮的外壳,以及一个显示两个可能屏幕的内容区域,由ShellViewModel 执行。

然后我尝试将每个按钮移动到对应的视图,以便 PageOne 将有一个按钮带到 PageTwo,反之亦然。我这样做是因为我不希望 home shell 在整个应用程序中不断“显示其内部”。

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

我面临的症状是:当我运行应用程序时,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>

PageOneViewModel

using Caliburn.Micro;

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

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());
        }
    }
}

【问题讨论】:

    标签: wpf mvvm caliburn.micro


    【解决方案1】:

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

    你可以用这个:

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

    这将尝试将消息冒泡到控件层次结构中,直到找到合适的处理程序。请注意,如果找不到处理程序,这将引发异常。我记得有一个选项可以在绑定时关闭此功能,但您可能需要查看文档(我目前正在通过我的手机进行贡献:-)

    编辑:

    好的,如果您想了解更多幕后信息,最好的检查位置是源。作者 Rob Eisenberg 提到源代码很小(我认为大约有 2700 行代码),因此很容易检查并且容易记住

    值得阅读 CodePlex 网站上的所有文档(有几页,但它们对所有内容的解释足够详细,您可以将其余部分拼凑起来)。

    不确定您对包含 Attach 附加属性的 Message 类了解多少,但这是在不使用标准控件 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)" />
    

    TextBox1Text 值将传递给 VM 上的 MouseClicked 方法。这是在TextBox 的默认约定绑定中指定的(查看ConventionManager.AddElementConvention 和相关文档)

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

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

    不确定您可能还需要什么信息:P

    【讨论】:

    • 哦,cal 命名空间是 caliburn 统一命名空间,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
    • 我会尽快编辑更多信息,让孩子们先上床睡觉,然后让孩子们赤身裸体!
    【解决方案2】:

    如果您还没有引用 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

    【讨论】:

    • 您不喜欢 CM 动作解析器吗?我发现语法更简洁,本质上它只是在引擎盖下创建了这个
    • 我的解决方案肯定不是唯一的解决方案,尽管我更喜欢它而不是动作解析器方法,因为我更喜欢语法并且个人觉得它更具可读性。
    • 我总是发现cal:Message.Attach="ShowPageTwo" 更易读。或者,如果您希望它更明确:cal:Message.Attach="[Event Click] = [Action ShowPageTwo()]" - 我认为明确的 XAML 太罗嗦了
    • 如果你不指定像cal:Message.Attach="ShowPageTwo"这样的事件,那么控件会对什么事件做出反应?这个控制是特定的吗?我从未尝试过。
    • 快速查看源代码,它实际上是:AddElementConvention&lt;ButtonBase&gt;(ButtonBase.ContentProperty, "DataContext", "Click");。其中 datacontext 是基于约定的操作参数,而 click 是基于约定的默认事件。 (所以&lt;Button x:Name="Button1" DataContext="hello" /&gt;&lt;Button x:Name="Button2" cal:Message.Attach="DoSomething(Button1)" /&gt; 会在单击按钮时在 VM 上调用DoSomething,并将Button1 的数据上下文传递给方法
    猜你喜欢
    • 2011-04-08
    • 1970-01-01
    • 2011-02-17
    • 2011-12-10
    • 2020-05-28
    • 2015-03-20
    • 2012-09-07
    • 1970-01-01
    相关资源
    最近更新 更多