WPF繪圖和動畫-VisualBrush實例

《深入淺出WPF》（作者：劉鐵猛）之學習筆記

WPF繪圖和動畫-VisualBrush實例

XAML代碼：

<Window x:Class="VisualBrush實例.MainWindow"
        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:VisualBrush實例"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="400">
    <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="CloneVisual"/>
        <StackPanel x:Name="StackPanelRight" Background="White" Grid.Column="2"/>
    </Grid>
</Window>

C#代碼 ：

using System.Windows;
using System.Windows.Media;
using System.Windows.Shapes;

namespace VisualBrush實例
{
    /// <summary>
    /// MainWindow.xaml 的交互邏輯
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private double _opacity = 1.0;//不透明計數
        private void CloneVisual(object sender, RoutedEventArgs e)
        {
            var vBrush=new VisualBrush(RealButton);
            var rect = new Rectangle
            {
                Width = RealButton.ActualWidth,
                Height = RealButton.ActualHeight,
                Fill = vBrush,
                Opacity = _opacity
            };
            _opacity -= 0.2;
            StackPanelRight.Children.Add(rect);
        }
    }
}

程序設計圖：

程序運行圖：