<
ColumnDefinition
/>
</
Grid.ColumnDefinitions
>
<
Image
x:Name=
"image_monkey"
Width=
"200"
Height=
"200"
Source=
"Images/monkey.jpg"
Grid.ColumnSpan=
"2"
Grid.Row=
"1"
/>
<
Button
x:Name=
"btn_danru"
Width=
"50"
Height=
"20"
Grid.Column=
"0"
Grid.Row=
"2"
Click=
"btn_danru_Click"
>淡入
</
Button
>
<
Button
x:Name=
"btn_danchu"
Width=
"50"
Height=
"20"
Grid.Column=
"1"
Grid.Row=
"2"
Click=
"btn_danchu_Click"
>淡出
</
Button
>
</
Grid
>
<Grid.RowDefinitions>
<RowDefinition Height="20" />
<RowDefinition Height="200" />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Image x:Name="image_monkey" Width="200" Height="200" Source="Images/monkey.jpg" Grid.ColumnSpan="2" Grid.Row="1" />
<Button x:Name="btn_danru" Width="50" Height="20" Grid.Column="0" Grid.Row="2" Click="btn_danru_Click">淡入</Button>
<Button x:Name="btn_danchu" Width="50" Height="20" Grid.Column="1" Grid.Row="2" Click="btn_danchu_Click">淡出</Button>
</Grid>
C#代码如下：
private
void btn_danru_Click(
object sender, RoutedEventArgs e) {
DoubleAnimation daV =
new DoubleAnimation(0,1,
new Duration(TimeSpan.FromSeconds(1)));
this.image_monkey.BeginAnimation(UIElement.OpacityProperty, daV);
private
void btn_danchu_Click(
object sender, RoutedEventArgs e) {
DoubleAnimation daV =
new DoubleAnimation(1, 0,
new Duration(TimeSpan.FromSeconds(1)));
this.image_monkey.BeginAnimation(UIElement.OpacityProperty, daV);
private void btn_danru_Click(object sender, RoutedEventArgs e) {
DoubleAnimation daV = new DoubleAnimation(0,1,new Duration(TimeSpan.FromSeconds(1)));
this.image_monkey.BeginAnimation(UIElement.OpacityProperty, daV);
private void btn_danchu_Click(object sender, RoutedEventArgs e) {
DoubleAnimation daV = new DoubleAnimation(1, 0, new Duration(TimeSpan.FromSeconds(1)));
this.image_monkey.BeginAnimation(UIElement.OpacityProperty, daV);
运行界面如图： 
