Mik azok a stílusok és sablonok?

A Windows Presentation Foundation (WPF) stílusa és templatingja olyan funkciókra hivatkozik, amelyekkel látványos effektusokat és egységes megjelenést hozhat létre a termék számára. Amikor testre szabja egy alkalmazás megjelenését, erős stílus- és sablon modellt szeretne, amely lehetővé teszi a megjelenés fenntartását és megosztását az alkalmazások között és azokon belül. A WPF biztosítja ezt a modellt.

A WPF-stílusmodell másik funkciója a megjelenítés és a logika elkülönítése. A tervezők csak az XAML használatával dolgozhatnak az alkalmazások megjelenésén, ugyanakkor, amikor a fejlesztők a C# vagy a Visual Basic használatával dolgoznak a programozási logikán.

Ez az áttekintés az alkalmazás stílusára és sablonozására összpontosít, és nem tárgyalja az adatkötési fogalmakat. További információ az adatkötésről: Adatkötés áttekintése.

Fontos megérteni az erőforrásokat, amelyek lehetővé teszik a stílusok és sablonok újrafelhasználását. Az erőforrásokról további információt az XAML-erőforrások áttekintésében talál.

Minta

Az áttekintésben megadott mintakód egy egyszerű fényképböngésző alkalmazáson alapul, az alábbi ábrán látható.

Ez az egyszerű fényképminta stílust és sablonozást használ a vizuálisan lenyűgöző felhasználói élmény teremtésére. A minta két TextBlock elemet és egy ListBox vezérlőelemet tartalmaz, amelyek a képek listájához vannak kötve.

A teljes mintáért lásd a Bevezetés a stílusokhoz és a sablonmintákhoz című részt.

Stílusok

A Style-t úgy tekintheti, mint egy kényelmes módot, amellyel a tulajdonságértékek egy készletét több elemre alkalmazhatja. Bármilyen olyan elemhez használhat stílust, amely a FrameworkElement-ból vagy a FrameworkContentElement-ből származik, például Window vagy Button.

A stílus deklarálása leggyakrabban erőforrásként történik egy XAML-fájl Resources szakaszában. Mivel a stílusok erőforrások, ugyanazokat a hatókörkezelési szabályokat követik, mint az összes erőforrást. A stílus deklarálása hatással van arra, hogy hol alkalmazhatja azt. Ha például az alkalmazásdefiníció XAML-fájljának gyökérelemében deklarálja a stílust, a stílust bárhol használhatja az alkalmazásban.

A következő XAML-kód két stílust deklarál a következőhöz TextBlock: az egyik automatikusan alkalmazva van az összes TextBlock elemre, a másikra pedig kifejezetten hivatkozni kell.

<Window.Resources>
    <!-- .... other resources .... -->

    <!--A Style that affects all TextBlocks-->
    <Style TargetType="TextBlock">
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Setter Property="FontFamily" Value="Comic Sans MS"/>
        <Setter Property="FontSize" Value="14"/>
    </Style>
    
    <!--A Style that extends the previous TextBlock Style with an x:Key of TitleText-->
    <Style BasedOn="{StaticResource {x:Type TextBlock}}"
           TargetType="TextBlock"
           x:Key="TitleText">
        <Setter Property="FontSize" Value="26"/>
        <Setter Property="Foreground">
            <Setter.Value>
                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                    <LinearGradientBrush.GradientStops>
                        <GradientStop Offset="0.0" Color="#90DDDD" />
                        <GradientStop Offset="1.0" Color="#5BFFFF" />
                    </LinearGradientBrush.GradientStops>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

Az alábbi példa az előző stílusok használatát mutatja be.

<StackPanel>
    <TextBlock Style="{StaticResource TitleText}" Name="textblock1">My Pictures</TextBlock>
    <TextBlock>Check out my new pictures!</TextBlock>
</StackPanel>

További információ: Stílus létrehozása vezérlőelemekhez.

ControlTemplates

A WPF-ben a ControlTemplate egy vezérlő megjelenését határozza meg. A vezérlők szerkezetét és megjelenését egy új ControlTemplate definiálásával és vezérlőelemhez való hozzárendelésével módosíthatja. A sablonok sok esetben elegendő rugalmasságot biztosítanak ahhoz, hogy ne kelljen saját egyéni vezérlőket írnia.

Minden vezérlőhöz tartozik egy alapértelmezett sablon a Control.Template tulajdonsághoz. A sablon összekapcsolja a vezérlő vizuális megjelenítését a vezérlő képességeivel. Mivel az XAML-ben definiál egy sablont, kód írása nélkül módosíthatja a vezérlő megjelenését. Mindegyik sablon egy adott vezérlőhöz készült, például egy Button-hoz.

Fontos

Ha módosítja egy vezérlőelem vizualizációs fáját, a teljes ControlTemplateelemet le kell cserélnie. A vezérlő vizuális fájának csak egy részét nem lehet lecserélni. A vezérlő vizualizációs fájának módosításához a Template vezérlő tulajdonságát új és befejezett ControlTemplateállapotúra kell állítania.

Gyakran deklarál egy sablont erőforrásként egy Resources XAML-fájl szakaszában. Mint minden erőforrás esetében, a hatókörkezelési szabályok is érvényesek.

A vezérlősablonok sokkal több szerepet játszanak, mint a stílusok. Ez az összetettség azért létezik, mert a vezérlősablon átírja a teljes vezérlő vizuális megjelenését, míg egy stílus egyszerűen alkalmazza a tulajdonságmódosításokat a meglévő vezérlőre. Mivel azonban a vezérlő sablonja a Control.Template tulajdonság beállításával van alkalmazva, stílus használatával definiálhat vagy állíthat be sablont.

A tervezők általában lehetővé teszik egy meglévő sablon másolatának létrehozását és módosítását. A Visual Studio WPF tervezőjében például válasszon egy CheckBox vezérlőelemet, majd kattintson a jobb gombbal, és válassza Sablon szerkesztése>Másolat létrehozásalehetőséget. Ez a parancs létrehoz egy stílust, amely meghatározza a sablon.

<Style x:Key="CheckBoxStyle1" TargetType="{x:Type CheckBox}">
    <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual1}"/>
    <Setter Property="Background" Value="{StaticResource OptionMark.Static.Background1}"/>
    <Setter Property="BorderBrush" Value="{StaticResource OptionMark.Static.Border1}"/>
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type CheckBox}">
                <Grid x:Name="templateRoot" Background="Transparent" SnapsToDevicePixels="True">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Border x:Name="checkBoxBorder" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="1" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                        <Grid x:Name="markGrid">
                            <Path x:Name="optionMark" Data="F1 M 9.97498,1.22334L 4.6983,9.09834L 4.52164,9.09834L 0,5.19331L 1.27664,3.52165L 4.255,6.08833L 8.33331,1.52588e-005L 9.97498,1.22334 Z " Fill="{StaticResource OptionMark.Static.Glyph1}" Margin="1" Opacity="0" Stretch="None"/>
                            <Rectangle x:Name="indeterminateMark" Fill="{StaticResource OptionMark.Static.Glyph1}" Margin="2" Opacity="0"/>
                        </Grid>
                    </Border>
                    <ContentPresenter x:Name="contentPresenter" Grid.Column="1" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="HasContent" Value="true">
                        <Setter Property="FocusVisualStyle" Value="{StaticResource OptionMarkFocusVisual1}"/>
                        <Setter Property="Padding" Value="4,-1,0,0"/>

... content removed to save space ...

A sablonok másolatának szerkesztésével megtudhatja, hogyan működnek a sablonok. Új üres sablon létrehozása helyett egyszerűbb szerkeszteni egy másolatot, és módosítani a vizualizáció néhány aspektusát.

Lásd példaként: Sablon létrehozása vezérlő.

Sablonkötés

Észreveheti, hogy az előző szakaszban definiált sablonerőforrás a TemplateBinding Markup bővítményt használja. A TemplateBinding egy optimalizált formája a sablonforgatókönyvekhez készült kötéseknek, amely hasonló a {Binding RelativeSource={RelativeSource TemplatedParent}}használatával készült kötéshez. TemplateBinding akkor hasznos, ha a sablon egyes részeit a vezérlő tulajdonságaihoz köti. Például minden vezérlő rendelkezik egy BorderThickness tulajdonságot. Egy TemplateBinding segítségével kezelheti, hogy a sablon mely elemére van hatással ez a vezérlőbeállítás.

ContentControl és ItemsControl

Ha egy ContentPresenter egy ControlTemplateContentControl van deklarálva, a ContentPresenter rendszer automatikusan a ContentTemplate és a Content tulajdonságokhoz kötődik. Hasonlóképpen, egy ItemsPresenter, amely egy ControlTemplate-ban/ben található ItemsControl automatikusan kötődik a ItemTemplate és Items tulajdonságokhoz.

Adatsablonok

Ebben a mintaalkalmazásban egy ListBox vezérlő a fényképek listájához kötődik.

<ListBox ItemsSource="{Binding Source={StaticResource MyPhotos}}"
         Background="Silver" Width="600" Margin="10" SelectedIndex="0"/>

Ez ListBox jelenleg a következő képhez hasonlóan néz ki.

A legtöbb vezérlő rendelkezik valamilyen tartalomtípussal, és ez a tartalom gyakran olyan adatokból származik, amelyekhez kötődik. Ebben a mintában az adatsor a fényképek listája. WPF-ben a DataTemplate segítségével határozzuk meg az adatok vizuális megjelenítését. Alapvetően az határozza meg, hogy az adatok hogyan néznek ki a renderelt alkalmazásban, hogy mit teszel bele a DataTemplate-ba.

Ebben a mintaalkalmazásban minden egyéni Photo objektum rendelkezik egy sztring Source típusú tulajdonságmal, amely meghatározza a kép elérési útját. A fényképobjektumok jelenleg fájlútvonalakként jelennek meg.

public class Photo
{
    public Photo(string path)
    {
        Source = path;
    }

    public string Source { get; }

    public override string ToString() => Source;
}

Public Class Photo
    Sub New(ByVal path As String)
        Source = path
    End Sub

    Public ReadOnly Property Source As String

    Public Overrides Function ToString() As String
        Return Source
    End Function
End Class

Ahhoz, hogy a fényképek képekként jelenjenek meg, egy DataTemplate kell létrehoznia erőforrásként.

<Window.Resources>
    <!-- .... other resources .... -->

    <!--DataTemplate to display Photos as images
    instead of text strings of Paths-->
    <DataTemplate DataType="{x:Type local:Photo}">
        <Border Margin="3">
            <Image Source="{Binding Source}"/>
        </Border>
    </DataTemplate>
</Window.Resources>

Figyelje meg, hogy a DataType tulajdonság hasonló a TargetTypeStyle tulajdonságához. Ha hozzáad egy DataTemplate értéket az erőforrások szakaszhoz, és a DataType tulajdonságot egy típusra állítja be, és kihagy egy x:Keyértéket, a DataTemplate típus minden alkalommal érvényes, amikor az a típus megjelenik. Hozzárendelheti az DataTemplate egy x:Key-et, majd beállíthatja StaticResource a DataTemplate típusokat használó tulajdonságokhoz, például a ItemTemplate tulajdonsághoz vagy a ContentTemplate tulajdonsághoz.

Az előző példa lényegében DataTemplate azt határozza meg, hogy amikor egy Photo objektum van, annak meg kell jelennie Image-ként egy Border-en belül. Ezzel az DataTemplate az alkalmazás most így néz ki: ez a kép.

Az adat sablon modell más funkciókat is kínál. Ha például olyan gyűjteményadatokat jelenít meg, amelyek más gyűjteményeket is tartalmaznak, használjon egy HeaderedItemsControl típusú elemet, például egy Menu vagy TreeView, használja a HierarchicalDataTemplate-t. Egy másik adatsablonkészítési funkció az DataTemplateSelector, amelyet arra használhat, hogy egyéni logika alapján válasszon DataTemplate. További információért lásd a Data Templating Overviewdokumentumot, amely részletesen tárgyalja a különböző adatsablonozási funkciókat.

Kiváltó okok

Az eseményindító beállítja a tulajdonságokat, vagy elindítja a műveleteket, például egy animációt, amikor egy tulajdonság értéke megváltozik, vagy amikor egy esemény létre van hozva. Style, ControlTemplateés DataTemplate mind rendelkeznek Triggers tulajdonságokkal, amelyek eseményindítókat tartalmazhatnak. Az eseményindítóknak számos típusa van.

Tulajdonság-eseményindítók

Az a Trigger, amely tulajdonságértékeket állít be, vagy egy tulajdonság értékén alapuló műveleteket indít el, tulajdonság-eseményindítónak nevezzük.

A tulajdonság-eseményindítók használatának bemutatásához az egyes ListBoxItem részben áttetszővé teheti, kivéve, ha ki van választva. Az alábbi stílus egy OpacityListBoxItem értékét 0.5értékre állítja. Ha azonban a IsSelected tulajdonság true, a Opacity1.0értékre van állítva.

<Window.Resources>
    <!-- .... other resources .... -->

    <Style TargetType="ListBoxItem">
        <Setter Property="Opacity" Value="0.5" />
        <Setter Property="MaxHeight" Value="75" />
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
                <Trigger.Setters>
                    <Setter Property="Opacity" Value="1.0" />
                </Trigger.Setters>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

Ez a példa egy Trigger használ egy tulajdonságérték beállításához, de vegye figyelembe, hogy a Trigger osztály olyan EnterActions és ExitActions tulajdonságokkal is rendelkezik, amelyek lehetővé teszik az eseményindítók számára a műveletek végrehajtását.

Vegye észre, hogy a MaxHeightListBoxItem tulajdonsága 75értékűre van beállítva. Az alábbi ábrán a harmadik elem a kijelölt elem.

Eseményindítók és forgatókönyvek

Az eseményindító másik típusa a EventTrigger, amely egy esemény előfordulása alapján indít el egy műveletkészletet. Az alábbi EventTrigger objektumok például azt határozzák meg, hogy amikor az egérmutató belép a ListBoxItem-be, a MaxHeight tulajdonság 90 értékre animálódik egy 0.2 másodperces időtartam alatt. Amikor az egér elmozdul az elemtől, a tulajdonság egy 1 másodperces időszak alatt visszatér az eredeti értékhez. Figyelje meg, hogy nem kell értéket megadnia To az MouseLeave animációhoz. Ez a viselkedés azért fordul elő, mert az animáció nyomon követi az eredeti értéket.

<Style.Triggers>
    <Trigger Property="IsSelected" Value="True">
        <Trigger.Setters>
            <Setter Property="Opacity" Value="1.0" />
        </Trigger.Setters>
    </Trigger>
    <EventTrigger RoutedEvent="Mouse.MouseEnter">
        <EventTrigger.Actions>
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
                        Duration="0:0:0.2"
                        Storyboard.TargetProperty="MaxHeight"
                        To="90"  />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger.Actions>
    </EventTrigger>
    <EventTrigger RoutedEvent="Mouse.MouseLeave">
        <EventTrigger.Actions>
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
                        Duration="0:0:1"
                        Storyboard.TargetProperty="MaxHeight"  />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger.Actions>
    </EventTrigger>
</Style.Triggers>

További információért lásd a Storyboards áttekintését.

Az alábbi ábrán az egér a harmadik elemre mutat.

MultiTriggers, DataTriggers és MultiDataTriggers

A Trigger és EventTriggermellett más típusú triggerek is léteznek. A használatával MultiTriggertöbb feltétel alapján állíthat be tulajdonságértékeket. Használja DataTrigger és MultiDataTrigger amikor a feltétel tulajdonsága adathoz kötött.

Vizuális állapotok

A vezérlők mindig az adott állapotban vannak . Ha például az egér egy vezérlő felülete fölé kerül, a vezérlő közös állapotban MouseOvervan. Nincs adott állapotú vezérlőelem a közös Normal állapotban van. Az állapotok csoportokra vannak bontva, és a korábban említett állapotok az állapotcsoport CommonStatesrészét képezik. A legtöbb vezérlő két állapotcsoportból áll: CommonStates és FocusStates. A vezérlőelemre alkalmazott egyes állapotcsoportok közül a vezérlőelemek mindig az egyes csoportok egy-egy állapotában lesznek, például CommonStates.MouseOver és FocusStates.Unfocused. A vezérlőelemek azonban nem lehetnek ugyanabban a csoportban két különböző állapotban, például CommonStates.Normal és CommonStates.Disabled. Az alábbi táblázat azokat az állapotokat mutatja be, amelyek a legtöbb vezérlőt felismerik és használják.

Vizualizációs állapot név	VisualStateGroup név	Leírás
Normal	CommonStates	Az alapértelmezett állapot.
MouseOver	CommonStates	Az egérmutató a vezérlő fölé van helyezve.
Pressed	CommonStates	A vezérlő be van nyomva.
Disabled	CommonStates	A vezérlő le van tiltva.
Focused	FocusStates	A vezérlő fókuszban van.
Unfocused	FocusStates	A vezérlő nincs fókuszban.

Ha egy vezérlősablon gyökérelemén definiál egy System.Windows.VisualStateManager, animációkat indíthat el, amikor egy vezérlő egy adott állapotba lép. A VisualStateManager deklarálja, hogy a VisualStateGroup és a VisualState mely kombinációit kell figyelni. Amikor a vezérlő egy figyelt állapotba kerül, az animáció, amelyet a VisualStateManager határoz meg, elindul.

Az alábbi XAML-kód például a CommonStates.MouseOver állapotot figyeli a backgroundElementnevű elem kitöltőszínének animálásához. Amikor a vezérlő visszaáll az CommonStates.Normal állapotra, az animáció visszaállítja a nevesített backgroundElementelem kitöltőszínét.

<ControlTemplate x:Key="roundbutton" TargetType="Button">
    <Grid>
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup Name="CommonStates">
                <VisualState Name="Normal">
                    <ColorAnimation Storyboard.TargetName="backgroundElement"
                                    Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)"
                                    To="{TemplateBinding Background}"
                                    Duration="0:0:0.3"/>
                </VisualState>
                <VisualState Name="MouseOver">
                    <ColorAnimation Storyboard.TargetName="backgroundElement"
                                    Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)"
                                    To="Yellow"
                                    Duration="0:0:0.3"/>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

        ...

További információ a storyboardokról: Storyboards Overview.

Megosztott erőforrások és témák

Egy tipikus WPF-alkalmazás több felhasználói felületi erőforrással is rendelkezhet, amelyeket az alkalmazás egészében alkalmaz. Ezt az erőforráskészletet az alkalmazás témájának tekintheti. A WPF támogatja a felhasználói felület erőforrásainak témaként való csomagolását egy erőforrás-szótár használatával, amelyet az ResourceDictionary osztály foglal magában.

A WPF-témák meghatározásához használja a WPF által bármely elem vizualizációinak testreszabására szolgáló stílus- és templatálási mechanizmust.

A WPF-témaerőforrásokat beágyazott erőforrás-szótárakban tárolhatja. Ezeket az erőforrás-szótárakat egy aláírt összeállításba kell beágyaznia. Beágyazhatja őket ugyanabba a szerelvénybe, mint maga a kód, vagy egy egymás melletti szerelvénybe. A WPF-vezérlőket tartalmazó szerelvény, a PresentationFramework.dll esetében a fejlesztők párhuzamos szerelvényekbe ágyaznak be témaerőforrásokat. Az operációs rendszer határozza meg, hogy melyik témaerőforrás-szótárat használja futásidőben.

A téma az utolsó hely, ahol az elem stílusát keresnünk kell. A keresés általában azzal kezdődik, hogy felsétál az elemfára, és megkeres egy megfelelő erőforrást, majd megkeresi az alkalmazáserőforrás-gyűjteményt, és végül lekérdezi a rendszert. Ez a keresési minta lehetőséget ad az alkalmazásfejlesztőknek arra, hogy a fa vagy az alkalmazás szintjén lévő bármely objektum stílusát újradefiniálják a téma elérése előtt.

Az erőforrásszótárakat egyedi fájlokként is definiálhatja, amelyek lehetővé teszik, hogy több alkalmazásban is újra felhasználhassa a témát. Felcserélhető témákat úgy is létrehozhat, hogy több erőforrásszótárat határoz meg, amelyek ugyanazokat az erőforrástípusokat biztosítják, de különböző értékeket tartalmaznak. Ezeknek a stílusoknak vagy más erőforrásoknak az alkalmazás szintjén történő újradefiniálása az ajánlott módszer egy alkalmazás testreszabásához.

Ha több erőforrást , köztük stílusokat és sablonokat szeretne megosztani az alkalmazások között, hozzon létre egy XAML-fájlt, és definiáljon egy ResourceDictionary fájlra shared.xaml mutató hivatkozást.

<ResourceDictionary.MergedDictionaries>
  <ResourceDictionary Source="Shared.xaml" />
</ResourceDictionary.MergedDictionaries>

Azáltal, hogy megosztja shared.xaml, ami maga határoz meg egy ResourceDictionary-et, amely stílus- és ecset-erőforrások készletét tartalmazza, lehetővé teszi az alkalmazás vezérlőinek egységes megjelenését.

További információ: Egyesített erőforrás-szótárak.

Ha témát szeretne létrehozni az egyéni vezérlőhöz, tekintse meg az Erőforrások definiálása című témakört a Control authoring áttekintésének témaszintű szakaszában.

Beépített témák használata

A WPF számos beépített témát tartalmaz, amelyeket kifejezetten alkalmazhat az alkalmazásra. Ezek a témák a PresentationFramework-szerelvényekbe vannak ágyazva, és az alkalmazás erőforrás-szótáraiban a csomag URI-jával hivatkozhat rájuk.

Beépített téma alkalmazásához egyesítse a téma erőforrás-szótárát az alkalmazás erőforrásaival a következőben App.xaml:

<Application x:Class="MyApp.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/PresentationFramework.Aero2;component/themes/Aero2.NormalColor.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

Elérhető beépített témák

Az alábbi táblázat a csomag URI-kkal elérhető beépített témákat sorolja fel:

Theme	Csomag URI	Leírás
Aero2	/PresentationFramework.Aero2;component/themes/Aero2.NormalColor.xaml	Alapértelmezett téma Windows 8 és újabb alkalmazásokhoz.
AeroLite	/PresentationFramework.AeroLite;component/themes/AeroLite.NormalColor.xaml	Az Aero2 egyszerűsített verziója csökkentett vizuális effektusokkal.
Aero	/PresentationFramework.Aero;component/themes/Aero.NormalColor.xaml	Windows 7-era téma üvegeffektusokkal és színátmenetekkel.
Fluent	/PresentationFramework.Fluent;component/Themes/Fluent.xaml	Windows 11-stílusú téma világos/sötét mód támogatásával (.NET 9+).
Luna (Kék)	/PresentationFramework.Luna;component/themes/Luna.NormalColor.xaml	A Windows XP alapértelmezett kék színséma.
Luna (ezüst)	/PresentationFramework.Luna;component/themes/Luna.Metallic.xaml	Windows XP fémes ezüst színséma.
Luna (Olíva)	/PresentationFramework.Luna;component/themes/Luna.Homestead.xaml	Windows XP olívzöld színséma.
Royale	/PresentationFramework.Royale;component/themes/Royale.NormalColor.xaml	Windows XP Media Center Edition téma.
Classic	/PresentationFramework.Classic;component/themes/Classic.xaml	Hagyományos Windows 95/98/2000 megjelenés.

Megjegyzés:

A .NET-keretrendszer alkalmazásai esetében előfordulhat, hogy hivatkozásokat kell hozzáadnia a projekt témaszerelvényeihez (például a PresentationFramework.Aero2-hez). A .NET-alkalmazások esetében a témaösszeállítások általában automatikusan szerepelnek.

Jótanács

Fejlesztői referenciaként a Visual Studio XAML-fájlokat tartalmaz ezekhez a témákhoz a telepítési címtárban, amelyek általában a C:\Program Files\Microsoft Visual Studio\2022\<edition>\DesignTools\SystemThemes\wpf címen találhatók. Ezek a fájlok hasznosak a témaszerkezet megértéséhez, de futásidőben nem használhatók.

A modern Fluent téma használata (.NET 9+)

A .NET 9-hez és újabb verziókhoz használhatja az új Fluent témát, amely támogatja a világos és sötét módokat:

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/PresentationFramework.Fluent;component/Themes/Fluent.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

A tulajdonságot egy még egyszerűbb témaalkalmazáshoz is használhatja ThemeMode :

<Application x:Class="MyApp.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml"
             ThemeMode="System">
</Application>

Lásd még

• Csomag URI-k a WPF-ben
• Útmutató: ControlTemplate-Generated elemek keresése
• DataTemplate-Generated-elemek keresése