Freigeben über

Gestaltungstipps für "ScrollViewer"-Steuerelemente

  • Artikel

Ee341456.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(DE-DE,Expression.30).png

Das ScrollViewer-Steuerelement stellt ein Objekt dar, das einen bildlauffähigen Anzeigebereich anzeigt. Im Anzeigebereich können beliebige Objekte platziert werden. In der Vorlage für eine ListBox ist z. B. ein ScrollViewer-Steuerelement vorhanden, das einen ItemPresenter enthält, der eine Liste von Elementen anzeigt.

Wie alle Steuerelemente können ScrollViewer-Steuerelemente geändert werden, um dem Element ein Aussehen zu verleihen, das vom Design des Standardelements abweicht. Das Standarddesign des ScrollViewer-Elements sieht folgendermaßen aus:

Ee341456.0fb6390c-a631-4f14-8f23-be3723f99405(DE-DE,Expression.30).png

Wichtige ScrollViewer-Steuerelementeigenschaften

Um ScrollBar-Objekte in einem ScrollViewer-Steuerelement ein- oder auszublenden, legen Sie die HorizontalScrollBarVisibility- und die VerticalScrollBarVisibility-Eigenschaft fest, die angezeigt werden, wenn Sie am unteren Rand der Kategorie Layout des Eigenschaftenpanels auf Erweiterte Eigenschaften anzeigen Ee341456.de239c9d-42ce-4f5e-83b9-5f9924c0431f(DE-DE,Expression.30).png klicken.

Sie können diese Eigenschaften folgendermaßen festlegen:

  • Legen Sie die Eigenschaften des Objekts fest   Nachdem Sie ein ScrollViewer-Objekt auf die Zeichenfläche gezeichnet haben, können Sie die Eigenschaften des Objekts unmittelbar festlegen. Wenn Sie für mehrere ScrollViewer-Objekte den gleichen Wert verwenden möchten, setzen Sie diese Eigenschaften in einem Stil fest.

  • Legen Sie die Eigenschaften in einem Stil fest   Wenn Sie diese Eigenschaften im Stil des ScrollViewer-Objekts festlegen Ee341456.94fa7fc4-4f3e-4e84-9ba1-287f1b894371(DE-DE,Expression.30).png, verwendet jedes ScrollViewer-Objekt, das diesen Stil verwendet, diese Werte standardmäßig. Sie können die Werte für ein bestimmtes Objekt überschreiben.

    Weitere Informationen finden Sie unter Erstellen einer Formatvorlage.

Um ein Element in einem ScrollViewer-Steuerelement anzuzeigen, können Sie das Element unter Objekte und Zeitachsen auswählen, um es als aktiven Container festzulegen, und zeichnen Sie dann neue Objekte, oder verschieben Sie vorhandene Objekte in das ScrollViewer-Steuerelement.

Wenn das ScrollViewer-Steuerelement Elemente in einer Auflistung von Daten anzeigen soll, ist ein ListBox-Steuerelement oft besser geeignet.

Weitere Informationen finden Sie unter Binden eines Objekts an Daten und Erstellen von Beispieldaten.

Teile der ScrollViewer-Vorlage

ScrollViewer-Steuerelemente verwenden eine Vorlage, die die Darstellung dieser Elemente definiert: die ScrollViewer-Vorlage Jeder Teil der Vorlage übernimmt eine bestimmte Rolle hinsichtlich der Darstellung und des Verhaltens des ScrollViewer-Objekts, auf das die Vorlage angewendet wird.

Es können andere Objekte in der Vorlage enthalten sein, um die Darstellung des ScrollViewer-Steuerelements optisch aufzubessern. Allerdings ist das Verhalten der Teile, die in der folgenden Tabelle aufgeführt werden, an einen Vertrag gebunden.

Wenn Sie die Teile der Vorlage anzeigen möchten, öffnen Sie das Teilepanel während der Bearbeitung der Vorlage.

Ee341456.6b56bb85-3531-440a-8432-7bb0d1e99d83(DE-DE,Expression.30).png

Teilename

Objekttyp

Beschreibung

ScrollContentPresenter

ScrollContentPresenter

Objekt, das den Inhalt von ScrollViewer-Steuerelementen anzeigt.

Dieses Teil ist obligatorisch.

HorizontalScrollBar

ScrollBar

ScrollBar-Objekt am unteren Rand des ScrollViewer-Steuerelements.

VerticalScrollBar

ScrollBar

ScrollBar-Objekt am rechten Rand des ScrollViewer-Steuerelements.

Status des ScrollViewer-Steuerelements

Für das ScrollViewer-Element ist standardmäßig kein Status definiert. Sie können eigene Status erstellen oder die Status eines Steuerelements verwenden, dass ein ScrollViewer-Steuerelement in seiner Vorlage enthält wie z. B. das ListBox-Steuerelement.

Weitere Informationen finden Sie unter Definieren verschiedener visueller Statusmöglichkeiten und Übergangszeiten für Benutzersteuerelemente und Formatierungstipps für das "ListBox"-Steuerelement.

So konvertieren Sie Objekte in ScrollViewer-Steuerelemente

Führen Sie einen der folgenden Schritte aus, um die Vorlage eines ScrollViewer-Steuerelements zu ändern:

  • Zeichnen Sie eine ScrollViewer-Steuerelement Ee341456.bf689d92-3c74-4218-815c-e98c930ac189(DE-DE,Expression.30).png auf die Zeichenfläche und erstellen Sie eine Kopie der Standardvorlage.

    Weitere Informationen finden Sie unter Erstellen oder Bearbeiten einer Vorlage.

  • Entwerfen Sie ein ScrollViewer-Steuerelement, indem Sie Objekte zeichnen oder Bilder importieren, und verwenden Sie dann den Befehl Steuerelement erstellen.

Wenn Sie den Befehl Steuerelement erstellen verwenden, führen Sie folgende Schritte aus, um sicherzustellen, dass Sie alle Objekte erstellt haben, die für eine ScrollViewer-Vorlage erforderlich sind:

  1. Gruppieren Sie alle Objekte, die die Darstellung des ScrollViewer-Steuerelements definieren sollen, in ein Rasterpanel.

  2. Wählen Sie das neue Grid-Objekt aus, und klicken Sie dann im Menü Werkzeug auf Steuerelement erstellen.

  3. Wählen Sie ScrollViewer im angezeigten Dialogfeld aus, geben Sie der Vorlage einen Namen, und wählen Sie den Speicherort aus, an dem die Vorlage gespeichert werden soll.

    Weitere Informationen zu Speicherorten finden Sie unter Erstellen einer Ressource.

  4. Nachdem Sie auf OK geklickt haben, öffnet Microsoft Expression Blend den Vorlagenbearbeitungsmodus und zeigt die Objekte an, aus denen sich das ScrollViewer-Steuerelement zusammensetzt. Sie können die Vorlage in diesem Modus weiter ändern. Ändern Sie z. B. Objekte, oder fügen Sie Objekte hinzu, oder wählen Sie einen Status im Zuständepanel aus, um die Darstellung der Vorlage in diesem Status zu ändern.

  5. Löschen Sie das in der Vorlage erstellte ContentPresenter-Objekt.

  6. Um ein Objekt hinzuzufügen, das dem ScrollContentPresenter-Teil der Vorlage zugewiesen wird, doppelklicken Sie im Teilepanel auf ScrollContentPresenter. Verschieben Sie das neue ScrollContentPresenter-Objekt an die gewünschte Position.

    Ee341456.alert_tip(DE-DE,Expression.30).gifTipp:

    Alternativ können Sie ein ScrollContentPresenter-Objekt hinzufügen und in ScrollContentPresenter umbenennen, bevor Sie die Objekte in ein ScrollViewer-Steuerelement konvertieren. Wenn der Befehl Steuerelement erstellen Objekte in ein Steuerelement konvertiert, wird ein Objekt, das als Vorlagenteil den gleichen Namen und den gleichen Typ aufweist, automatisch in diesen Teil konvertiert. Wenn kein Objekt verwendet werden kann, erscheint das Teil im Teilepanel neben einem Symbol Ee341456.64d085f2-3d49-4b74-8070-4d7dae18dc28(DE-DE,Expression.30).png, das anzeigt, dass das Teil nicht verwendet wird.

    Weitere Informationen finden Sie unter Zuweisen von Vorlagenteilen zu Objekten.

  7. Wenn Sie Vorlagen oder andere Objekte für die HorizontalScrollBar- und VerticalScrollBar-Teile verwenden möchten, führen Sie folgende Schritte aus:

    1. Gruppieren Sie jede Objektgruppe in ein Layoutpanel

    2. Klicken Sie mit der rechten Maustaste auf das neue Layoutpanel, zeigen Sie auf Teil des ScrollViewers erstellen, und klicken Sie auf HorizontalScrollBar oder VerticalScrollBar.

      Dies ersetzt die Objekte durch einen ScrollBar-Objekt. Die Objekte werden verwendet, um den Stil und die Vorlage zu erstellen, die auf das ScrollBar-Objekt angewendet werden.

    3. Geben Sie im Dialogfeld Teil erstellen einen Namen für den ScrollBar-Stil ein, der erstellt werden soll, wählen Sie einen Speicherort aus, an dem der Stil gespeichert werden soll, und klicken Sie auf OK.

    4. Im Vorlagenbearbeitungsmodus für ein neues ScrollBar-Objekt können Sie weitere Änderungen an den Objekten vornehmen.

      Weitere Informationen finden Sie unter Formatierungstipps für "ScrollBar"-Steuerelemente.

    Um in den Vorlagenbearbeitungsmodus für den ScrollViewer zurückzukehren, klicken Sie im Panel Objekte und Zeitachsen auf Zurück zum Anfang Ee341456.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(DE-DE,Expression.30).png, oder klicken Sie in der Breadcrumb-Leiste am oberen Rand der Zeichenfläche auf HorizontalScrollBar oder VerticalScrollBar.

  8. Sie können ggf. die folgenden Eigenschaften von Objekten in der Vorlage als Vorlage an Eigenschaften des ScrollViewer-Objekts binden, das die Vorlage unter Umständen verwendet:

    • Sichtbarkeit   Binden Sie diese Eigenschaft als Vorlage an die Visible-Eigenschaft.

    • Maximum   Binden Sie diese Eigenschaft als Vorlage an die Width-Eigenschaft (für das HorizontalScrollBar-Objekt) oder an die Height-Eigenschaft (für das VerticalScrollBar-Objekt).

    Weitere Informationen finden Sie unter Übernehmen von Objekteigenschaften für die Vorlage.

  9. Sie können einige der Pinseleigenschaften an die Vorlage binden:

    • Background

    • BorderBrush

    • BorderThickness

  10. Um den Vorlagenbearbeitungsmodus zu verlassen, klicken Sie in der Breadcrumb-Leiste am oberen Rand der Zeichenfläche auf [ScrollViewer], oder klicken Sie im Panel Objekte und Zeitachsen auf Zurück zum Anfang Ee341456.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(DE-DE,Expression.30).png.

    Weitere Informationen zur Anwendung einer neuen ScrollViewer-Vorlage auf andere ScrollViewer-Objekte finden Sie unter Anwenden oder Entfernen einer Ressource.

Verweise

Detaillierte Informationen zu den Eigenschaften und Ereignissen des Microsoft Silverlight-ScrollViewer-Steuerelements finden Sie in der Silverlight Control Gallery auf MSDN.

Siehe auch

Konzepte

Gestaltungstipps für häufig verwendete Silverlight-Steuerelemente

Formatieren eines Steuerelements, das Vorlagen unterstützt

SimpleScrollBar-Steuerelementvorlage