{"id":3184,"date":"2020-04-03T12:32:55","date_gmt":"2020-04-03T10:32:55","guid":{"rendered":"http:\/\/www.capri-soft.de\/blog\/?p=3184"},"modified":"2020-04-03T12:32:55","modified_gmt":"2020-04-03T10:32:55","slug":"net-wpf-xaml-locations-to-place-and-change-wpf-styles","status":"publish","type":"post","link":"https:\/\/www.capri-soft.de\/blog\/?p=3184","title":{"rendered":".NET WPF : XAML locations to place and change WPF Styles"},"content":{"rendered":"\n

Intention<\/h2>\n\n\n\n

Like in HTML\/CSS there are different source code locations where it is possible to apply appearance styles to WPF controls. In this article i want to make a really short summary of those points. <\/p>\n\n\n\n

Approach<\/h2>\n\n\n\n

The following examples are showing the declaration places for styles in the order from local control styles to global application styles<\/p>\n\n\n\n

Location examples<\/h2>\n\n\n\n

App.xaml (global application wide styles)<\/p>\n\n\n

\n<Application x:Class="WPFTutorial.App"\n             xmlns="http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation"\n             xmlns:x="http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml"\n             StartupUri="MainWindow.xaml">\n    <Application.Resources>\n            <Style TargetType="TextBlock">\n                <Setter Property="Foreground" Value="#ff0000" \/>\n                <Setter Property="FontSize" Value="24" \/>\n            <\/Style>\n    <\/Application.Resources>\n<\/Application>\n\n<\/pre><\/div>\n\n\n
MainWindow.xaml (local hierarchical inheritance from the WPF DOM)<\/p>\n\n\n
\n<Window x:Class="WPFTutorial.MainWindow"\n        xmlns="http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation"\n        xmlns:x="http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml"\n        Title="WPF Layoutmanager" Height="322" Width="528">\n    <Window.Resources>\n        <Style TargetType="TextBlock">\n            <!-- This sets all TextBlock FontSize Styles within the Grid -->\n            <Setter Property="FontSize" Value="15" \/>\n            <Setter Property="Foreground" Value="red" \/>\n        <\/Style>\n        <Style TargetType="TabControl">\n            <Setter Property="VerticalContentAlignment" Value="Stretch"\/>\n            <Setter Property="VerticalAlignment" Value="Stretch"\/>\n        <\/Style>\n    <\/Window.Resources>\n    <DockPanel>\n        <TextBlock DockPanel.Dock="Top" VerticalAlignment="Center" Text="Ein Dockpanel.Dock=Top ist das hier und TabControl als LastChild gestretcht" \/>\n        <TabControl>\n            <TabItem Header="Grid">\n                <Grid>\n                    <Grid.Resources>\n                        <Style TargetType="TextBlock">\n                            <!-- This sets all TextBlock FontSize Styles within the Grid -->\n                            <Setter Property="FontSize" Value="15" \/>\n                        <\/Style>\n                    <\/Grid.Resources>\n                    <Grid.ColumnDefinitions>\n                        <ColumnDefinition Width="1*" \/>\n                        <ColumnDefinition Width="1*" \/>\n                        <ColumnDefinition Width="1*" \/>\n                    <\/Grid.ColumnDefinitions>\n                    <Grid.RowDefinitions>\n                        <RowDefinition Height="1*" \/>\n                        <RowDefinition Height="1*" \/>\n                        <RowDefinition Height="1*" \/>\n                    <\/Grid.RowDefinitions>\n                    <Button Width="140" Height="50" Click="Button_Click">\n                        <StackPanel Orientation="Horizontal">\n                            <Image Margin="10"  Source="Images\/haken.png" Stretch="UniformToFill"\/>\n                            <TextBlock VerticalAlignment="Center" Text="Play Sound" \/>\n                        <\/StackPanel>\n                    <\/Button>\n                    <Button Grid.Column="1" Grid.Row="2" Width="140" Height="50" Click="Button_Click">\n                        <StackPanel Orientation="Horizontal">\n                            <Image Margin="10"  Source="Images\/haken.png" Stretch="UniformToFill"\/>\n                            <TextBlock VerticalAlignment="Center" Text="Play Sound" \/>\n                        <\/StackPanel>\n                    <\/Button>\n                    <Button Grid.Column="2" Grid.Row="1" Width="140" Height="50" Click="Button_Click">\n                        <StackPanel Orientation="Horizontal">\n                            <Image Margin="10"  Source="Images\/haken.png" Stretch="UniformToFill"\/>\n                            <TextBlock VerticalAlignment="Center" Text="Play Sound" >\n                                <TextBlock.Style>\n                                    <!-- Dieser Style gilt nur f\u00fcr den Textblock local und \u00fcberschreibt den GRID Style -->\n                                    <Style>\n                                        <Setter Property="TextBlock.FontSize" Value="10" \/>\n                                        <Setter Property="TextBlock.FontWeight" Value="Bold" \/>\n                                        <Setter Property="TextBlock.Foreground" Value="#ff00ff" \/>\n                                    <\/Style>\n                                <\/TextBlock.Style>\n                            <\/TextBlock>\n                        <\/StackPanel>\n                    <\/Button>\n                <\/Grid>\n            <\/TabItem>\n            <TabItem Header="StackPanel">\n                <StackPanel Orientation="Vertical">\n                    <TextBlock Text="Dummfug ersetzt Irrsinn"\/>\n                    <TextBlock Text="Irrsinn ersetzt Dummfug" \/>\n                    <TextBlock Text="Das letzte Child ist im Gegensatz zum Dockpanel nicht gestretcht" >\n                        <TextBlock.Style>\n                            <Style>\n                                <Setter Property="TextBlock.Foreground" Value="#ff00ff" \/>\n                            <\/Style>\n                        <\/TextBlock.Style>\n                    <\/TextBlock>\n                <\/StackPanel>\n            <\/TabItem>\n        <\/TabControl>\n    <\/DockPanel>\n<\/Window>\n<\/pre><\/div>\n\n\n
\"\"<\/figure>\n