MahApps.Metro使用

MahApps.Metro使用
MahApps.Metroをダウンロードします

PM> Install-Package MahApps.Metro

MainWindow.xamlに追加

xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"

Windowタグを次のタブに置き換えます.

MainWindow.xaml.cs追加

using MahApps.Metro.Controls;

namespace WpfApplication
{
  public partial class MainWindow : MetroWindow
  {
    public MainWindow()
    {
      InitializeComponent();
    }
  }
}

内蔵のスタイルを使うApp.xaml

タイトルバーを変更
自分のコントロールのLeftwindows CommundsまたはRightWindows Commundsを追加することができます.

 ... 

追加:

アイコンを表示するには、MahApps.Metro.Resourceリソースをロードする必要があります.
MahApps.Metro.Resource使用
MahApps.Metro.Resourceをダウンロードします.

PM> Install-Package MahApps.Metro.Resources

MainWindow.xamlファイルに追加

どのように現在のテーマを変えますか?
You can chose between these available accents:

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

and these themes:

“BaseLight”, “BaseDark”

App.xamlを通じて、その中の対応する部分を直接修正します.

The Managerを通じて

public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        // get the current app style (theme and accent) from the application
        // you can then use the current theme and custom accent instead set a new theme
        Tuple appStyle = ThemeManager.DetectAppStyle(Application.Current);

        // now set the Green accent and dark theme
        ThemeManager.ChangeAppStyle(Application.Current,
                                    ThemeManager.GetAccent("Green"),
                                    ThemeManager.GetAppTheme("BaseDark")); // or appStyle.Item1

        base.OnStartup(e);
    }
}

メインウィンドウで変更
MainWindow.xamlファイル

メインタイプメトロWindow中

public partial class AccentStyleWindow : MetroWindow
{
    public void ChangeAppStyle()
    {
        // set the Red accent and dark theme only to the current window
        ThemeManager.ChangeAppStyle(this,
                                    ThemeManager.GetAccent("Red"),
                                    ThemeManager.GetAppTheme("BaseDark"));
    }
}

テーマをカスタマイズすることもできます.
参考:

http://rehansaeed.com/wpf-metro-part1-modern-ui-for-wpf/

https://github.com/MahApps/MahApps.Metro

http://mahapps.com/guides/quick-start.html

http://www.wxzzz.com/1202.html

http://mahapps.com/guides/icons-and-resources.html

http://mahapps.com/guides/styles.html

http://mahapps.com/controls/

https://github.com/MahApps/MahApps.Metro.IconPacks

http://fontawesome.io/icons/

https://materialdesignicons.com/