WPF应用加载同样式控件后原有按钮样式丢失问题求助

这个问题的核心在于你在样式中直接为Content属性赋值了一个具体的UIElement实例（也就是那个StackPanel），而WPF里有个关键规则：任何UI元素只能属于一个父容器。

当你的用户控件加载并应用同一个SaveButton样式时，WPF会把这个共享的StackPanel从原来窗口的按钮里“移”到新的用户控件按钮上——毕竟它不能同时属于两个按钮。这就导致原来的按钮失去了Content内容，看起来变成空白，连边距的视觉效果也因为内容消失而显得异常。

推荐使用ContentTemplate替代直接设置Content，这是WPF中处理控件内容模板的标准方式，它会为每个应用样式的按钮生成独立的内容实例，从根本上避免元素共享冲突。

修改你的App.xaml样式如下：

<Style x:Key="SaveButton" TargetType="telerik:RadButton">
    <Setter Property="Margin" Value="5"/>
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Margin="5" Text="Save"/>
                    <Image Source="Resources\icons\save.png" Margin="5" Height="16" Width="16"/>
                </StackPanel>
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

备选方案（不推荐） #

如果你坚持要直接设置Content，可以给样式加上x:Shared="False"属性，这样WPF每次应用样式时都会创建一个新的样式实例，每个按钮都会得到自己的StackPanel副本：

<Style x:Key="SaveButton" TargetType="telerik:RadButton" x:Shared="False">
    <Setter Property="Margin" Value="5"/>
    <Setter Property="Content">
        <Setter.Value>
            <StackPanel Orientation="Horizontal">
                <TextBlock Margin="5" Text="Save"/>
                <Image Source="Resources\icons\save.png" Margin="5" Height="16" Width="16"></Image>
            </StackPanel>
        </Setter.Value>
    </Setter>
</Style>

不过这种方式会增加资源开销，因为每次使用样式都要创建新的实例，所以优先推荐ContentTemplate的方案。

修改后，无论是原来窗口的按钮还是用户控件里的按钮，都会各自拥有独立的StackPanel、文本和图片，再也不会出现内容被“抢走”的情况，样式也能正常保持。

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