17

有没有人有关于如何将 Caliburn Micro 与 ModernUi 一起使用的示例或教程（https://mui.codeplex.com）？

4

2 回答 2

21

好的，所以我很快就搞砸了，并查看了 Mui 论坛，这似乎是最好的方法：

由于窗口从 URL 加载内容，因此您需要采取视图优先的方法，然后找到适当的 VM 并将两者绑定。

最好的方法似乎是通过用于在请求时ContentLoader将内容加载到的类。ModernWindow您可以子类DefaultContentLoader化并提供必要的 CM 魔法来绑定加载的项目：

public class ModernContentLoader : DefaultContentLoader
{
    protected override object LoadContent(Uri uri)
    {
        var content = base.LoadContent(uri);

        if (content == null)
            return null;

        // Locate the right viewmodel for this view
        var vm = Caliburn.Micro.ViewModelLocator.LocateForView(content);

        if (vm == null)
            return content;

        // Bind it up with CM magic
        if (content is DependencyObject)
        {
            Caliburn.Micro.ViewModelBinder.Bind(vm, content as DependencyObject, null);
        }

        return content;
    }
}

您的 CM 引导程序应该只引导一个ModernWindow由ModernWindow基于视图支持的视图模型（CM 尝试使用它创建一个新的基本 WPF Window 类，除非您的控件当然已经从哪个EnsureWindow继承。如果您需要所有对话框和弹出窗口都是 MUI您可能需要重新实现）：WindowModernWindowWindowManager

public class Bootstrapper : Bootstrapper<ModernWindowViewModel>
{
}

可以是导体（OneActive），如下所示：

public class ModernWindowViewModel : Conductor<IScreen>.Collection.OneActive
{
}

视图的 XAML 是

ModernWindowView.xaml

<mui:ModernWindow x:Class="WpfApplication4.ViewModels.ModernWindowView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mui="http://firstfloorsoftware.com/ModernUI"
                                     Title="ModernWindowView" Height="300" Width="300" ContentLoader="{StaticResource ModernContentLoader}">   
    <mui:ModernWindow.MenuLinkGroups>
        <mui:LinkGroupCollection>
            <mui:LinkGroup GroupName="Hello" DisplayName="Hello">
                <mui:LinkGroup.Links>
                    <mui:Link Source="/ViewModels/ChildView.xaml" DisplayName="Click me"></mui:Link>
                </mui:LinkGroup.Links>
            </mui:LinkGroup>
        </mui:LinkGroupCollection>
    </mui:ModernWindow.MenuLinkGroups>
</mui:ModernWindow>

显然，您也需要使加载器成为资源：

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="/FirstFloor.ModernUI;component/Assets/ModernUI.xaml" />
            <ResourceDictionary Source="/FirstFloor.ModernUI;component/Assets/ModernUI.Dark.xaml"/>
            <ResourceDictionary>
                <framework:ModernContentLoader x:Key="ModernContentLoader"></framework:ModernContentLoader>
                <wpfApplication4:Bootstrapper x:Key="Bootstrapper"></wpfApplication4:Bootstrapper>
            </ResourceDictionary>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

这是ChildViewModel我用作测试的：

public class ChildViewModel : Conductor<IScreen>
{
    public void ClickMe()
    {
        MessageBox.Show("Hello");
    }
}

以及为此的 XAML（只是一个按钮）

<UserControl x:Class="WpfApplication4.ViewModels.ChildView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                                     Height="350" Width="525">
    <Grid>
        <StackPanel>
        <TextBlock >Hello World</TextBlock>
        <Button x:Name="ClickMe" Width="140" Height="50">Hello World</Button>
        </StackPanel>
    </Grid>
</UserControl>

和概念证明：

MUI 示例

于 2013-05-08T11:24:32.313 回答
10

我使用 WPF、Caliburn Micro 和 MEF 的 Modern UI 创建了一个非常非常简单的聊天应用程序示例。

https://github.com/gblmarquez/mui-sample-chat

我希望它有帮助

于 2013-05-09T00:50:54.617 回答