Open-source Tutorial - Material Design for WPF UI

时间 2019-11-20

标签 open source tutorial material design wpf 繁體版

原文原文链接

安装 Material Design Themes

经过 NuGet 包管理器搜索自动安装bash
经过 NuGet 包管理器控制台手动安装app
```
Install-Package MaterialDesignThemes
```

配置 App.xaml

主题code

对于 Light 主题（二选一）：component

< ResourceDictionary  Source = “ pack：// application：,,, / MaterialDesignThemes.Wpf; component / Themes / MaterialDesignTheme.Light.xaml ” />

对于 Dark 主题（二选一）：io

< ResourceDictionary  Source = “ pack：// application：,,, / MaterialDesignThemes.Wpf; component / Themes / MaterialDesignTheme.Dark.xaml ” />

默认class

< ResourceDictionary  Source = “ pack：// application：,,, / MaterialDesignThemes.Wpf; component / Themes / MaterialDesignTheme.Defaults.xaml ” />

颜色基础

< ResourceDictionary  Source = “ pack：// application：,,, / MaterialDesignColors; component / Themes / Recommended / Primary / MaterialDesignColor.COLOR_NAME.xaml ” />
< ResourceDictionary  Source = “ pack：// application：,,, / MaterialDesignColors; component / Themes / Recommended / Accent / MaterialDesignColor.COLOR_NAME.xaml ” />

配置窗体

基础配置配置

<Window [...]
        TextElement.Foreground="{DynamicResource MaterialDesignBody}"
        Background="{DynamicResource MaterialDesignPaper}"
        [...] >

完整配置material-design

<Window [...]
        TextElement.Foreground="{DynamicResource MaterialDesignBody}"
        Background="{DynamicResource MaterialDesignPaper}"
        TextElement.FontWeight="Medium"
        TextElement.FontSize="14"
        FontFamily="pack://application:,,,/MaterialDesignThemes.Wpf;component/Resources/Roboto/#Roboto"
        [...] >