Caliburn Micro et ModernUI Exemples/Tutoriels

Ok, donc j'ai eu un coup déconner avec elle et d'un coup d'oeil sur l'interface de forums et de ce qui semble être la meilleure approche:

Depuis la fenêtre de la charge du contenu à partir d'Url vous avez besoin de prendre une vue à la première approche, puis recherchez la VM et de lier les deux.

La meilleure façon de le faire semble être via le ContentLoader classe qui est utilisée pour charger le contenu dans le ModernWindow lorsqu'il est demandé. Vous pouvez simplement sous-classe DefaultContentLoader et les CM de la magie pour guérir chargé éléments:

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

Votre CM de programme d'amorçage doivent simplement démarrer une ModernWindow viewmodel qui est soutenu par une ModernWindow vue (CM essaie d'utiliser EnsureWindow qui crée une nouvelle base de WPF classe de Fenêtre, à moins bien sûr de votre contrôle déjà hérite de Window qui ModernWindow. Si vous avez besoin de toutes les boîtes de dialogue et fenêtres pop-up pour être MULTILINGUE, vous pouvez avoir besoin de ré-écrire WindowManager):

public class Bootstrapper : Bootstrapper<ModernWindowViewModel>
{
}

Qui peut être un chef d'orchestre (OneActive) et ressemble à ceci:

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

Et XAML pour la vue

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>

Évidemment, vous devez faire le chargeur est une ressource trop:

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

Voici la ChildViewModel je suis à l'aide d'un test:

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

Et le code XAML pour que (juste un bouton)

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

Et de la preuve de concept:

OriginalL'auteur Charleh