Zeichnen eines Steuerelements mit Kopfzeile

Steuerelemente mit Kopfzeile weisen eine Header-Eigenschaft auf, die zum Beschriften des Steuerelements verwendet wird. Die Header-Eigenschaft (Kopfzeile) kann einfach nur eine Textzeichenfolge enthalten oder komplex sein wie ein Microsoft® .NET Framework-Objekt. Steuerelemente mit Kopfzeile können je nach verwendetem Steuerelement mit Kopfzeile auch Inhalt oder eine Auflistung von Objekten anzeigen. Beispielsweise ist ein TabItem -Objekt in einem TabControl -Steuerelement ein ContentControl-Objekt mit Header . Das ToolBar -Objekt und das MenuItem -Objekt sind ItemControl-Objekte mit Header .

Im folgenden Verfahren wird gezeigt, wie Sie ContentControl-Objekte mit Header ( TabItem -Objekte) innerhalb eines ItemsControl-Objekts ( TabControl -Objekte) erstellen können. Sie können dieses Verfahren auch für andere ContentControl-Objekte mit Header verwenden, die unter "Types" (Typen) unter dem Thema HeaderedContentControl Types Cc295310.xtlink_newWindow(de-de,Expression.40).png (HeaderedContentControl-Typen) in MSDN aufgeführt sind. ItemsControl-Elemente mit Headern sind unter dem Thema HeaderedItemsControl (Typen) Cc295310.xtlink_newWindow(de-de,Expression.40).png (möglicherweise in englischer Sprache) auf MSDN aufgelistet.

So erstellen Sie ein ContentControl-Element mit Kopfzeile

  1. Klicken Sie im Werkzeugpanel auf der linken Seite des Microsoft Expression Blend-Anwendungsfensters auf Objekte Cc295310.0d8b8d29-1af9-418f-8741-be3097d76eab(de-de,Expression.40).png. Wählen Sie in der Kategorie Steuerelemente das TabControl -Steuerelement Cc295310.f13847cd-7fdf-4757-a648-d5ece98fcaea(de-de,Expression.40).png in der Liste aus.

    Das Symbol für das TabControl -Steuerelement wird unter der Schaltfläche Objekte angezeigt und ist ausgewählt. Sie können nun der Zeichenfläche ein TabControl -Objekt hinzufügen.

    tip noteTipp:

    Die am häufigsten verwendeten Benutzeroberflächenelemente (wie das Button -Steuerelement) werden bereits in Dropdownlisten unterhalb der Schaltfläche Objekte angezeigt, sodass Sie diese schnell hinzufügen können.

  2. Sie können der Zeichenfläche ein TabControl -Objekt hinzufügen, indem Sie auf das Symbol für das TabControl -Steuerelement doppelklicken. Das TabControl -Objekt enthält standardmäßig zwei TabItem -Objekte.

    Ein auf der Zeichenfläche erstelltes TabControl-Objekt mit der Standardgröße und der Standardposition (oben links)

    Cc295310.b5763b4e-3032-468e-bbdf-42057fd0cb08(de-de,Expression.40).png

    tip noteTipp:

    Gegebenenfalls können Sie dem TabItem -Objekt weitere TabControl -Objekte hinzufügen. Klicken Sie mit der rechten Maustaste im Panel Objekte und Zeitachsen auf das TabControl -Objekt, und klicken Sie dann auf TabItem hinzufügen.

  3. Vergrößern Sie auf der Zeichenfläche das Registersteuerelement, indem Sie die STRG-TASTE gedrückt halten und den Steuerpunkt in der unteren rechten Ecke ziehen. Vergrößern Sie das TabControl -Objekt, sodass an der Oberseite drei Registerkarten angezeigt werden können.

    tip noteTipp:

    Alternativ können Sie die Größe des TabControl -Objekts ändern, indem Sie im Eigenschaftenpanel in der Kategorie Layout die Eigenschaften Height (Höhe) und Width (Breite) ändern.

  4. Sie können eines der TabItem -Objekte benennen, indem Sie das Objekt im Panel Objekte und Zeitachsen auswählen und im Eigenschaftenpanel in der Kategorie Allgemeine Eigenschaften für die Header -Eigenschaft (Kopfzeile) einen Namen eingeben. Geben Sie beispielsweise dem ersten TabItem -Objekt den Namen Persönliche Informationen .

    tip noteTipp:

    Alternativ können Sie ein anderes Steuerelement, z. B. ein Image -Steuerelement, als Header für das TabItem -Objekt verwenden. Erweitern Sie im Panel Objekte und Zeitachsen das TabItem-Objekt, und klicken Sie dann auf das Header -Objekt, um es zu aktivieren. Sie können ein Image -Steuerelement aus dem Werkzeugpanel oder dem Projektpanel hinzufügen.

  5. Klicken Sie im Panel Objekte und Zeitachsen auf eines der TabItem -Objekte, um dieses zu aktivieren und ihm Inhalte hinzufügen zu können.

  6. Doppelklicken Sie im Werkzeugpanel auf StackPanel  Cc295310.ec58af86-cc2a-4e1f-91c0-883c5406fdfb(de-de,Expression.40).png, um dem TabItem -Objekt ein StackPanel-Objekt hinzuzufügen.

  7. Klicken Sie im Panel Objekte und Zeitachsen auf das StackPanel -Objekt, um es zum aktiven Objekt zu machen. Sie können dem TabItem -Objekt nun eine beliebige Anzahl von Objekten hinzufügen. Sie können beispielsweise ein TextBlock - oder ein ListBox -Steuerelement aus dem Werkzeugpanel hinzufügen.

  8. Wenn Sie für das gesamte TabControl -Steuerelement einen Rahmen und einen Header einfügen möchten, verwenden Sie ein anderes ContentControl-Objekt mit Header, nämlich das GroupBox -Steuerelement. Aktivieren Sie im Panel Objekte und Zeitachsen das LayoutRoot -Objekt, wählen Sie im Objektepanel das GroupBox -Steuerelement aus, und zeichnen Sie dann mit der Maus das Steuerelement auf der Zeichenfläche etwas größer als das TabControl -Objekt.

  9. Ziehen Sie das TabControl -Objekt im Panel Objekte und Zeitachsen auf das GroupBox -Objekt, um das TabControl -Objekt dem GroupBox -Objekt unterzuordnen.

  10. Ändern Sie den Titel des GroupBox -Objekts. Wählen Sie das Objekt hierzu im Panel Objekte und Zeitachsen aus, und ändern Sie dann im Eigenschaftenpanel in der Kategorie Allgemeine Eigenschaften die Header -Eigenschaft (Kopfzeile).

  11. Erstellen Sie das Projekt (F5), um die geänderte Anwendung anzuzeigen.

    Ein vollständiges Beispiel mit Code, in dem auf Elemente reagiert wird, die im ListBox-Objekt ausgewählt sind, finden Sie unter GroupBox-Beispiel Cc295310.xtlink_newWindow(de-de,Expression.40).png in MSDN. Der Beispielcode ist im Paket WPFSamples.exe enthalten, das unter Windows SDK .NET Framework 3.0 (Beispiele) Cc295310.xtlink_newWindow(de-de,Expression.40).png (möglicherweise in englischer Sprache) verfügbar ist.

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.

  • Last updated on