Creating Modern WPF Apps with MahApps.Metro

By Mark Heath
Learn how to give your WPF applications a "modern" or "Metro" look and feel with the help of the open source library MahApps.Metro.
Course info
Rating
(160)
Level
Intermediate
Updated
May 7, 2015
Duration
2h 52m
Table of contents
Modern WPF Applications
Course Introduction 1m Modern Windows Applications 4m Options for Creating Modern Applications 4m Introducing MahApps.Metro 1m ScoreKeeper Demo Application 2m
MahApps.Metro and the MetroWindow
Module Introduction 1m Installing MahApps.Metro 1m Using MetroWindow 4m Customizing the Title Bar 2m Customizing MetroWindow Borders 3m Title Bar Icons 3m Title Bar Commands 4m Adding a Status Bar 2m Module Summary 2m
Common Input Controls
Module Introduction 2m The MahApps.Metro Demo Project 5m Button Styles 5m Toggle Buttons and Switches 4m TextBox Enhancements 7m TextBox Enhancements Demo 3m Sliders 4m Module Summary 3m
Item Selection and Content Controls
Module Introduction 2m ComboBoxes 3m ListBoxes, ListViews, and TreeViews 5m GroupBox, Expander, and ScrollView 4m TabControl 3m Using TabControl 4m TabControl Enhancements 4m Module Summary 2m
Metro Dialogs and Flyouts
Module Introduction 3m Metro Dialogs Overview 1m Message Dialog Code 4m Using Message Dialog 4m Progress Dialogs 6m Flyouts Overview 3m Using Flyouts 6m Module Summary 2m
Colors, Icons, and Resources
Module Introduction 3m Changing Color Schemes 4m Importing Resources 3m Using Resources 3m Exploring Icons 2m Using Icons 5m Module Summary 2m
Modern UI Charts
Module Introduction 2m Modern UI Charts Demo 4m Bar Charts 4m Customizing Bar Charts 3m Stacked Bar Charts 3m Pie and Doughnut Charts 2m Module Summary 2m
Taking It Further
Module Introduction 2m More Controls and Styles 2m Getting Help 2m Learning More 2m Syncfusion Metro Studio 2m Course Summary 1m
Description
Course info
Rating
(160)
Level
Intermediate
Updated
May 7, 2015
Duration
2h 52m
Description

In this course, we learn how the open source library MahApps.Metro can be used to give your WPF applications a "modern" or "Metro" look and feel. We start off by seeing how to convert an ordinary WPF application to use MahApps.Metro, and then explore the various enhancements and style updates for common controls. We also learn how to show custom dialogs and flyouts, how to update the color theme of your application, and how to use icon buttons. Finally, we use another open source library, Modern UI Charts, to allow us to display nice looking charts.

About the author
Mark Heath
About the author

Mark Heath is a software developer based in Southampton, England, working for NICE Systems as a software architect creating cloud based digital evidence management systems for the police. He is the creator of NAudio, an open source audio framework for .NET.

More from the author
Versioning and Evolving Microservices in ASP.NET Core
Intermediate
1h 41m
Sep 22, 2020
Microservices Architecture: Executive Briefing
Beginner
31m
Aug 27, 2020
Microsoft Azure Developer: Create Serverless Functions
Beginner
2h 46m
Feb 20, 2020
More courses by Mark Heath

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT