Layoutbereich und Renderbereich
Aktualisiert: November 2007
Im Windows Presentation Foundation (WPF)-Designer für Visual Studio können Sie Steuerelemente auf der Entwurfsoberfläche relativ zu zwei verschiedenen Bezugsbereichen platzieren: dem Layoutbereich und dem Renderbereich.
Der Layoutbereich definiert, wie viel Platz das Steuerelement einnimmt, wenn das Layout Ihres Entwurfs vom WPF-Layoutsystem berechnet wird. Sie können den Layoutbereich eines Steuerelements im WPF-Designer einfach erkennen, da der Layoutbereich mit Auswahladornern gekennzeichnet wird, wenn Sie ein Steuerelement auswählen.
Der Renderbereich definiert, wie viel Platz ein Steuerelement nach dem Berechnen des Layouts und Anwenden aller Rendertransformationen einnimmt.
Beziehung zwischen übergeordneten und untergeordneten Elementen
Standardmäßig hängen der Render- und der Layoutbereich eines Steuerelements zusammen, d. h. sie nehmen denselben Platz ein. Sie können den Renderbereich mithilfe von Rendertransformationen im Verhältnis zum Layoutbereich verschieben. Diese Verschiebung kann in jede Richtung erfolgen und das gerenderte Steuerelement sogar vollständig außerhalb des Layoutbereichs platzieren. Außerdem können Sie Rendertransformationen verwenden, um ein Element im Verhältnis zur Layoutgröße des Elements zu skalieren. Weitere Informationen zu Rendertransformationen finden Sie unter Transformationen.
Im folgenden Beispiel wird die Größe einer Schaltfläche mithilfe einer RenderTransform mit Skalierungsdimensionen, die kleiner als 1.0 sind, verringert.
.png "Eine kleiner als ihre Layoutgröße skalierte Schaltfläche")
Layouteigenschaften wie Margin, Grid.Row, Grid.Column, Width und Height beeinflussen den Layoutbereich des Elements und sind relativ zum Renderbereich des übergeordneten Elements. Der Layoutbereich eines Elements bezieht sich auf den Renderbereich des übergeordneten Elements.
Alle Adorner, die mit diesen Layouteigenschaften interagieren, müssen auch im Layoutbereich platziert werden. Beispielsweise befinden sich Ziehpunkte oder Größenänderungsadorner im Layoutbereich, da sie das Layout direkt anzeigen und beeinflussen. Im vorherigen Beispiel wurden die Ziehpunkte in geringem Abstand zum Rand der Schaltfläche angezeigt, da sie nicht von der Rendertransformation beeinflusst wurden. Dadurch wird die Schaltfläche kleiner als der in den Layouteigenschaften angegebene Bereich.