Organisieren von Objekten in Layoutcontainern in Blend

Stellen Sie sich vor, wo Objekte auf einer Seite angezeigt werden sollen; Objekte wie Bilder, Schaltflächen und Videos. Möglicherweise sollen sie in Zeilen und Spalten in einer einzigen Zeile, vertikal oder horizontal oder an festen Positionen anzeigt werden.

Nachdem Sie die Möglichkeit gehabt haben, darüber nachzudenken, wie die Seite angezeigt werden kann, wählen Sie ein LayoutPanel-Element. Alle Seiten starten mit einem, da Ihre Objekte zu etwas hinzugefügt werden müssen. Standardmäßig handelt es sich um ein Raster , aber Sie können es ändern.

LayoutPanel-Elemente helfen Ihnen, Objekte auf einer Seite anzuordnen, aber sie können noch mehr. Sie helfen Ihnen, für verschiedene Bildschirmgrößen und Auflösungen zu entwerfen. Wenn Benutzer Ihre Anwendung ausführen, wird alles in einem Layoutpanel passend zur Bildschirmfläche des Geräts angepasst. Wenn Sie dies nicht möchten, können Sie dieses Verhalten für einen Teil des Layouts oder das gesamte Layout natürlich überschreiben. Um dies zu steuern, können Sie Höhen-und Breiteneigenschaften verwenden.

Diese Seite beschreibt LayoutPanel-Elemente und Steuerelemente und leitet Sie dann weiter zu kurzen Videos, mit deren Hilfe sie einen Einstieg finden. Wenn Sie ein Video vorschlagen oder alle hervorragenden Videos kennen, die Ihnen bei der Organisation von Inhalten in Ihren Seiten geholfen haben, teilen Sie uns diese mit. Siehe Helfen Sie uns, unsere Inhalte zu entwickeln!

Layoutbereiche

Starten Sie die Seite durch Auswahl eines dieser Layoutpanels. Ihre Seite kann mehrere Panele enthalten. Sie können z. B. beginnen mit einem Rasterpanel und dann einen StackPanel in einen Bereich im Raster hinzufügen, sodass Sie Steuerelemente in diesem Element vertikal anordnen können.

Die folgenden LayoutPanel-Elemente sind die meisten allgemein verwendeten, aber es gibt noch andere. Sie befinden sich im Bereich Bestand.

• Raster

• UniformGrid

• Canvas

• StackPanel

• WrapPanel

• DockPanel

Raster

Anordnen von Objekten in Zeilen und Spalten.

Sehen Sie sich ein kurzes Video an: Using Grids (Verwenden von Rastern) (in englischer Sprache)

UniformGrid

Anordnen von Objekten in gleiche oder einheitliche Rasterbereiche. Dieser Bereich eignet sich hervorragend für die Anordnung einer Liste von Bildern.

(Nur für WPF-Projekte verfügbar)

Sehen Sie sich ein kurzes Video an: Working with a UniformGrid (Arbeiten mit einem UniformGrid) (in englischer Sprache)

Canvas

Anordnen von Objekten auf jede gewünschte Weise. Wenn Benutzer Ihre Anwendung ausführen, haben diese Elemente feste Positionen auf dem Bildschirm.

Sehen Sie sich ein kurzes Video an: Working with the canvas (Arbeiten mit der Canvas) (in englischer Sprache)

StackPanel

Horizontales oder vertikales Anordnen von Objekten in einer einzelnen Zeile.

Sehen Sie sich ein kurzes Video an: Working with StackPanel and WrapPanel (Arbeiten mit StackPanel und WrapPanel) (in englischer Sprache)

WrapPanel

Anordnen von Objekten nacheinander von links nach rechts. Wenn der Bereich am rechten Rand nicht genügend Platz aufweist, wird der Inhalt in die nächste Zeile von links nach rechts, oben nach unten umschlossen. Sie können auch die ein WrapPanel-Element vertikal ausrichten, sodass Objekte von oben nach unten und von links nach rechts fließen.

(Nur für WPF-Projekte verfügbar)

Sehen Sie sich ein kurzes Video an: Working with StackPanel and WrapPanel (Arbeiten mit StackPanel und WrapPanel) (in englischer Sprache)

DockPanel

Ordnet Elemente an, sodass sie an einer Kante des Panels bleiben oder andocken.

(Nur für WPF-Projekte verfügbar)

Sehen Sie sich ein kurzes Video an: WPF - DockPanel (in englischer Sprache)

Layout-Steuerelemente

Sie können Ihre Objekte auch zu Layout-Steuerelementen hinzufügen. Sie sind haben keinen Funktionsumfang wie ein Layoutpanel, aber Sie werden für bestimmte Szenarien nützlich sein.

Die folgenden LayoutPanel-Elemente sind die meisten, allgemein verwendeten, aber es gibt noch andere. Sie befinden sich im Bereich Bestand.

• Rahmen

• Popup

• ScrollViewer

• UniformGrid

• ViewBox

Rahmen

Erstellen Sie einen Rahmen, Hintergrund oder beides rund um ein Objekt. Sie können nur ein Objekt zu einem Rahmen hinzufügen. Wenn Sie einen Rahmen oder Hintergrund für mehr als ein Objekt anwenden möchten, fügen Sie ein LayoutPanel-Element zum Rahmen hinzu. Dann fügen Sie Objekte zu diesem Panel oder Steuerelement hinzu.

Sehen Sie sich ein kurzes Video an: Working with Borders (Arbeiten mit Rahmen) (in englischer Sprache)

Popup

Anzeigen von Informationen oder Optionen für Benutzer in einem Fenster. Sie können nur ein Objekt zu einem Rahmen hinzufügen. In der Standardeinstellung enthält ein Popup ein Raster, kann jedoch geändert werden.

ScrollViewer

Ermöglicht Benutzern, den Bildlauf auf einer Seite oder ein einem Bereich zu verwenden. Sie können nur ein Objekt zu einem ScrollViewer hinzufügen, deshalb ist es sehr sinnvoll, ein LayoutPanel-Element, wie z. B. ein Raster- oder StackPanel, hinzuzufügen.

Viewbox

Skalieren von Objekten ähnlich wie bei einem Zoomsteuerelement. Sie können nur ein Objekt zu einer Viewbox hinzufügen. Wenn Sie diesen Effekt auf mehr als ein Objekt anwenden möchten, fügen Sie ein Layoutpanel zur ViewBox und danach Ihre Steuerelemente zu diesem LayoutPanel hinzu.

(Nur für WPF-Projekte verfügbar)

Helfen Sie uns dabei, unsere Inhalte zu verbessern!

Wenn Sie ein Video oder einen Artikel gefunden haben, die Ihnen beim Anordnen von Objekten in Blend geholfen haben, teilen Sie uns dies mit. Wenn wir den Inhalt überprüfen, fügen wir u. U. einen Link hinzu, damit andere Benutzer von Ihrer Entdeckung profitieren können.

Wir freuen uns auch, wenn Sie uns ein neues Video vorschlagen. Wenn wir ähnliche Anforderungen von anderen erhalten, erstellen wir ein eigenes Video, wenn die Zeit und unsere Prioritäten dies erlauben.

Niemand kennt Ihr Unternehmen besser als Sie. Also bitte teilen Sie uns mit, welche Ressourcen Ihnen bei der Organisation Ihrer Objekte auf Ihren Seiten geholfen haben und welche Bereiche von uns oder einer Person in unserer Community nicht gut erklärt wurden, damit wir unsere Inhalte weiterentwickelt und Sie besser unterstützen können.

Hier können Sie Ihre Vorschläge einreichen.