1. 样式中的Setter
使用示例：
01 |
<Window x:Class="DeepXAML.MainWindow"
|
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/likecs_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/likecs_com/cnblogsfans/201102/201102271112008793.png" width=244 border=0></A>
|
很明显，使用样式让我们代码更精简，而且界面的外观可以集中处理。
2. 样式中的Trigger
当某些条件满足时，触发一个行为
a. 基本Trigger
01 |
<Window x:Class="DeepXAML.MainWindow"
|
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>
|
b. MultiTrigger
01 |
<Window x:Class="DeepXAML.MainWindow"
|
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>
|
c. DataTrigger
01 |
<Window x:Class="DeepXAML.MainWindow"
|
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>
|
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 |
} |
d. 多数据条件的trigger
MultiDataTrigger这个类似上面的MultiTrigger,不用细说了。
e. EventTrigger
是由事件来触发
01 |
<Window x:Class="DeepXAML.MainWindow"
|
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>
|