--- lang: ja-jp breaks: true --- # WPF .NET Coreアプリに MahApps.Metro を適用する。 2021-05-20 > What is MahApps.Metro? > https://mahapps.com/ > Quick Start > https://mahapps.com/docs/guides/quick-start ## NuGetで MahApps.Metro を追加 ![](https://i.imgur.com/baAIc8k.png) ## App.xaml ```xml= ・・・ <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> ・・・ ``` ## MainWindow.xaml ```xml= ・・・ xmlns:mah="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro" ・・・ <Grid> <Viewbox> <StackPanel Orientation="Vertical"> <Calendar> </Calendar> <Button Width="300"></Button> <DatePicker></DatePicker> </StackPanel> </Viewbox> </Grid> </Window> ``` ## 確認 ![](https://i.imgur.com/EL6Op4b.png) ###### tags: `WPF` `.NET Core` `MahApps.Metro`