Avalon Dock和Caliburn Micro - 文档窗格上没有标题(选项卡标题)

时间:2014-05-28 08:24:33

标签: c# wpf mvvm caliburn.micro avalondock

我熟悉Caliburn Micro及其使用的范例,但我现在正在尝试整合AvalonDock。

作为一个POC,我有一个非常简单的应用程序,它有一个shell视图模型,其中包含一个激活我的StructureViewModels的按钮 - 一个包含名称和标题的简单类。结构视图是一个用户控件,它只是将名称显示为文本。

ViewModel和Views正在使用Caliburn很好地连接,它们正在Docking Manager中显示。我可以拖动和分离,枚举窗格等 - 所有Avalon功能似乎都有效。我遇到的问题是它们在Avalon标题(标签)中没有标题显示。

Screenshot

ShellViewModel:

using AvalonDemo.Properties;
using Caliburn.Micro;

namespace AvalonDemo.ViewModels
{
    public class ShellViewModel : Conductor<IScreen>.Collection.OneActive
    {
        private int _structureCount;

        public ShellViewModel()
        {
            WindowTitle = Resources.MainWindowTitle;
            _structureCount = 1;
        }

        public string WindowTitle { get; set; }

        public void OpenStructure()
        {
            ActivateItem(new StructureViewModel
            {
                Name = "Structure" + _structureCount++,
                Title = "Structure" + _structureCount
            });
        }
    }
}

使用解决方案进行编辑:

ShellView:

<Window x:Class="AvalonDemo.Views.ShellView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:avalonDock="http://schemas.xceed.com/wpf/xaml/avalondock"
    xmlns:cal="http://www.caliburnproject.org"
    xmlns:common="clr-namespace:AvalonDemo.Common"
    Title="{Binding WindowTitle}"
    Height="850" Width="1200">
    <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>


    <Button x:Name="OpenStructure" Grid.Row="0" Width="50">Open</Button>

    <avalonDock:DockingManager
        Grid.Row="1" x:Name="DockingManager"
        DocumentsSource="{Binding Items}">

        <avalonDock:DockingManager.LayoutItemContainerStyle>
            <Style TargetType="{x:Type avalonDock:LayoutItem}">
                <Setter Property="Title" Value="{Binding Model.Title}" />
            </Style>
        </avalonDock:DockingManager.LayoutItemContainerStyle>

        <avalonDock:DockingManager.LayoutItemTemplateSelector>
            <common:AutobinderTemplateSelector>
                <common:AutobinderTemplateSelector.Template>
                    <DataTemplate>
                        <ContentControl cal:View.Model="{Binding . }" IsTabStop="False" />
                    </DataTemplate>
                </common:AutobinderTemplateSelector.Template>
            </common:AutobinderTemplateSelector>
        </avalonDock:DockingManager.LayoutItemTemplateSelector>

        <avalonDock:LayoutRoot>
            <avalonDock:LayoutPanel Orientation="Horizontal">
                <avalonDock:LayoutDocumentPaneGroup>
                    <avalonDock:LayoutDocumentPane />
                </avalonDock:LayoutDocumentPaneGroup>
            </avalonDock:LayoutPanel>
        </avalonDock:LayoutRoot>

    </avalonDock:DockingManager>

    </Grid>
</Window>

StructureViewModel:

using Caliburn.Micro;

namespace AvalonDemo.ViewModels
{
    public class StructureViewModel : Screen
    {
        public string Name { get; set; }
        public string Title { get; set; }
    }
}

StructureView:

<UserControl x:Class="AvalonDemo.Views.StructureView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Height="300" Width="300">
    <Grid>
        <TextBlock Text="{Binding Path=Name}" />
    </Grid>
</UserControl>

最后,我使用Autobinder选择DataTemplates:

using System.Windows;
using System.Windows.Controls;

namespace AvalonDemo.Common
{
    public class AutobinderTemplateSelector : DataTemplateSelector
    {
        public DataTemplate Template { get; set; }

        public override DataTemplate SelectTemplate(object item, DependencyObject  container)
        {
            return Template;
        }
    }
} 

我试图将代码限制到最低限度只是为了让POC正常工作,但是还没有看到很多(任何?)工作示例使用Caliburn处理活动虚拟机和Avalon Dock 2.0。

提前致谢。

1 个答案:

答案 0 :(得分:3)

哦,我的,我昨晚花了很多时间尝试一下,当我发布问题时,我找到了答案(StackOverflow-rubber duck?)

希望这有助于其他人,我只需要将一个LayoutItemContainerStyle添加到shell视图中,告诉Avalon从哪里获取Title:

<avalonDock:DockingManager.LayoutItemContainerStyle>
     <Style TargetType="{x:Type avalonDock:LayoutItem}">
          <Setter Property="Title" Value="{Binding Model.Title}" />
     </Style>
</avalonDock:DockingManager.LayoutItemContainerStyle>