Gewusst wie: Erstellen eines Layouts auf Grundlage der absoluten Positionierung

Aktualisiert: November 2007

Windows Presentation Foundation (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.

Wichtiger Hinweis:

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

1. Wählen Sie in der Entwurfsansicht das Raster aus.

   Hinweis:
   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.

2. Drücken Sie die ENTF-TASTE, um das Grid zu löschen.

3. Ziehen Sie aus der Toolbox aus der Gruppe Steuerelemente ein Canvas-Steuerelement auf das Window.

4. 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.

5. 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.

6. 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

1. Ziehen Sie aus der Toolbox ein Steuerelement auf den Canvas.

2. Legen Sie im Fenster Eigenschaften folgende Eigenschaften für das Steuerelement fest:

   • Canvas.Left

   • Canvas.Top

   Hinweis:
   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.

3. Wiederholen Sie die Schritte 1 und 2, bis dem Bereich alle erforderlichen Steuerelemente hinzugefügt wurden.

4. 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

Ausrichtung im WPF-Designer

Das Layoutsystem

Übersicht über den WPF-Designer

Weitere Ressourcen

Exemplarische Vorgehensweisen zum Layout