模擬一個螺旋槳

Question

我有這樣的代碼，在畫布上顯示一個矩形：

XAML：

<Window x:Class="rotateRect.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:rotateRect" 
    mc:Ignorable="d" 
    Title="MainWindow" Height="402.027" Width="600.676"> 
<Grid> 

    <Canvas Name="my_c" HorizontalAlignment="Left" Height="24" Margin="160,149,0,0" VerticalAlignment="Top" Width="177" RenderTransformOrigin="0.5,0.5"> 
     <Canvas.RenderTransform> 
      <TransformGroup> 
       <ScaleTransform/> 
       <SkewTransform/> 
       <RotateTransform Angle="-68.962"/> 
       <TranslateTransform/> 
      </TransformGroup> 
     </Canvas.RenderTransform> 
    </Canvas> 

</Grid> 

我可以用 「的RenderTransform」 把它在XAML。但我想在c＃中實現這種旋轉並創建一個「螺旋槳」。我試圖爲畫布找到關於「RotateTransform」的信息。蒂斯是我的C＃代碼：

C＃：

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

namespace rotateRect 
{ 
    public partial class MainWindow : Window 
    { 
     Rectangle my_r = new Rectangle(); 

     public MainWindow() 
     { 
      InitializeComponent(); 
      initializeRect(my_r, my_c); 
     } 

     private void initializeRect(Rectangle r, Canvas c) 
     { 
      // rectangle 
      r.Width = 10; 
      r.Height = 50; 

      // rectangle Color 
      r.Fill = new SolidColorBrush(Color.FromRgb(0, 0, 255)); 

      // canvas 
      c.Children.Add(r); 
      c.Width = 10; 
      c.Height = 50; 
     } 
    } 
} 

我發現「RotateTransform」的個例的位圖對象，但我還沒有找到一個帆布什麼。 C#, rotating Graphics?

可以將RotateTransform應用於c＃中的畫布嗎？

Answer 1

修改initializeRect梅索德

private void initializeRect(Rectangle r, Canvas c) 
     { 
      // rectangle 
      r.Width = 10; 
      r.Height = 50; 

      // rectangle Color 
      r.Fill = new SolidColorBrush(Color.FromRgb(0, 0, 255)); 

      // canvas 
      c.Children.Add(r); 
      c.Width = 10; 
      c.Height = 50; 

      RotateTransform rt = new RotateTransform(); 
      rt.Angle=-68.962; 
      c.RenderTransform = rt; 
     } 

Answer 2

通過 '推進器' 你的意思動畫？爲此，你需要動畫。只有RotateTransform是不夠的。

例如，讓我們來複制你的畫布與矩形，但在XAML：

<Canvas Name="cnvs" VerticalAlignment="Center" HorizontalAlignment="Center" 
     Loaded="cnvs_Loaded"> 
    <Canvas.Resources> 
     <DoubleAnimation x:Key="rotator" From="0" To="360" Duration="0:0:1" 
         AutoReverse="False" RepeatBehavior="Forever" /> 
    </Canvas.Resources> 
    <Canvas.RenderTransform> 
     <RotateTransform x:Name="canvasRotation" /> 
    </Canvas.RenderTransform> 

    <Rectangle Width="10" Height="50" Fill="Blue" /> 
</Canvas> 

，並開始我們的Loaded事件處理動畫。帆布有它自己的大小怪癖，所以我們需要設置的centerX和CenterY poperties我們的變換：

private void cnvs_Loaded(object sender, RoutedEventArgs e) 
{ 
    var canvas = (Canvas) sender; 
    var animation = canvas.Resources["rotator"] as DoubleAnimation; 

    var children = canvas.Children.OfType<FrameworkElement>().ToArray(); 
    canvasRotation.CenterX = children.Max(c => c.ActualWidth)/2; 
    canvasRotation.CenterY = children.Max(c => c.ActualHeight)/2; 

    canvasRotation.BeginAnimation(RotateTransform.AngleProperty, animation); 
} 

---

但是你真的在這裏需要一個帆布？我們可以簡化事情電網，例如：

<Grid Name="grid" VerticalAlignment="Top" HorizontalAlignment="Left" 
     Loaded="grid_Loaded" RenderTransformOrigin="0.5,0.5"> 
    <Grid.Resources> 
     <DoubleAnimation x:Key="rotator" From="0" To="360" Duration="0:0:1" 
         AutoReverse="False" RepeatBehavior="Forever" /> 
    </Grid.Resources> 
    <Grid.RenderTransform> 
     <RotateTransform x:Name="gridRotation" /> 
    </Grid.RenderTransform> 

    <Rectangle Width="10" Height="50" Fill="Blue" /> 
</Grid> 

而且

private void grid_Loaded(object sender, RoutedEventArgs e) 
{ 
    var g = (Grid) sender; 
    var animation = g.Resources["rotator"] as DoubleAnimation;   
    gridRotation.BeginAnimation(RotateTransform.AngleProperty, animation); 
} 

或者動畫只是Recntagle如果它是你必須在容器中的唯一對象。沒有必要使事情複雜化。