具有多个数据模板/内容呈现器的自定义控件

Question

在纸牌游戏中，我需要一个在网格中显示 4 个项目（北、东、南和西）的集合的控件。网格为 3x3，分别显示单元格 (0,1) (1,0) (1,2) 和 (2,1) 中的内容。

    <bridge:SeatCollection ItemsSource="{Binding Path=Hands}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Vertical">
                    <TextBlock Text="{Binding Path=Name}" />
                </StackPanel>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </bridge:SeatCollection>

上述我已经开始工作，并且通过创建一个从 ItemsControl 继承的控件并在 GetContainerForItemOverride 中执行一些智能操作来完成，如 StackOverflow 上的另一篇文章所述。

我的问题是如何将另一个属性添加到包含必须在中间单元格中显示的内容的控件以及控件如何呈现该内容？

使用控件应该是这样的：

    <bridge:SeatCollection ItemsSource="{Binding Path=Hands}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Path=Name}" />
            </DataTemplate>
        </ItemsControl.ItemTemplate>
        <bridge:SeatCollection.MiddleCell>
            <TextBlock Text="Content for middle cell"/>
        </bridge:SeatCollection.MiddleCell>
    </bridge:SeatCollection>

根据这篇文章 (http://www.ikriv.com/dev/wpf/displayingcontent/index.html)，我可以添加一个属性并在 ContentPresenter 中使用该属性

    public object MiddleCell
    {
        get { return (object)GetValue(MiddleContentProperty); }
        set { SetValue(MiddleContentProperty, value); }
    }

    public static readonly DependencyProperty MiddleContentProperty =
        DependencyProperty.Register("MiddleCell", typeof(object), typeof(SeatCollection), new PropertyMetadata(0));

但是我可以在哪里以及如何在代码中将此内容添加到网格的中间单元格？

Answer 1

我不知道您在 GetContainerForItemOverride 中做了什么聪明的事情，所以我将忽略这部分。您的 bridge:SeatCollection 是从 ItemsControl 派生的自定义控件，对吗？因此它将具有在 Themes\Generic.xaml 中定义的默认样式。更改该样式，使其具有 ContentPresenter，其中 ContentSource 设置为 MiddleCell（您的 DP）。像这样的：

<Style TargetType="{x:Type bridge:SeatCollection}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type bridge:SeatCollection}">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <ContentPresenter ContentSource="MiddleCell" Grid.Row="1" Grid.Column="1" />

                        <!-- This is for the 'Hands' - Change as needed -->
                        <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>