WPF 的 style 定义使用继承复用

原创

已于 2024-05-18 17:46:13 修改 · 1.3k 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#wpf

于 2024-05-18 17:43:27 首次发布

style 样式

如何定义一个 style 样式

	 <Button Content="样式" Width="100" Height="50">
	     <Button.Style>
	         <Style>
	             
	         </Style>
	     </Button.Style>
	 </Button>

拥有的属性

targetType = “” 针对什么类型生效
setter 设置属性的值 property = “属性名称” value = “值”
triggers 触发器，当命中后触发什么条件.
multitriggers 多重条件触发器
eventTriggers 事件触发器，内部都是动画。

	<Button >
    <Button.Style>
        <Style TargetType="Button">
            <Style.Setters>
                <Setter Property="Width" Value="100"></Setter>
                <Setter Property="Height" Value="100"></Setter>
                <Setter Property="Content" Value="不好"></Setter>
                <Setter Property="Background" Value="#FFA500"></Setter>
            </Style.Setters>
            <Style.Triggers>
                <!--当鼠标移动上时触发以下条件-->
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Content" Value="你好"></Setter>
                </Trigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                      <!--当鼠标移动上时并且发生点击的时候触发以下条件-->
                        <Condition Property="IsMouseOver" Value="True"></Condition>
                        <Condition Property="IsPressed" Value="True"></Condition>
                    </MultiTrigger.Conditions>
                    <MultiTrigger.Setters>
                        <Setter Property="Foreground" Value="Red"/>
                    </MultiTrigger.Setters>
                </MultiTrigger>
                <!--事件触发器,点击鼠标右键-->
				<EventTrigger RoutedEvent="MouseRightButtonDown">
				    <BeginStoryboard>
				        <Storyboard>
				            <!--在1秒钟的事件里,对属性值进行变更,这里是将宽高变成250-->
				            <DoubleAnimation Duration="0:0:1" To="250" Storyboard.TargetProperty="Width"></DoubleAnimation>
				            <DoubleAnimation Duration="0:0:1" To="250" Storyboard.TargetProperty="Height"></DoubleAnimation>
				        </Storyboard>
				    </BeginStoryboard>
				</EventTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button