WPF XAML 静态资源样式仅应用于一项答案

【问题标题】：WPF XAML Static Resource Style is only applied to one itemWPF XAML 静态资源样式仅应用于一项
【发布时间】：2018-05-07 19:57:54
【问题描述】：

所以我不明白这是怎么发生的，但我在资源字典中定义了一个按钮样式并将该字典加载到 Windows.Resources。

但它并没有应用于我只想应用于最后一个元素的所有按钮。

风格：

<Style TargetType="{x:Type Button}" x:Key="FolderOpenBtn">
    <Setter Property="Content">
        <Setter.Value>
            <StackPanel Orientation="Horizontal">
                <Viewbox Width="16" Height="16" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Margin="0,0,2,0">
                    <Rectangle Width="16" Height="16">
                        <Rectangle.Fill>
                            <DrawingBrush>
                                <DrawingBrush.Drawing>
                                    <DrawingGroup>
                                        <DrawingGroup.Children>
                                            <GeometryDrawing Brush="#00FFFFFF" Geometry="F1M0,0L16,0 16,16 0,16z" />
                                            <GeometryDrawing Brush="#FFF6F6F6" Geometry="F1M0,2.9688L0,11.9688C0,12.5858 0.227,13.0718 0.57,13.4038 1.14,13.9478 2,13.9688 2,13.9688L13.677,13.9688 16,8.1648 16,6.9688 15,6.9688 15,4.9688C15,3.6698,13.97,2.9688,13,2.9688L10.116,2.9688 9.116,0.9688 2,0.9688C1.005,0.9688,0,1.6658,0,2.9688" />
                                            <GeometryDrawing Brush="#FFEFEFF0" Geometry="F1M2,3L8,3 9,5 13,5 13,8 4,8 2,13z" />
                                            <GeometryDrawing Brush="#FF424242" Geometry="F1M1,3L1,12C1,12.97,1.94,12.984,1.997,12.984L2,12.984 2,3 8,3 9,5 13,5 13,8 4,8 2,13 13,13 15,8 14,8 14,5C14,4,12.764,4,13,4L9.5,4 8.5,2 2,2C2,2,1,2,1,3" />
                                        </DrawingGroup.Children>
                                    </DrawingGroup>
                                </DrawingBrush.Drawing>
                            </DrawingBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                </Viewbox>
                <TextBlock Text="Select..." />
            </StackPanel>
        </Setter.Value>
    </Setter>
</Style>

加载字典：

<Window.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="/templates/Styles.xaml" />
            <ResourceDictionary Source="/templates/DatabaseTabItem.xaml" />
            <ResourceDictionary Source="/templates/SatzartTabItem.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Window.Resources>

并将样式应用于两个按钮：

按钮 1：

<Button x:Name="ClassPathSelectBtn" Grid.Column="1" Grid.Row="0" MinWidth="70" Width="Auto" Margin="10,0,0,0" Height="23" VerticalAlignment="Bottom"
                                    Click="BtnSelectPath_Click" Background="#e3e3e3" Style="{StaticResource FolderOpenBtn}" />

按钮 2：

<Button x:Name="reportPathSelectBtn" Grid.Row="1" Grid.Column="1" Margin="10,0,0,0" MinWidth="70" Width="Auto" Height="23" VerticalAlignment="Bottom"
                                   Click="BtnSelectPath_Click" Background="#e3e3e3" Style="{StaticResource FolderOpenBtn}"/>

结果看起来像这样：

请忽略蓝色悬停效果。

你能帮我解决我做错了什么吗？

【问题讨论】：

标签： wpf xaml resourcedictionary

【解决方案1】：

样式中有一个 UI 元素，应用于按钮的内容。

由于样式和 UI 元素是共享的，因此它只有一次实例。但是，单个 UI 元素只能显示一次，即只能有一个父元素。您可以通过将 Style 的 x:Shared 属性设置为 false 来解决此问题：

<Style TargetType="Button" x:Key="FolderOpenBtn" x:Shared="False">
    ...
<Style>

您最好设置 ContentTemplate 属性，而不是通过分配 Button 的 Content 来直接创建 UI 元素：

<Style TargetType="Button" x:Key="FolderOpenBtn">
    <Setter Property="Content" Value="Select..."/>
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <Viewbox Width="16" Height="16" Margin="0,0,2,0">
                        ...
                    </Viewbox>
                    <TextBlock Text="{Binding Content,
                               RelativeSource={RelativeSource TemplatedParent}}"/>
                </StackPanel>
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

这也允许轻松替换文本，只需将按钮的内容设置为默认值"Select..." 以外的其他值。

【讨论】：