C WPF UI framework mahapps switching theme

summary

       This guide will introduce you to MahApps.Metro How to switch themes , be-all MahApps.Metro All topics are included in a separate resource dictionary .

How to use themes

You can choose from the following available color schemes ：

"Red", "Green", "Blue", "Purple", "Orange", "Lime", "Emerald", "Teal", "Cyan", "Cobalt", "Indigo", "Violet", "Pink", "Magenta", "Crimson", "Amber", "Yellow", "Brown", "Olive", "Steel", "Mauve", "Taupe", "Sienna"

These basic themes ：

"Light", "Dark"

adopt App.xaml Use theme ：

The fastest way is to App.xaml Specify the topic resource in

<Application x:Class="SampleApp"
             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>
        <!-- MahApps.Metro resource dictionaries. Make sure that all file names are Case Sensitive! -->
        <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
        <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
        <!-- Theme setting -->
        <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Light.Blue.xaml" />
      </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
  </Application.Resources>
</Application>

Use themes through the theme manager ：

MahApps.Metro There is one ThemeManager class , You can use background code to change the theme . Can be done in one line , As shown below ：

using ControlzEx.Theming;


public partial class SampleApp : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        base.OnStartup(e);


        // Set the application theme to Dark.Green
        ThemeManager.Current.ChangeTheme(this, "Dark.Green");
    }
}

On a different window from the main application window

and MahApps In the same , about MetroWindow, You can have different themes . Main window or any other MetroWindows The specified theme will be retained in the application .

<Controls:MetroWindow.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Dark.Red.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Controls:MetroWindow.Resources>

You can also use the TheManager Do this , As shown below ：

using ControlzEx.Theming;


public partial class MainWindow : MetroWindow
{
    public void MainWindow()
    {
        InitializeComponent();


        // Set the window theme to Dark.Red
        ThemeManager.Current.ChangeTheme(this, "Dark.Red");
    }
}

Create a custom theme

MahApps Another nice feature of .Metro A custom created theme or a runtime created theme will be used .

Statement

Translated from ：https://mahapps.com/docs/themes/usage#on-a-window-different-to-your-applications-main-window

Technology Group ： Add Xiaobian wechat and comment into the group

Xiaobian wechat ：mm1552923   

official account ：dotNet Programming