WPF繪圖通過矩陣運算實現移動

WPF繪圖通過矩陣運算實現移動

前臺代碼：

<Window x:Class="Chapter3.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:Chapter3"
        mc:Ignorable="d"
        Title="Matrix OPeration" Height="400" Width="500">

    <Viewbox Stretch="Uniform">
        <Grid Width="430" Height="300" VerticalAlignment="Top">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="150"/>
                <ColumnDefinition Width="280"/>
            </Grid.ColumnDefinitions>
            <Grid Width="140" Height="300" Margin="5 10 5 5">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="60"/>
                    <ColumnDefinition Width="70"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>

                <!-- M11-->
                <TextBlock Grid.Row="0" Grid.Column="0" HorizontalAlignment="Right"
                           Margin="5 5 10 5 " >M11</TextBlock>
                <TextBox Name="tbM11" Grid.Row="0" Grid.Column="1" TextAlignment="Center">50</TextBox>

                <!-- M12-->
                <TextBlock Grid.Row="1" Grid.Column="0" HorizontalAlignment="Right"
                           Margin="5 5 10 5 " >M12</TextBlock>
                <TextBox Name="tbM12" Grid.Row="1" Grid.Column="1" TextAlignment="Center">200</TextBox>

                <!-- M21-->
                <TextBlock Grid.Row="2" Grid.Column="0" HorizontalAlignment="Right"
                           Margin="5 5 10 5 " >M21</TextBlock>
                <TextBox Name="tbM21" Grid.Row="2" Grid.Column="1" TextAlignment="Center">150</TextBox>

                <!-- M22-->
                <TextBlock Grid.Row="3" Grid.Column="0" HorizontalAlignment="Right"
                           Margin="5 5 10 5 " >M22</TextBlock>
                <TextBox Name="tbM22" Grid.Row="3" Grid.Column="1" TextAlignment="Center">100</TextBox>

                <!-- OffsetX -->
                <TextBlock Grid.Row="4" Grid.Column="0" HorizontalAlignment="Right"
                           Margin="5 5 10 5 " >OffsetX</TextBlock>
                <TextBox Name="tbOffsetX" Grid.Row="4" Grid.Column="1" TextAlignment="Center">100</TextBox>

                <!-- OffsetY -->
                <TextBlock Grid.Row="5" Grid.Column="0" HorizontalAlignment="Right"
                           Margin="5 5 10 5 " >OffsetY</TextBlock>
                <TextBox Name="tbOffsetY" Grid.Row="5" Grid.Column="1" TextAlignment="Center">100</TextBox>


                <!-- ButtonApply -->
                <Button Name="btnApply" Grid.Row="6" Grid.Column="0" Margin="15 20 15 5" Height="25" 
                        Grid.ColumnSpan="2" Click="btnApply_Click">Apply</Button>

                <!-- ButtonClose -->
                <Button Name="btnClose" Grid.Row="7" Grid.Column="0" Margin="15 5 15 5" Height="25" 
                        Grid.ColumnSpan="2" Click="btnClose_Click">Close</Button>

            </Grid>
            <Border Margin="10" Grid.Column="1" BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Left" Background="LightGray" >
                <Canvas Name="canvas1" Grid.Column="1" ClipToBounds="True" Width="270" Height="280">
                    <TextBlock Canvas.Top="53" Canvas.Left="90" >Original Shape</TextBlock>
                    <Rectangle Canvas.Top="70" Canvas.Left="100" Width="50" Height="70" Stroke="Black" StrokeThickness="2" StrokeDashArray="3,1"/>
                    <Rectangle Name="rect" Canvas.Top="70" Canvas.Left="100" Width="50" Height="70" Fill="LightCoral" Opacity="0.5" StrokeThickness="2">
                        <Rectangle.RenderTransform>
                            <MatrixTransform x:Name="matrixTransform"></MatrixTransform>
                        </Rectangle.RenderTransform>
                    </Rectangle>

                </Canvas>
            </Border>

        </Grid>
    </Viewbox>
</Window>

後臺代碼：

#region NameSpaces
using System;
using System.Collections;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;
using System.Windows.Media;
#endregion

namespace Chapter3
{
	/// <summary>
	/// MainWindow.xaml 的交互邏輯
	/// </summary>
	public partial class MainWindow : Window
	{


		public MainWindow()
		{
			InitializeComponent();


		}

		private void btnApply_Click(object sender, RoutedEventArgs e)
		{
			Matrix m = new Matrix();
			m.M11 = Convert.ToDouble(tbM11.Text);
			m.M12 = Convert.ToDouble(tbM12.Text);
			m.M21 = Convert.ToDouble(tbM21.Text);
			m.M22 = Convert.ToDouble(tbM22.Text);
			m.OffsetX = Convert.ToDouble(tbOffsetX.Text);
			m.OffsetY = Convert.ToDouble(tbOffsetY.Text);matrixTransform.Matrix = m;
		}

		private void btnClose_Click(object sender, RoutedEventArgs e)
		{
			this.Close();
		}
	}
}

效果如下：