首页 前端知识 WPF 的 style 定义 使用 继承 复用

WPF 的 style 定义 使用 继承 复用

2024-05-19 09:05:24 前端知识 前端哥 317 91 我要收藏

style 样式

  1. 如何定义一个 style 样式
	 <Button Content="样式" Width="100" Height="50">
	     <Button.Style>
	         <Style>
	             
	         </Style>
	     </Button.Style>
	 </Button>
  1. 拥有的属性
    1. targetType = “” 针对什么类型生效
    2. setter 设置属性的值 property = “属性名称” value = “值”
    3. triggers 触发器,当命中后触发什么条件.
    4. multitriggers 多重条件触发器
    5. 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>
    
  2. Style 的复用
    如何定义一个资源的使用。
    <Window x:Class="zhiyu.training.StyleWindow"
        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"
        xmlns:local="clr-namespace:zhiyu.training"
        mc:Ignorable="d"
        Title="StyleWindow" Height="450" Width="800"
        xmlns:sys ="clr-namespace:System;assembly=mscorlib">
    <Window.Resources>
        <!--如何定义一个int类型的变量-->
        <sys:Double x:Key="value">123</sys:Double>
    </Window.Resources>
    <Grid>
        <Button Width="{StaticResource value}" Height="30" Margin="10" HorizontalAlignment="Left">
            <Button.Style>
                <Style TargetType="Button">
                <!--在 style 中定义资源-->
                    <Style.Resources>
                        <SolidColorBrush Color="Green" x:Key="Brush"></SolidColorBrush>
                    </Style.Resources>
                    <!-- 引用资源 -->
                    <Setter Property="Background" Value="{StaticResource Brush}"></Setter>
                </Style>
            </Button.Style>
        </Button>
    </Grid>
    

如何复用一个 style

 	<Window x:Class="zhiyu.training.StyleWindow"
         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"
         xmlns:local="clr-namespace:zhiyu.training"
         mc:Ignorable="d"
         Title="StyleWindow" Height="450" Width="800"
         xmlns:sys ="clr-namespace:System;assembly=mscorlib">
  <Window.Resources>
 		<!--如何定义一个int类型的变量-->
 		<sys:Double x:Key="value">123</sys:Double>
 		<Style TargetType="Button">
 		        <Style.Resources>
 		            <SolidColorBrush Color="Green" x:Key="Brush"></SolidColorBrush>
 		        </Style.Resources>
 		        <Setter Property="Background" Value="{StaticResource Brush}"></Setter>
 		 </Style>
 		
 		<Style TargetType="Button" x:Key="ab">
 		    <Style.Resources>
 		        <SolidColorBrush Color="Yellow" x:Key="Brush"></SolidColorBrush>
 		    </Style.Resources>
 		    <Setter Property="Background" Value="{StaticResource Brush}"></Setter>
 		</Style>
 	 </Window.Resources>
 	 <Grid>
 		  <!--全局风格-->
 		 <Button Width="{StaticResource value}" Height="30" Margin="10" HorizontalAlignment="Left"></Button>
 		 <!--使用ab风格-->
 		 <Canvas>
 		     <Button Style="{StaticResource ab}" Height="30" Width="200"  Canvas.Top="50"></Button>
 		 </Canvas>
 		 <!--什么风格都不用-->
 		 <Canvas>
 		     <Button Style="{x:Null}" Height="30" Width="200"  Canvas.Top="100"></Button>
 		 </Canvas>
 	 </Button>
 	 </Grid>
 </Window>

如何继承一个 Style BaseOn

 <Window.Resources>
   	
   	 <Style TargetType="Button" x:Key="baseOn">
   	     <Setter Property="Content" Value="你好"></Setter>
   	 </Style>
   	<!-- 使用 BaseOn 继承-->
   	 <Style TargetType="Button" x:Key="ab" BasedOn="{StaticResource baseOn}">
   	     <Style.Resources>
   	         <SolidColorBrush Color="Yellow" x:Key="Brush"></SolidColorBrush>
   	     </Style.Resources>
   	     <Setter Property="Background" Value="{StaticResource Brush}"></Setter>
   	 </Style>
   	 </Window.Resources>
<Grid>
<Canvas>
   <Button Style="{StaticResource ab}" Height="30" Width="200"  Canvas.Top="50"></Button>
</Canvas>
</Grid>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8837.html
标签
wpf
评论
会员中心 联系我 留言建议 回顶部
复制成功!