Exemplarische Vorgehensweise: Formatieren von Windows Presentation Foundation-Inhalt

Aktualisiert: November 2007

In dieser exemplarischen Vorgehensweise wird veranschaulicht, wie Sie ein auf einem Windows Form gehostetes Windows Presentation Foundation (WPF)-Steuerelement formatieren.

Im Verlauf dieser exemplarischen Vorgehensweise führen Sie folgende Aufgaben aus:

• Erstellen des Projekts

• Erstellen des WPF-Steuerelementtyps

• Übernehmen eines Formats für das WPF-Steuerelement

Hinweis:
Je nach den aktivierten Einstellungen oder der verwendeten Version können sich die angezeigten Dialogfelder und Menübefehle von den in der Hilfe beschriebenen unterscheiden. Klicken Sie zum Ändern der Einstellungen im Menü Extras auf Einstellungen importieren und exportieren. Weitere Informationen finden Sie unter Visual Studio-Einstellungen.

Vorbereitungsmaßnahmen

Zum Durchführen dieser exemplarischen Vorgehensweise benötigen Sie die folgenden Komponenten:

• Visual Studio 2008.

Erstellen des Projekts

Zunächst muss das Windows Forms-Projekt erstellt werden.

Hinweis:
Beim Hosten von WPF-Inhalt werden nur C#- und Visual Basic-Projekte unterstützt.

So erstellen Sie das Projekt

• Erstellen Sie in Visual Basic oder Visual C# ein neues Windows Forms-Anwendungsprojekt mit dem Namen StylingWpfContent. Weitere Informationen finden Sie unter Gewusst wie: Erstellen eines Windows-Anwendungsprojekts.

Erstellen der WPF-Steuerelementtypen

Nachdem Sie dem Projekt einen WPF-Steuerelementtyp hinzugefügt haben, können Sie ihn in einem ElementHost-Steuerelement hosten.

So erstellen Sie WPF-Steuerelementtypen

1. Fügen Sie dem Projekt ein neues WPF-UserControl hinzu. Verwenden Sie den Standardnamen UserControl1.xaml für den Steuerelementtyp. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Erstellen neuen Windows Presentation Foundation-Inhalts in Windows Forms zur Entwurfszeit.

2. Stellen Sie in der Entwurfsansicht sicher, dass UserControl1 ausgewählt ist. Weitere Informationen finden Sie unter Gewusst wie: Auswählen und Verschieben von Elementen auf der Entwurfsoberfläche.

3. Legen Sie im Eigenschaftenfenster den Wert der Width-Eigenschaft und der Height-Eigenschaft auf 200 fest.

4. Fügen Sie UserControl ein System.Windows.Controls.Button-Steuerelement hinzu, und legen Sie den Wert der Content-Eigenschaft auf Abbrechen fest.

5. Fügen Sie UserControl ein zweites System.Windows.Controls.Button-Steuerelement hinzu, und legen Sie den Wert der Content-Eigenschaft auf OK fest.

6. Erstellen Sie das Projekt.

Übernehmen eines Formats für ein WPF-Steuerelement

Sie können verschiedene Formate für ein WPF-Steuerelement übernehmen, um sein Erscheinungsbild und Verhalten zu ändern.

So übernehmen Sie ein Format für ein WPF-Steuerelement

1. Öffnen Sie Form1 im Windows Forms-Designer.

2. Doppelklicken Sie in der Toolbox auf UserControl1, um eine Instanz von UserControl1 auf dem Formular zu erstellen.

   Eine Instanz von UserControl1 wird in einem neuen ElementHost-Steuerelement mit dem Namen elementHost1 gehostet.

3. Klicken Sie im Smarttagbereich für elementHost1 in der Dropdownliste auf Gehosteten Inhalt bearbeiten.

   UserControl1 wird in WPF-Designer geöffnet.

4. Fügen Sie in der XAML-Ansicht nach dem <UserControl>-Starttag den folgenden XAML-Code ein.

   Diese XAML erstellt einen Farbverlauf mit kontrastreicher Farbverlaufsgrenze. Wenn auf das Steuerelement geklickt wird, werden die Farbverläufe geändert, so dass der Eindruck einer aktivierten Schaltfläche entsteht. Weitere Informationen finden Sie unter Erstellen von Formaten und Vorlagen.

[xaml]

    <UserControl.Resources>
        <LinearGradientBrush x:Key="NormalBrush" EndPoint="0,1" StartPoint="0,0">
            <GradientStop Color="#FFF" Offset="0.0"/>
            <GradientStop Color="#CCC" Offset="1.0"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="PressedBrush" EndPoint="0,1" StartPoint="0,0">
            <GradientStop Color="#BBB" Offset="0.0"/>
            <GradientStop Color="#EEE" Offset="0.1"/>
            <GradientStop Color="#EEE" Offset="0.9"/>
            <GradientStop Color="#FFF" Offset="1.0"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="NormalBorderBrush" EndPoint="0,1" StartPoint="0,0">
            <GradientStop Color="#CCC" Offset="0.0"/>
            <GradientStop Color="#444" Offset="1.0"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="BorderBrush" EndPoint="0,1" StartPoint="0,0">
            <GradientStop Color="#CCC" Offset="0.0"/>
            <GradientStop Color="#444" Offset="1.0"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="PressedBorderBrush" EndPoint="0,1" StartPoint="0,0">
            <GradientStop Color="#444" Offset="0.0"/>
            <GradientStop Color="#888" Offset="1.0"/>
        </LinearGradientBrush>
        
        <Style x:Key="SimpleButton" TargetType="{x:Type Button}" BasedOn="{x:Null}">
            <Setter Property="Background" Value="{StaticResource NormalBrush}"/>
            <Setter Property="BorderBrush" Value="{StaticResource NormalBorderBrush}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid x:Name="Grid">
                            <Border x:Name="Border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"/>
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsPressed" Value="true">
                                <Setter Property="Background" Value="{StaticResource PressedBrush}" TargetName="Border"/>
                                <Setter Property="BorderBrush" Value="{StaticResource PressedBorderBrush}" TargetName="Border"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>

[xaml]

<Button Height="23" Margin="41,52,98,0" Name="button1" VerticalAlignment="Top"
                Style="{StaticResource SimpleButton}">Cancel</Button>

Siehe auch

Konzepte

Übersicht über XAML

Erstellen von Formaten und Vorlagen

Referenz

ElementHost

WindowsFormsHost

Weitere Ressourcen

Migration und Interoperabilität

Verwenden von WPF-Steuerelementen (Windows Presentation Foundation)

WPF-Designer