Gewusst wie: Erstellen eines Layouts auf Grundlage der absoluten Positionierung
WPF Designer für Visual Studio stellt ein Canvas-Bereichssteuerelement zur Verfügung, das absolute Positionierung unterstützt. Mit dem Canvas- Bereichssteuerelement können Sie Elemente in einer Anwendung absolut positionieren.
Wichtig
Nach Möglichkeit sollte immer ein dynamisches Layout verwendet werden. Dynamische Layouts sind die flexibelsten Layouts und passen sich an Inhaltsänderungen (z. B. Lokalisierung) an. Sie gestatten dem Endbenutzer die größte Kontrolle über die Umgebung. Beispiele für dynamische Layouts finden Sie unter Gewusst wie: Erstellen eines dynamischen Layouts und Exemplarische Vorgehensweise: Erstellen eines dynamischen Layouts.
Hinzufügen eines Bereichssteuerelements
Standardmäßig enthält jede neue WPF-Anwendung ein Window mit einem Grid-Bereich. Zum Erstellen eines auf absoluter Positionierung basierenden Layouts müssen Sie einen Canvas-Bereich verwenden. In diesem Verfahren entfernen Sie das standardmäßige Grid und fügen eine Canvas hinzu.
So fügen Sie ein Bereichssteuerelement hinzu
Wählen Sie in der Entwurfsansicht das Raster aus.
Tipp
Das Raster kann auf unterschiedliche Arten ausgewählt werden, z. B. indem Sie in das Raster klicken oder die Tabulatortaste verwenden. Weitere Informationen über das Auswählen von Elementen in WPF-Designer finden Sie unter Gewusst wie: Auswählen und Verschieben von Elementen auf der Entwurfsoberfläche.
Drücken Sie die ENTF-TASTE, um das Grid zu löschen.
Ziehen Sie aus der Toolbox aus der Gruppe Steuerelemente ein Canvas-Steuerelement auf das Window.
Legen Sie im Fenster Eigenschaften die Height-Eigenschaft des Canvas auf Auto fest (optional).
Der Canvas wird gestreckt, um die Höhe des Window auszufüllen.
Legen Sie im Fenster Eigenschaften die Width-Eigenschaft des Canvas auf Auto fest (optional).
Der Canvas wird gestreckt, um die Breite des Window auszufüllen.
Klicken Sie im Menü Datei auf Alle speichern.
Hinzufügen von Steuerelementen zum Bereich
Als Nächstes fügen Sie dem Bereich Steuerelemente hinzu und positionieren diese mithilfe der angefügten Left-Eigenschaft und Top-Eigenschaft von Canvas absolut.
So fügen Sie dem Bereich Steuerelemente hinzu
Ziehen Sie aus der Toolbox ein Steuerelement auf den Canvas.
Legen Sie im Fenster Eigenschaften folgende Eigenschaften für das Steuerelement fest:
Canvas.Left
Canvas.Top
Tipp
Es gibt zwei Sätze sich gegenseitig ausschließender Eigenschaften: Left/Right sowie Top/Bottom. Nur Left und Top werden im Fenster Eigenschaften verfügbar gemacht. Sie können jedoch Right und Bottom im XAML-Editor angeben. Wenn Sie sowohl Left als auch Right angeben, wird nur die letzte Deklaration verwendet. Wenn Sie sowohl Top als auch Bottom angeben, wird nur die letzte Deklaration verwendet.
Wiederholen Sie die Schritte 1 und 2, bis dem Bereich alle erforderlichen Steuerelemente hinzugefügt wurden.
Klicken Sie im Menü Datei auf Alle speichern.
Siehe auch
Aufgaben
Exemplarische Vorgehensweise: Erstellen eines Layouts auf Grundlage der absoluten Positionierung
Konzepte
Layout mit absoluter und dynamischer Positionierung
Übersicht über den WPF- und Silverlight-Designer