在WPF中的所有窗口中应用按钮样式

Question

我在我的XAML中创建了一个样式设置，用于在我的WPF窗口中创建圆角Button。我希望这种风格适用于我的应用程序中所有窗口上的所有按钮。

有没有一种方法，类似于CSS，我可以把它放到另一个文件中，并在我的所有窗口中以某种方式引用它？或者我只需要每次复制和粘贴它。

Answer 1

您可以使用应用程序资源来做到这一点。

这里例如一些代码（在App.xaml中）

<Application.Resources> 
    <Style TargetType="Button" x:Key="GelButton" > 
    <Setter Property="Margin" Value="1,2,1,2"/> 
    <Setter Property="HorizontalAlignment" Value="Left"/> 
    </Style> 
</Application.Resources> 

，然后，为您的按钮（例如）：

<Button Height="50" Width="250" Style="{StaticResource GelButton}" Content="Button 1" /> 
<Button Height="50" Width="250" Style="{StaticResource GelButton}" Content="Button 2" /> 

希望这将帮助你找到什么您正在寻找。

Answer 2

Google Reference Dictionary。你可以把你所有的风格放在那里。那么，只需在窗口/用户控件中添加一个“引用”即可。

<UserControl.Resources> 
    <ResourceDictionary> 
     <ResourceDictionary.MergedDictionaries> 
      <ResourceDictionary Source="pack://application:,,,/SialTPChat.UI.Design;component/Styles/Styles.xaml" /> 
    </ResourceDictionary> 
    </UserControl.Resources> 

现在，上面引用的XAML文件中的所有样式将应用于用户控件中的所有对象。

Answer 3

如果你想以一种干净的方式做到这一点，你可以创建一个ResourceDictionary.xaml，它与网页设计中的CSS具有相同的功能。

首先，转到您的项目并添加ResourceDictionary。它里面可以添加样式你想要的所有所需的元素，例如，适用于所有按钮的Button的变化背景颜色：

// Base style for all buttons 
<Style TargetType="Button"> 
    <Setter Property="Background" Value="Red" /> 
</Style> 

如果不指定每个Style的标识符，即样式将适用于与您指定的 TargetType匹配的所有控件。如果你想按钮看起来不同，你可以做上面一样，还包括一个标识符，以这种风格，将由每个不同的按钮可用于：

// Specific style for blue buttons 
<Style TargetType="Button" x:Key="BlueButton"> 
    <Setter Property="Background" Value="Blue" /> 
</Style> 

然后，在你想要的风格各.xaml要应用你必须引用到这个ResourceDictionary.xaml正在创建：

<Window.... > 
    <Window.References> 
     <ResourceDictionary> 
      <ResourceDictionary Source="MyResourceDictionary.xaml" /> 
     </ResourceDictionary> 
    </Window.References> 

    <Grid> 
     <Button Content="Button with red background" /> 
     <Button Style="{StaticResource BlueButton}" Content="Button with blue background" /> 
    </Grid> 
</Window> 

我认为这是你在找什么。

如果要绘制一个圆角按钮，则需要覆盖该按钮的Template属性。这意味着你需要告诉按钮从你覆盖它的那一刻起他需要做的每一个动作。请参阅here。因此，在一个小，减少概念，你会喜欢写这样的事：

<Style TargetType="Button"> 
    <Setter Property="SnapsToDevicePixels" Value="True" /> 
    <Setter Property="Foreground" Value="White" /> 
    <Setter Property="Background" Value="DarkBlue" /> 
    <Setter Property="Width" Value="150" /> 
    <Setter Property="Height" Value="35" /> 
    <Setter Property="FontSize" Value="16" /> 
    <Setter Property="FontFamily" Value="Calibri" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border Background="{TemplateBinding Background}" 
        BorderBrush="LightBlue" BorderThickness="1" CornerRadius="15,0,15,0" x:Name="bd"> 
        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
        Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True" /> 
       </Border> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Setter TargetName="bd" Property="Background" Value="LightGray"/> 
         <Setter Property="Foreground" Value="White" /> 
         <Setter Property="Cursor" Value="Hand" /> 
        </Trigger> 

       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

看到，这里我重写得出一个基本的泛函按钮所需的所有基本属性，如Foreground，Background，Width ...和MouseOver事件，以在鼠标移过它时改变颜色。 ControlTemplate内部的Border的CornerRadius属性是您正在查找的半径。

所以基本上，你重写默认为所有按钮来的边界属性。

Answer 4

根据我的最简单的方法是：

1. 右键点击一个按钮的设计表面

2. 选择编辑模板 - >编辑复制

3. 选择“定义中的应用“单选按钮

4. 样式将在App.xaml文件中创建

5. 该资源添加到每个按钮使用“风格”标签