Freigeben über

Verwenden des Rasterpanels

  • Artikel

Das Rasterpanel ist im Vergleich zu anderen Layoutcontainern, die für speziellere Layoutfunktionen konzipiert sind, der flexibelste Layoutcontainer. Microsoft Expression Blend bietet für die Arbeit mit Rasterpanels zwei Layoutbearbeitungsmodi:

  • Layoutmodus "Raster" (Standardmodus) Cc295203.c76bbf09-1922-4f45-8d92-9c8ae64ca4a4(DE-DE,Expression.30).png   Bietet eine Bearbeitung, die dem Größenänderungsverhalten des Rasters zur Laufzeit ähnelt. Wenn Sie in diesem Modus von Ihnen erstellte Spalten- und Zeilenunterteiler Cc295203.e91e3024-62b1-46db-a73c-7e2ef5fd2780(DE-DE,Expression.30).png verschieben, ändert sich die Größe der Objekte in diesen Zeilen und Spalten, damit die Margin-Eigenschaften (Rand) erhalten bleiben.

  • Layoutmodus "Canvas" Cc295203.ecb419d9-1def-4c4d-9656-cab9bdb89672(DE-DE,Expression.30).png   Stellt Bearbeitungsoptionen wie in einem Canvaspanel bereit. Wenn Sie in diesem Modus von Ihnen erstellte Spalten- und Zeilenunterteiler Cc295203.e91e3024-62b1-46db-a73c-7e2ef5fd2780(DE-DE,Expression.30).png verschieben, bleiben die Objekte in diesen Zeilen und Spalten an ihrem Ort, aber ihre Margin-Eigenschaften (Rand) werden aktualisiert.

Sie können zwischen diesen beiden Modi wechseln, indem Sie bei ausgewähltem Grid-Objekt oben links auf das Modussymbol klicken oder indem Sie im Dialogfeld Optionen (im Menü Werkzeuge) im Abschnitt Zeichenfläche das Kontrollkästchen Layoutmodus "Raster" verwenden aktivieren bzw. deaktivieren.

Layoutmodi für die Verwendung von Rasterpanels

Cc295203.3078f933-314a-4951-966c-a66f5edbf69f(DE-DE,Expression.30).png

Fügen Sie einem Dokument ein Raster hinzu, indem Sie im Objektepanel Cc295203.0d8b8d29-1af9-418f-8741-be3097d76eab(DE-DE,Expression.30).png oder im Werkzeugpanel über die Schaltfläche für Layoutcontainer die Option Raster Cc295203.a87ee957-7fbf-4135-a6ab-6de7e63160aa(DE-DE,Expression.30).png auswählen und dann den Mauszeiger auf der Zeichenfläche ziehen.

Weitere Informationen zur Verwendung von Grid-Objekten (Raster) finden Sie unter Hinzufügen oder Entfernen einer Zeile oder Spalte und Ändern der Option für die Größenänderung einer Zeile oder Spalte.

Anordnung von Objekten in einem Rasterpanel, das in drei Zeilen und drei Spalten unterteilt wurde, dargestellt im Layoutmodus "Raster"

Cc295203.0c06c18b-6bce-4d41-bf0f-0d1f8cdbf5d3(DE-DE,Expression.30).png

Positionieren, Ändern der Größe und Anordnen

Der Zweck des Layouts in einem Rasterpanel besteht darin, Objekte mithilfe der Eigenschaften Alignment, Margin sowie Width und Height effektiv zu positionieren, auszurichten und ihre Größe zu ändern:

  • Alignment (Ausrichtung)   Bei der Ausrichtung wird festgelegt, welche Position ein Objekt bezogen auf sein übergeordnetes Objekt einnimmt.

  • Margins (Ränder)   Mit einem Rand wird die Größe des freien Platzes um das Steuerelement herum festgelegt, und zwar zwischen der Außenseite des untergeordneten Objekts und den Begrenzungen des Panels.

  • Width and Height (Breite und Höhe)   Feste Werte, gemessen in Pixel (geräteunabhängige Einheit, die ca. 1/96 Zoll beträgt). Für diese Eigenschaften kann Auto festgelegt werden, sodass die Größenänderung von untergeordneten Objekten automatisch gemäß der Größenänderung des übergeordneten Panels erfolgt.

Anordnen von untergeordneten Objekten

Sie können Objekte innerhalb eines Rasterpanels anordnen, indem Sie das Raster in Bereiche unterteilen. Verwenden Sie hierzu Spalten- und Zeilenunterteiler Cc295203.e91e3024-62b1-46db-a73c-7e2ef5fd2780(DE-DE,Expression.30).png, um mehrere Zeilen und Spalten zum Definieren von Bereichen zu erstellen, in denen Sie Objekte innerhalb des Rasters anordnen können. Wenn das Rasterpanel der aktive Container im Dokument ist, werden entlang des oberen und des linken Rands des Rasters blaue Lineale angezeigt. Bewegen Sie den Mauszeiger mit dem Auswahlwerkzeug Cc295203.2ff91340-477e-4efa-a0f7-af20851e4daa(DE-DE,Expression.30).png über die Lineale, ändert sich der Cursor und wird als Pfeil mit einem Pluszeichen (+) Cc295203.a61a7ecb-9364-4bfe-ae2e-fac00d6858ba(DE-DE,Expression.30).png angezeigt. Eine orangefarbene Linie zeigt, wo eine Spalte oder Zeile hinzugefügt wird. Wenn Sie auf eine beliebige Stelle des oberen Lineals klicken, wird an dieser Position dem Raster eine Spalte hinzugefügt. Durch Klicken auf das linke Lineal wird eine Zeile hinzugefügt.

Hinzufügen eines Rasterunterteilers

Cc295203.814b7368-8ef4-4771-a067-17e30a9f4bff(DE-DE,Expression.30).png

Sie können untergeordnete Objekte innerhalb eines Rasterpanels so zeichnen, dass sich die Objekte überlappen. Ob überlappende Objekte sichtbar sind, hängt von ihrer Z-Reihenfolge ab (der Reihenfolge, in der die Objekte in einem übergeordneten Objekt gezeichnet oder platziert wurden). Sie können die Z-Reihenfolge der Objekte über das Menü Objekt mit dem Befehl Sortieren ändern. Sie können jedoch auch im Panel Objekte und Zeitachsen mit der rechten Maustaste auf ein Element klicken, auf Sortieren zeigen und dann auf den gewünschten Befehl klicken. Untergeordnete Objekte können sich auch über mehrere Spalten oder Zeilen erstrecken.

Sie können auch die Andockoptionen aktivieren, um Objekte durch das Andocken an Ausrichtungslinien besser anordnen zu können. Durch das Andocken können Sie Objekte auf die Zeichenfläche ziehen und sie an den Rändern, der Basislinie (bei Textobjekten) oder der Ausrichtung (rote gestrichelte Linie) anderer Objekte innerhalb desselben Containerobjekts, z. B. eines LayoutPanel-Elements, oder an den Spalten- oder Zeilenunterteilern in einem Rasterpanel andocken.

Weitere Informationen finden Sie unter Aktivieren oder Deaktivieren des Andockens.

Ändern der Größe von Zeilen und Spalten

Wenn Sie sich im Layoutmodus Raster eines Rasterpanels befinden, werden entlang der Lineale am oberen und linken Rand des Rasterpanels Schlosssymbole angezeigt. Mithilfe dieser Schlosssymbole können Sie die Art der Größenanpassung festlegen, die für die Zeilen und Spalten des Rasters verwendet wird. Sie können Höhenwerte für Zeilen und Breitenwerte für Spalten festlegen. Es stehen drei verschiedene Optionen für die Größenanpassung von Zeilen und Spalten in einem Raster zur Verfügung, und jede dieser Optionen wirkt sich wiederum auf die Anordnung der untergeordneten Objekte innerhalb des Rasters aus. Diese Größenänderungsoptionen lauten wie folgt:

  • Feste Größe  Verwendet Pixelwerte (px) und wird festgelegt, indem Sie auf das Schlosssymbol klicken, um die Einstellung Pixelgröße (die geschlossene Position) Cc295203.56fdad3b-cb94-41a2-8afb-3a2bbf4b2f1a(DE-DE,Expression.30).png festzulegen. Eine feste Größe bedeutet, dass die Größe der Zeile oder Spalte nicht geändert wird.

    Cc295203.alert_note(DE-DE,Expression.30).gifHinweis:

    Bei Expression Blend-Projekten bezieht sich Pixel auf geräteunabhängige Pixel bzw. geräteunabhängige Einheiten, die der Größe eines Pixels auf einem Monitor entsprechen, der auf eine Bildschirmauflösung von 96 DPI festgelegt ist. Jede Einheit beträgt etwa 1/96 Zoll, unabhängig von der Bildschirmgröße oder -auflösung.

  • Größenanpassung mit Sternvariabler  Verwendet Sternwerte (*) und wird festgelegt, indem Sie auf das Schlosssymbol klicken, um die Einstellung Sterngröße (die nicht verschlossene Position) Cc295203.1b4edaf6-b6a8-4498-80dc-949375fa610d(DE-DE,Expression.30).png festzulegen. Die Größenanpassung mit Sternvariabler hat eine ähnliche Wirkung wie die prozentuale Größenanpassung in HTML.

  • Automatische Größe   Verwendet keine feste Einstellung für die Width-Eigenschaft (Breite) und die Height-Eigenschaft (Höhe) und wird festgelegt, indem Sie auf das Schlosssymbol klicken, um die Einstellung Automatische AnpassungCc295203.aa9ec064-22f8-4b62-9eed-3f4772362d22(DE-DE,Expression.30).png zu wählen. Die automatische Anpassung bedeutet, dass die Größe der Objekte innerhalb des Rasterpanels angepasst wird, wenn sich die Größe des übergeordneten Objekts ändert.

Größenanpassung mit Sternvariabler und automatische Anpassung für verschiedene Spalten in einem Rasterpanel.

Cc295203.98b234b2-ac3b-441f-9136-98375fee87b7(DE-DE,Expression.30).png

Falls ein Rasterunterteiler Cc295203.e91e3024-62b1-46db-a73c-7e2ef5fd2780(DE-DE,Expression.30).png auf der Zeichenfläche aktiviert ist, können Sie das Eigenschaftenpanel verwenden, um die Optionen für die Größenänderung und die Width-Eigenschaft (Breite) auszuwählen, wenn Sie die Sterngrößenanpassung oder eine feste Größe verwenden. Sie können im Eigenschaftenpanel auch die MaxWidth-Eigenschaft (Maximale Breite) und die MinWidth-Eigenschaft (Minimale Breite) eines Rasterunterteilers festlegen.

Positionieren von untergeordneten Objekten

Im Layoutmodus Canvas können Sie Objekte visuell positionieren, indem Sie Objekte direkt auf der Zeichenfläche innerhalb eines Rasterpanels beliebig aufziehen (auch außerhalb der Grenzen). Sie können im Eigenschaftenpanel unter Layout aber auch exakte Werte für die Position eingeben.

Im Layoutmodus Raster legen Sie die Positionen von untergeordneten Objekten innerhalb eines Rasters fest, indem Sie die Ränder für jedes Objekt angeben. Mit den Rändern legen Sie die Größe des Versatzes eines Objekts von den Zeilen und Spalten, die das Raster definieren, oder von den Kanten des Rasters innerhalb des Rasterpanels fest. Ränder werden festgelegt, wenn Sie ein untergeordnetes Objekt in einem Raster an die gewünschte Position ziehen. Sie geben den Abstand von der Kante des ausgewählten Objekts zur nächsten Rasterlinie (Zeile oder Spalte) wieder. Diese werden durch Klicken auf die Funktionsindikatoren für den Rand (Knoten) festgelegt. Wenn ein Funktionsindikator für den Rand (Cc295203.dac083fe-54cd-4cdc-973a-bea351080175(DE-DE,Expression.30).png oder Cc295203.7eeec52f-8610-416e-a0f2-79c7bf117e77(DE-DE,Expression.30).png) geöffnet ist, wird dieser Rand nicht festgelegt. Wenn ein Funktionsindikator für den Rand (Cc295203.8523b4c7-be0f-4624-961a-6adb66120049(DE-DE,Expression.30).png oder Cc295203.95a79778-cb78-400c-9f4f-5f6fc5a02eb1(DE-DE,Expression.30).png) geschlossen ist, wird dieser Rand festgelegt. Falls die Größe des Rasters zur Laufzeit geändert wird, bleiben alle Objekte an ihrem Ort, für die keine Ränder festgelegt wurden. Objekte, die einen Rand aufweisen, werden bei der Größenänderung gemeinsam mit dem Rand verschoben.

In Expression Blend wird außerdem eine einfache Regel verwendet, um die Standardausrichtung festzulegen: Wenn das untergeordnete Objekt, das Sie zeichnen oder dessen Größe Sie ändern, die Mitte einer Zeile oder Spalte kreuzt, wird für Width und Height die Einstellung Auto festgelegt. Andernfalls ist die Einstellung fest. Sie können auch eine Ausrichtung festlegen, die angibt, ob der Rand bei Größenänderungen des Rasters erzwungen wird oder nicht. Die Ausrichtung wird innerhalb des Rasters als durchgezogene Linie (Ausrichtung festgelegt) oder gestrichelte Linie (keine Ausrichtung festgelegt) dargestellt, wie im folgenden Bild gezeigt.

Eine Schaltfläche in einem Rasterpanel, die links und rechts gebunden ist (Ränder festgelegt, Wert für den Rand angegeben), oben und unten jedoch nicht (Ränder nicht festgelegt).

Cc295203.cd8d0751-ffa0-4f04-bc2f-09584ecd873d(DE-DE,Expression.30).png

  • Horizontale Ausrichtung

    • LinksCc295203.1e3c2891-633d-4162-a3bd-d5ac53046b56(DE-DE,Expression.30).png   Links verankert, Streckung nach rechts bei einer Größenänderung möglich.

    • ZentriertCc295203.02978741-8e12-476d-afa7-165b613ea515(DE-DE,Expression.30).png   Unabhängig von Größenänderungen immer am horizontalen Mittelpunkt verankert.

    • RechtsCc295203.c0d22c24-ad68-4355-b8f2-d6a373deaf8e(DE-DE,Expression.30).png   Rechts verankert, Streckung nach links bei einer Größenänderung möglich.

    • StreckenCc295203.90aa9534-0480-4a7f-b992-1af23c71ea9c(DE-DE,Expression.30).png   Streckung bei einer Größenänderung in beide horizontalen Richtungen.

  • Vertikale Ausrichtung

    • UntenCc295203.7c84b219-479d-45e7-b2fc-2df1b5e35129(DE-DE,Expression.30).png   Unten verankert, Streckung nach oben bei einer Größenänderung möglich.

    • ZentriertCc295203.5d244079-53d6-4188-ac2b-3a31054a2cd7(DE-DE,Expression.30).png   Unabhängig von Größenänderungen immer am vertikalen Mittelpunkt verankert.

    • ObenCc295203.737a11a8-b9d6-4270-8432-f17bb11a1337(DE-DE,Expression.30).png. Oben verankert, Streckung nach unten bei einer Größenänderung möglich.

    • StreckenCc295203.fbd6b7db-d726-4f40-b8c7-b287423e6615(DE-DE,Expression.30).png   Streckung bei einer Größenänderung in beide vertikalen Richtungen.

  • Randeinstellungen   Feste Werte, gemessen in Pixel (geräteunabhängige Einheit, die ca. 1/96 Zoll beträgt), für die Ränder Oben, Links, Rechts und Unten. Diese werden festgelegt, wenn Sie ein untergeordnetes Objekt in einem Raster in Position ziehen. Sie stellen den Abstand von der Kante des ausgewählten Objekts zur nächsten Rasterlinie dar.

Ändern der Größe von untergeordneten Objekten

Es gibt zwei primäre Optionen für die Größenänderung, die Sie für untergeordnete Objekte verwenden können: feste Größe oder automatische Größenänderung. Objekte mit fester Größe weisen bestimmte Werte für die Breite und die Höhe auf, die in der Kategorie Layout festgelegt werden. Bei Objekten mit automatischer Größenänderung sind die Werte für die Breite und die Höhe auf Auto festgelegt. Die Größe wird automatisch gemäß der Größenänderung des übergeordneten Panels geändert.

  • "MinWidth" und "MinHeight"   Der kleinste Wert, auf den die Größe eines Objekts innerhalb einer Zeile oder Spalte geändert oder skaliert werden kann.

  • "MaxWidth" und "MaxHeight"   Der höchste Wert, auf den die Größe eines Objekts innerhalb einer Zeile oder Spalte geändert oder skaliert werden kann. Dieser Wert kann auf eine unendliche Größe festgelegt werden, wenn Sie keine maximale Größe angeben möchten.

  • Inhalt freistellen   Legt fest, ob das übergeordnete Panel seine untergeordneten Objekte freistellen soll.

GridSplitter-Steuerelement

GridSplitterCc295203.d08d529f-a27e-4a8f-95aa-8a4e8b4ee7be(DE-DE,Expression.30).png ist ein Steuerelement, über das der Benutzer die Möglichkeit hat, manuell die Größe von Teilen eines Rasters zur Laufzeit zu ändern. GridSplitter steht im Objektepanel zur Verfügung.

Weitere Informationen zum Rasterpanel, zum GridSplitter-Steuerelement oder zur Erstellung benutzerdefinierter Layoutpanels finden Sie in der .NET Framework-Klassenbibliothek für Windows Presentation Foundation (WPF) im Abschnitt System.Windows.Controls Namespace (möglicherweise in englischer Sprache) bzw. in der .NET Framework-Klassenbibliothek für Microsoft Silverlight im Abschnitt System.Windows.Controls-Namespace (möglicherweise in englischer Sprache).

Siehe auch

Aufgaben

Hinzufügen oder Entfernen einer Zeile oder Spalte

Ändern der Option für die Größenänderung einer Zeile oder Spalte