FrameworkElement.LayoutTransform プロパティ

定義

レイアウトの実行時にこの要素に適用するグラフィック変換を取得または設定します。Gets or sets a graphics transformation that should apply to this element when layout is performed.

public:
 property System::Windows::Media::Transform ^ LayoutTransform { System::Windows::Media::Transform ^ get(); void set(System::Windows::Media::Transform ^ value); };
public System.Windows.Media.Transform LayoutTransform { get; set; }
member this.LayoutTransform : System.Windows.Media.Transform with get, set
Public Property LayoutTransform As Transform

プロパティ値

この要素で使用する変換。The transform this element should use. 既定値は、Identity です。The default is Identity.

次の例は、LayoutTransform を要素に適用する方法を示しています。The following example shows how to apply a LayoutTransform to an element. この例では、Button のインスタンスを作成し、親 Grid内でホストします。The example creates an instance of Button and hosts it within a parent Grid. また、LayoutTransform プロパティを使用して、ButtonRotateTransform を適用します。It also uses the LayoutTransform property to apply a RotateTransform to the Button.


Button^ btn2 = gcnew Button();
btn2->Background = Brushes::LightCoral;
btn2->Content = "RotateTransform";
btn2->LayoutTransform = gcnew RotateTransform(45, 25, 25);
Grid::SetRow(btn2, 0);
Grid::SetColumn(btn2, 1);
grid1->Children->Add(btn2);


Button btn2 = new Button();
btn2.Background = Brushes.LightCoral;
btn2.Content = "RotateTransform";
btn2.LayoutTransform = new RotateTransform(45, 25, 25);
Grid.SetRow(btn2, 0);
Grid.SetColumn(btn2, 1);
grid1.Children.Add(btn2);


Dim btn2 As New Button()
btn2.Background = Brushes.LightCoral
btn2.Content = "RotateTransform"
btn2.LayoutTransform = New RotateTransform(45, 25, 25)
Grid.SetRow(btn2, 0)
Grid.SetColumn(btn2, 1)
grid1.Children.Add(btn2)


<Button Grid.Row="0" Grid.Column="1" Background="LightCoral" Content="RotateTransform Applied">
  <Button.LayoutTransform>
    <RotateTransform CenterX="25" CenterY="25" Angle="45" />
  </Button.LayoutTransform>
</Button>

注釈

RenderTransformとは対照的に、LayoutTransform はレイアウトの結果に影響します。In contrast to RenderTransform, LayoutTransform will affect results of layout.

変換を設定すると、スケーリングと回転の強力な機能が提供されます。Setting a transform provides powerful capabilities of scaling and rotating. ただし、LayoutTransformTranslateTransform 操作を無視します。However, LayoutTransform ignores TranslateTransform operations. これは、FrameworkElement の子要素のレイアウトシステムの動作によって、スケールまたは回転された要素の位置へのオフセットが、親要素のレイアウトと座標系に自動修正されるためです。This is because the layout system behavior for child elements of a FrameworkElement auto-corrects any offsets to the position of a scaled or rotated element into the layout and coordinate system of the parent element.

レイアウトシステムによる完全なパスを必要としないシナリオで起動すると、アプリケーションのパフォーマンスが低下する可能性があります。これは、LayoutTransform が原因です。LayoutTransform can lead to poor application performance if you invoke it in a scenario that does not require a full pass by the layout system. PanelChildren コレクションに LayoutTransform を適用すると、レイアウトシステムによって新しいパスがトリガーされ、すべての画面上のオブジェクトが強制的に再測定および再配置されます。When you apply a LayoutTransform to the Children collection of the Panel, it triggers a new pass by the layout system and forces all on-screen objects to be remeasured and rearranged. 完全なアプリケーション ユーザー インターフェイス (UI)user interface (UI)を更新する場合は、この機能が必要になることがあります。If you are updating the complete application ユーザー インターフェイス (UI)user interface (UI), this functionality might be exactly what you need. ただし、完全なレイアウトパスを必要としない場合は、RenderTransform プロパティを使用します。これはレイアウトシステムを呼び出しません。したがって、通常はこのシナリオに適した選択肢です。However, if you do not need a full layout pass, use the RenderTransform property, which does not invoke the layout system, and therefore, is typically a better choice for this scenario.

LayoutTransform が役に立つシナリオの例としては、メニューコンポーネントなどの要素を水平から垂直へ、またはその逆方向に回転させたり、フォーカスを合わせて要素を拡大縮小したり、編集動作を提供したりすることがあります。Example scenarios where LayoutTransform would be useful include: rotating elements such as menu components from horizontal to vertical or vice versa, scaling elements (zooming in) on focus, providing editing behavior, etc.

依存プロパティ情報Dependency Property Information

識別子フィールドIdentifier field LayoutTransformProperty
メタデータプロパティが true に設定されるMetadata properties set to true AffectsMeasure

適用対象

こちらもご覧ください