如何在WPF控件中应用样式?

12

我是WPF的初学者,需要你的帮助。

问题: 我在表单上有4个按钮,需要对其中的两个按钮应用不同的样式。

有没有办法实现这个目标?

如果可以,请提供示例...

先谢谢了...

3个回答

17
您可以定义命名样式,然后根据需要将其显式地分配给任何控件。以下是有关按钮样式的入门指南:开始使用WPF:按钮控件第2部分 - 基本样式 以下是一个示例:
<Window x:Class="WpfButtonStyling.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="250" Width="400">
    <Window.Resources>
        <Style x:Key="ButtonStyle1" 
               TargetType="{x:Type Button}">
            <Setter Property="Foreground"
                    Value="Red" />
            <Setter Property="Margin"
                    Value="10" />
        </Style>
        <Style x:Key="ButtonStyle2" 
               TargetType="{x:Type Button}">
            <Setter Property="Foreground"
                    Value="Blue" />
            <Setter Property="Margin"
                    Value="10" />
        </Style>
    </Window.Resources>

    <Grid>
        <StackPanel>
            <Button x:Name="FirstButton"
                    Content="First!"
                    Style="{StaticResource ButtonStyle1}"/>
            <Button x:Name="SecondButton"
                    Content="Second"
                    Style="{StaticResource ButtonStyle2}" />
        </StackPanel>
    </Grid>
</Window>

2
如果有人想直接在按钮中编写样式,可以像下面这样编写:
    <Button>
        <Button.Style>
            <Style TargetType="{x:Type Button}">
                <Setter Property="FontFamily" Value="TimesNewRoman" />
                <Setter Property="FontSize" Value="50"/>
                <Setter Property="Background" Value="Green"/>
            </Style>
        </Button.Style>
    </Button>

1

使用此代码为不同的按钮或任何其他元素应用不同的样式。

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         HorizontalAlignment="Left"
         VerticalAlignment="Top">
<Window.Resources>
    **<Style x:Key="a" TargetType="{x:Type TextBlock}">
        <Setter Property="FontFamily" Value="Verdana" />
        <Setter Property="FontSize" Value="50"/>
        <Setter Property="Background" Value="Indigo"/>
    </Style>
    <Style x:Key="b" TargetType="{x:Type TextBlock}">
        <Setter Property="FontFamily" Value="Arial"/>
        <Setter Property="FontSize" Value="16"/>
    </Style>
    <Style x:Key="c" TargetType="{x:Type Button}">
        <Setter Property="FontFamily" Value="TimesNewRoman" />
        <Setter Property="FontSize" Value="50"/>
        <Setter Property="Background" Value="Green"/>
    </Style>
</Window.Resources>
<Grid>
    <TextBlock Margin="26,41,39,0" Style="{StaticResource a}" Height="100" VerticalAlignment="Top">TextBlock with Style1</TextBlock>
    <TextBlock Margin="26,77,39,0" Height="32" VerticalAlignment="Top">TextBlock with no Style</TextBlock>
    <TextBlock Margin="26,105,67,96" Style="{StaticResource b}">TextBlock with Style2</TextBlock>
    <StackPanel Orientation="Horizontal" VerticalAlignment="Top" Margin="26,170,-26,0">
        <Button Style="{StaticResource c}">
            <Bold >Styles</Bold></Button>
        <Button Style="{StaticResource c}">are</Button>
        <Button Style="{StaticResource c}">cool</Button>
    </StackPanel>
</Grid>

我在这里为文本块和按钮声明样式。使用这个样式。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接