• WPF样式

    1. 样式中的Setter

    使用示例：

    view sourceprint?
    01 <Window x:Class="DeepXAML.MainWindow"
    02         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    03         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    04         xmlns:local="clr-namespace:DeepXAML"       
    05         xmlns:sys="clr-namespace:System;assembly=mscorlib"
    06         Title="MainWindow" Height="250" Width="450">
    07     <Window.Resources>
    08         <Style TargetType="Button">
    09             <Setter Property="FontSize" Value="30"></Setter>
    10             <Setter Property="Margin" Value="10"></Setter>
    11         </Style>
    12     </Window.Resources>       
    13     <StackPanel>
    14         <Button>New</Button>
    15         <Button>Save</Button>
    16         <Button>Exit</Button>
    17     </StackPanel>
    18 </Window>
    19 <A href="http://images.cnblogs.com/cnblogs_com/cnblogsfans/201102/201102271111593876.png"><IMG title=image style="BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND-IMAGE: none; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px" height=137 alt=image src="http://images.cnblogs.com/cnblogs_com/cnblogsfans/201102/201102271112008793.png" width=244 border=0></A>

    很明显，使用样式让我们代码更精简，而且界面的外观可以集中处理。

    2. 样式中的Trigger

    当某些条件满足时，触发一个行为

    a. 基本Trigger

    view sourceprint?
    01 <Window x:Class="DeepXAML.MainWindow"
    02         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    03         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    04         xmlns:local="clr-namespace:DeepXAML"       
    05         xmlns:sys="clr-namespace:System;assembly=mscorlib"
    06         Title="MainWindow" Height="250" Width="450">
    07     <Window.Resources>
    08         <Style TargetType="CheckBox">
    09             <Setter Property="FontSize" Value="30"></Setter>
    10             <Setter Property="Margin" Value="10"></Setter>
    11             <Style.Triggers>
    12                 <Trigger Property="IsChecked" Value="true">
    13                     <Trigger.Setters>
    14                         <Setter Property="Foreground"  Value="Red"></Setter>
    15                     </Trigger.Setters>
    16                 </Trigger>    
    17             </Style.Triggers>
    18         </Style>
    19     </Window.Resources>       
    20     <StackPanel>
    21         <CheckBox>.Net</CheckBox>
    22         <CheckBox>Java</CheckBox>
    23         <CheckBox>Ruby</CheckBox>
    24         <CheckBox>Python</CheckBox>
    25     </StackPanel>
    26 </Window>
    image

    b. MultiTrigger

    view sourceprint?
    01 <Window x:Class="DeepXAML.MainWindow"
    02         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    03         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    04         xmlns:local="clr-namespace:DeepXAML"       
    05         xmlns:sys="clr-namespace:System;assembly=mscorlib"
    06         Title="MainWindow" Height="250" Width="450">
    07     <Window.Resources>
    08         <Style TargetType="CheckBox">
    09             <Setter Property="FontSize" Value="30"></Setter>
    10             <Setter Property="Margin" Value="10"></Setter>
    11             <Style.Triggers>
    12                 <MultiTrigger>
    13                     <MultiTrigger.Conditions>
    14                         <Condition Property="IsChecked" Value="true"></Condition>
    15                         <Condition Property="Content" Value="Java"></Condition>
    16                     </MultiTrigger.Conditions>
    17                     <MultiTrigger.Setters>
    18                         <Setter Property="Foreground" Value="Red"></Setter>
    19                     </MultiTrigger.Setters>
    20                 </MultiTrigger>
    21             </Style.Triggers>
    22         </Style>
    23     </Window.Resources>       
    24     <StackPanel>
    25         <CheckBox>.Net</CheckBox>
    26         <CheckBox>Java</CheckBox>
    27         <CheckBox>Ruby</CheckBox>
    28         <CheckBox>Python</CheckBox>
    29     </StackPanel>
    30 </Window>

    image

    c. DataTrigger

    view sourceprint?
    01 <Window x:Class="DeepXAML.MainWindow"
    02         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    03         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    04         xmlns:local="clr-namespace:DeepXAML"       
    05         xmlns:sys="clr-namespace:System;assembly=mscorlib"
    06         Title="MainWindow" Height="250" Width="450">
    07     <Window.Resources>
    08         <Style TargetType="TextBox">
    09             <Setter Property="Margin" Value="10"></Setter>
    10             <Style.Triggers>
    11                 <DataTrigger Binding="{Binding Path=Name}" Value="Jack">
    12                     <Setter Property="Foreground" Value="Red"></Setter>
    13                 </DataTrigger>               
    14             </Style.Triggers>
    15         </Style>
    16     </Window.Resources>
    17     <StackPanel x:Name="stackPanel">
    18         <TextBox Text="{Binding Path=Name}"></TextBox>
    19         <TextBox Text="{Binding Path=Age}"></TextBox>
    20         <TextBox></TextBox>
    21     </StackPanel>
    22 </Window>
    view sourceprint?
    01 public MainWindow()
    02 {
    03     InitializeComponent();
    04   
    05     Person p = new Person { Name = "Jack", Age = 30 };
    06     this.stackPanel.DataContext = p;            
    07 }
    08   
    09 public class Person
    10 {
    11     public string Name { get; set; }
    12     public int Age { get; set; }
    13 }
    image

    d. 多数据条件的trigger

    MultiDataTrigger这个类似上面的MultiTrigger,不用细说了。

    e. EventTrigger

    是由事件来触发

    view sourceprint?
    01 <Window x:Class="DeepXAML.MainWindow"
    02         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    03         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    04         xmlns:local="clr-namespace:DeepXAML"       
    05         xmlns:sys="clr-namespace:System;assembly=mscorlib"
    06         Title="MainWindow" Height="250" Width="450">
    07     <Window.Resources>
    08         <Style TargetType="Button">
    09             <Setter Property="Margin" Value="10"></Setter>
    10             <Style.Triggers>
    11                 <EventTrigger RoutedEvent="MouseEnter">
    12                     <BeginStoryboard>
    13                         <Storyboard>                            
    14                             <DoubleAnimation To="20" Duration="0:0:0.2" Storyboard.TargetProperty="Width"></DoubleAnimation>
    15                             <DoubleAnimation To="70" Duration="0:0:0.2" Storyboard.TargetProperty="Height"></DoubleAnimation>
    16                         </Storyboard>
    17                     </BeginStoryboard>
    18                 </EventTrigger>
    19                 <EventTrigger RoutedEvent="MouseLeave">
    20                     <BeginStoryboard>
    21                         <Storyboard>
    22                             <DoubleAnimation To="100" Duration="0:0:0.2" Storyboard.TargetProperty="Width"></DoubleAnimation>
    23                             <DoubleAnimation To="20" Duration="0:0:0.2" Storyboard.TargetProperty="Height"></DoubleAnimation>
    24                         </Storyboard>
    25                     </BeginStoryboard>
    26                 </EventTrigger>
    27             </Style.Triggers>
    28         </Style>
    29     </Window.Resources>
    30     <StackPanel x:Name="stackPanel">
    31         <Button Width="100" Height="20">OK</Button>
    32     </StackPanel>
    33 </Window>
    34   
    35 <FONT color=#ff0000>这里DoubleAnimation必须显示设置Button的Width和Height,不能是用默认的，否则会报错。</FONT>
  • 相关阅读:
    protobuf 使用
    rsync实现Linux与windows增量更新数据
    单例模式-通用写法1
    cxf RESTful service client
    IDEAspringboot项目自动生成junit测试
    Centos8配置网络NM
    Oracle终止正在执行中的存储过程
    Mysql Statement violates GTID consistency: CREATE TABLE ... SELECT.
    shell中判断变量是否存在某个集合中
    redis-ha部署
  • 原文地址：https://www.cnblogs.com/luluping/p/2039498.html
Copyright © 2020-2023  润新知