変形の基本
XAMLには、キャンバス上の図形、画像、文字を変形する機能が用意されています。利用できる変形は、次の4つです。
- RotateTransform（回転）
- ScaleTransform（拡大・縮小）
- SkewTransform（傾け）
- TranslateTransform（移動）
次は、四角形を30度回転させる指定例です。
<Rectangle Width="100" Height="100" Canvas.Top="100" Canvas.Left="100" StrokeThickness="10" Stroke="black" Fill="red">
<Rectangle.RenderTransform>
<RotateTransform Angle="30" />
</Rectangle.RenderTransform>
</Rectangle>
このように、変形を行うときは変形したい図形のタグ内に、<～.RenderTransform>～</～.renderTransform>と書き、そのあいだに <RotateTransform Angle="30" /> といった変形の指定を書きます。
以降では、変形に関する以下の5つのトピックについてまとめます。なお、図形の変形を説明しますが、画像や文字（後述）も同じ方法で変形可能です。
- 図形を回転する～RotateTransform
- 図形を拡大・縮小する～ScaleTransform
- 図形を傾ける～SkewTransform
- 図形を移動する～TranslateTransform
- 複数の変形を組み合わせる～TransformGroup
このページは
xfy Blog Editor
を利用して作成されました。
コメント