ItemsControl控件模板中StackPanel的子按钮样式未生效问题

问题原因 #

当你给StackPanel设置IsItemsHost="True"时，ItemsControl会将**项容器（默认是ContentPresenter）**作为直接子元素添加到StackPanel中，而非你预期的Button。你的Button实际上嵌套在这些ContentPresenter内部，StackPanel的Resources中定义的Button样式仅对StackPanel的直接子元素生效，无法穿透到ContentPresenter内部的Button，因此样式不会被应用。

解决方案 #

你可以通过以下两种方式解决这个问题：

方式一：使用ItemsPanelTemplate替代IsItemsHost #

将StackPanel定义为ItemsControl的ItemsPanel，并在其中设置Button样式，这样样式可以作用于所有项容器内的Button：

<ItemsControl.Resources>
    <Style TargetType="sharedUserControls:ButtonBarControl">
        <!-- 设置承载项的面板 -->
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <StackPanel 
                        Orientation="Horizontal" 
                        FlowDirection="{Binding Path=ButtonBarFlowDirection, RelativeSource={RelativeSource AncestorType=sharedUserControls:ButtonBarControl}}">
                        <StackPanel.Resources>
                            <Style TargetType="Button" BasedOn="{StaticResource DialogButton}">
                                <Setter Property="Margin" Value="{Binding Path=ButtonMargin, RelativeSource={RelativeSource AncestorType=sharedUserControls:ButtonBarControl}}"/>
                            </Style>
                        </StackPanel.Resources>
                    </StackPanel>
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <!-- 自定义控件模板，使用ItemsPresenter展示项 -->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="sharedUserControls:ButtonBarControl">
                    <ItemsPresenter/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ItemsControl.Resources>

方式二：在自定义控件的Resources中定义Button样式 #

将Button样式直接放在自定义控件的Resources中，这样所有属于该控件的Button都会继承这个样式：

<ItemsControl.Resources>
    <Style TargetType="sharedUserControls:ButtonBarControl">
        <Style.Resources>
            <!-- 这里的样式会作用于控件内所有Button -->
            <Style TargetType="Button" BasedOn="{StaticResource DialogButton}">
                <Setter Property="Margin" Value="{Binding Path=ButtonMargin, RelativeSource={RelativeSource AncestorType=sharedUserControls:ButtonBarControl}}"/>
            </Style>
        </Style.Resources>
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <StackPanel 
                        Orientation="Horizontal" 
                        FlowDirection="{Binding Path=ButtonBarFlowDirection, RelativeSource={RelativeSource AncestorType=sharedUserControls:ButtonBarControl}}"/>
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="sharedUserControls:ButtonBarControl">
                    <ItemsPresenter/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ItemsControl.Resources>

关键说明 #

• 替换ElementName绑定为RelativeSource可以避免因命名范围问题导致的绑定失效，更适合自定义控件场景。
• 当使用ItemsPanelTemplate时，ItemsControl会自动管理项容器的生成，无需手动设置IsItemsHost。

内容的提问来源于stack exchange，提问作者bas