WPF中绘画和动画（4）

 接下来我们看一个VisualBrush的例子。为了简单起见，目标控件是一个Button，实际工作中换成复杂控件的效果也一样。程序的XAML代码如下：

<Window x:Class="WpfApplication1.Window2"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="VisualBrush" Height="300" Width="400"Background="Orange">

    <Grid Margin="10">

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="160"/>

            <ColumnDefinition Width="*"/>

            <ColumnDefinition Width="160"/>

        </Grid.ColumnDefinitions>       

        <StackPanel x:Name="stackPanelLeft" Background="White">

            <Button x:Name="realButton" Content="OK" Height="40"/>

        </StackPanel>       

        <Button Content=">>>" Grid.Column="1" Margin="5,0" Click="Button_Click" />       

        <StackPanel x:Name="stackPanelRight" Background="White" Grid.Column="2"/>

    </Grid>

</Window>

中间Button的Click事件处理器代码如下：

doubleo=1.0; //不透明度计数器

 

        privatevoidButton_Click(objectsender, RoutedEventArgse)

        {

            VisualBrushvBrush=newVisualBrush(this.realButton);

            Rectanglerect=newRectangle();

            rect.Width=realButton.ActualWidth;

            rect.Height=realButton.ActualHeight;

            rect.Fill=vBrush;

            rect.Opacity=o;

            o-=0.2;

 

            this.stackPanelRight.Children.Add(rect);

        }

运行效果如下图所示：