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>