Как создать индикатор загрузки в стиле Metro

1

Intro

С выходом Windows 8 пользователи познакомились с новым дизайном от компании Microsoft — Metro. Для многих он стал необычным, но с того момента прошло много времени и все уже привыкли к не одному элементу этого дизайна, в том числе и индикатору выполнения в виде вращающихся по окружности маленьких кружочков. Ниже описано как интегрировать в свой проект на C# WPF данный элемент, не подключая сторонних библиотек.

2

Создаем необходимые файлы

В папке с проектом создаем подпапку Controls, а в ней создаем файл ProgressRing.cs и копируем следующий код, но не забываем про namespace, он должен совпадать с именем вашего приложения.

Дальше создаем директорию Styles а в ней файл ProgressRing.xaml и копируем в него код стилей, здесь тоже не забываем про namespace.

3

Подключаем их к проекту

В файле App.xaml добавляем следующий код:

А в файле MainWindow.xaml или в другом месте, в каком хотим использовать даный контрол добавляем следующий код:

xmlns:Controls="clr-namespace:MetroProgressRingDemo.Controls"
... >
<Controls:ProgressRing IsActive="True" Foreground="Blue"/>

После этого запускаем проект и все должно заработать. Ниже архив с проектом.

Похожие публикации

Комментарии

  1. Kolyan 02.03.2018 в 12:36

    Thanks!))