Aracılığıyla paylaş

Nasıl yapılır: Bir Öğeyi Eğme

  • Makale

Bu örnekte, bir SkewTransform öğenin çarpıtmak için nasıl kullanılacağı gösterilmektedir. Kesme olarak da bilinen eğme, koordinat alanını tekdüzen olmayan bir şekilde genişleten bir dönüşümdür. tipik bir SkewTransform kullanımı, 2B nesnelerde 3B derinliğin benzetimini oluşturmaktır.

CenterX ve CenterY özelliklerini kullanarak öğesinin orta noktasını SkewTransformbelirtin.

x ekseninin AngleX ve y ekseninin eğme açısını belirtmek ve geçerli koordinat sistemini bu eksenler boyunca eğmek için ve AngleY özelliklerini kullanın.

Eğriltme dönüştürmesinin etkisini tahmin etmek için x ekseni değerlerini özgün koordinat sistemine göre çarpıttığını AngleX düşünün. Bu nedenle, y ekseni 30 derecelik bir AngleX değer için çıkış noktası boyunca 30 derece döndürülür ve x-30 derece içindeki değerleri bu kaynaktan 30 derece eğer. Benzer şekilde, 30'dan biri AngleY şeklin y değerlerini kaynağından 30 derece eğer. Bunun, koordinat sistemini x veya y ile 30 derece çevirme (taşıma) ile aynı etki olmadığını unutmayın.

Aşağıdaki örnek, bir merkez noktasından (0,0) 45 derecelik yatay eğme Rectangle uygular.

Örnek

<Rectangle 
  Height="50" Width="50" Fill="#CCCCCCFF" 
  Stroke="Blue" StrokeThickness="2"
  Canvas.Left="100" Canvas.Top="100">
  <Rectangle.RenderTransform>

     <!-- Applies a horizontal skew of 45 degrees 
          from a center point of (0,0). -->             
    <SkewTransform CenterX="0" CenterY="0" AngleX="45" AngleY="0" />
  </Rectangle.RenderTransform>
</Rectangle>

Aşağıdaki örnek, bir merkez noktasından (25,25) 45 derecelik yatay Rectangle eğme uygular.

<Rectangle Height="50" Width="50" Fill="#CCCCCCFF"
  Canvas.Left="100" Canvas.Top="100" 
  Stroke="Blue" StrokeThickness="2">
  <Rectangle.RenderTransform>
  
     <!-- Applies a horizontal skew of 45 degrees 
          from a center point of (25,25). -->  
    <SkewTransform CenterX="25" CenterY="25" AngleX="45" AngleY="0" />
  </Rectangle.RenderTransform>
</Rectangle>

Aşağıdaki örnek, bir merkez noktasından (25,25) 45 derecelik dikey Rectangle eğme uygular.

<Rectangle Height="50" Width="50" Fill="#CCCCCCFF" 
  Stroke="Blue" StrokeThickness="2"
  Canvas.Left="100" Canvas.Top="100">
  <Rectangle.RenderTransform>
  
     <!-- Applies a vertical skew of 45 degrees 
          from a center point of (25,25). -->             
    <SkewTransform CenterX="25" CenterY="25" AngleX="0" AngleY="45" />
  </Rectangle.RenderTransform>
</Rectangle>

Aşağıdaki çizimde, bu örnekte kullanılan farklı eğrikler gösterilmektedir.

SkewTransform examples
Gösterilen üç SkewTransform örneği

Örneğin tamamı için bkz . 2B Dönüşümler Örneği.

Ayrıca bkz.