Wpf Prism 为 ItemControl 的每个项目赋予样式（区域中的视图）

Question

我有一个WPFPrism 项目，它有一个基于ItemControl 的Region：

<ItemsControl prism:RegionManager.RegionName="WorkspaceRegion" >

在这个ItemControl 中，我很好地看到了我的一些Views，但我想给ItemControl 中的每个Item 一个样式（每个View）。

所有项目（视图）必须具有相同的样式（例如：背景 颜色、内边距、边距、边框和...）

我想要这样的东西（例如）：

我使用了这样一个简单的样式和代码：

<ItemsControl prism:RegionManager.RegionName="WorkspaceRegion"  Background="#765e4d" Margin="10">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <ItemsControl.ItemContainerStyle>
        <Style>
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Border BorderBrush="Red" Padding="10" BorderThickness="1" CornerRadius="5">
                            <ContentPresenter Content="{Binding}"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ItemsControl.ItemContainerStyle>

</ItemsControl>

它的错误：

用于类型“ItemsControl”的样式不能应用于类型 '视图1'

我也测试了这个代码：

<ItemsControl prism:RegionManager.RegionName="WorkspaceRegion"  Background="#765e4d" Margin="10">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Grid >
                <TextBlock Text="Test"/>
                <Border BorderBrush="Red" Padding="10" Margin="10" BorderThickness="1" CornerRadius="5">
                    <ContentPresenter Content="{Binding}"/>
                </Border>
            </Grid>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

但结果就像我写的时候一样：

<ItemsControl prism:RegionManager.RegionName="WorkspaceRegion" >

• 为什么？我的错误是什么？

• 我该怎么做？

---

编辑1：

我用<ItemsPresenter/>代替<ContentPresenter Content="{Binding}"/>

结果：没有任何变化

---

编辑2：

我为 ItemsControl 的 ItemContainerStyle 属性编写了这种样式，它可以工作如果我从中删除 ControlTemplate 部分。

现在的问题是我应该在下面的ControlTemplate 到我的Views (UserControls) 中使用哪种Presenter 或Xaml Tag。

   <Style TargetType="{x:Type UserControl}" x:Key="MyItemContainerStyle">
        <Setter Property="Background" Value="Brown"/>
        <Setter Property="BorderBrush" Value="Blue"/>
        <Setter Property="BorderThickness" Value="2"/>
        <Setter Property="Margin" Value="10"/>
        <Setter Property="Template" >
            <Setter.Value>
                <ControlTemplate>
                     ??????????????????????????
                    <!-- The following ContentPresenter not working and the Items dose not show -->
                    <ContentPresenter/> 
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Answer 1

设置样式的ContentTemplate属性，而不是Control.Template或Template

ItemsControl 被渲染成这样：

<ItemsControl>
    <ItemsPanel>
        <ContentPresenter>
            <ItemTemplate>
        </ContentPresenter>

        <ContentPresenter>
            <ItemTemplate>
        </ContentPresenter>

        <ContentPresenter>
            <ItemTemplate>
        </ContentPresenter>
    </ItemsPanel>
</ItemsControl>

ItemContainerStyle 适用于包装此 XAML 树中每个项目的 ContentPresenter 对象，我不相信 ContentPresenter 具有 Control.Template 或 Template 属性。

当更改 ContentPresenter 的显示方式时，您应该改写 ContentTemplate 属性。

Answer 2

这适用于我的测试应用程序：

<ItemsControl Background="#FF85664F" prism:RegionManager.RegionName="WorkspaceRegion">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Border BorderBrush="DarkGray" Padding="10"
                    Margin="5, 5, 5, 0" BorderThickness="1"
                    CornerRadius="5" Background="#FFC3BF8F">
                <ContentPresenter Content="{Binding}" />
            </Border>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    <system:String>ItemsControl Item #1</system:String>
    <system:String>ItemsControl Item #2</system:String>
    <system:String>ItemsControl Item #3</system:String>
    <system:String>ItemsControl Item #4</system:String>
    <system:String>ItemsControl Item #5</system:String>
</ItemsControl>