卡利Micro和ModernUI例子/教程(Caliburn Micro and ModernUI

2019-09-02 03:31发布

没有任何人有关于如何使用ModernUi(同时使用微卡利一个例子或教程https://mui.codeplex.com )?

Answer 1:

好了,所以我对与它快速很乱,在梅论坛一看,这似乎是最好的方法:

因为从URL中的窗口加载的内容,你需要采取一个视图,第一种方法,然后找到相应的虚拟机,绑定两个。

要做到这一点,最好的办法似乎是通过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尝试使用EnsureWindow这将创建一个新的基本WPF窗口类,当然,除非你的控制已经从继承Window其中ModernWindow一样。如果你需要的所有对话框和弹出被MUI您可能需要重新实现WindowManager ):

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>

与概念的证明:



Answer 2:

我创建使用WPF,卡利Micro和MEF现代UI聊天应用的一个非常非常简单的样品。

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

我希望它能帮助



文章来源: Caliburn Micro and ModernUI Examples/Tutorials