[Делаем ваше приложение красивым WPF] Урок 2. Кнопки часть 1.

Привет, дорогой друг. Сегодня я решил рассказать тебе о том, как сделать твоё приложение не "вырвиглазным".
Пользователям будет приятно работать с твоим приложением, потому что оно будет красивым.

Уроков будет много, поэтому для удобства я буду оставлять ссылки на другие уроки.

Другие уроки

Урок 1. Часть 1.
Урок 1. Часть 2.
Урок 2. Часть 2.

И так, сегодня у нас такая маленькая тема, как кнопки.
Давай же приступим? - Ага, давай.

Первым делом нам нужно установить ещё один пакет Nuget.
Ты уже знаешь, как это делается, а если нет - смотри предыдущие уроки.
Наш пакет называется MaterialDesignThemes.
Устанавливай его.

В редакторе XAML добавляй следующее:

Код

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

Код

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

Добавил? Отлично.
Теперь открывай App.xaml и добавляй в самый конец ResourceDictionary.MergedDictionaries следующее:

Код

<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
<ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
<ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />

Код

<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />

                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />

Отлично, наш пакет подключен.
Теперь давай перетащим кнопку на окно твоей программы.

Моя кнопка

Теперь, добавив кнопке свойство

materialDesign:ShadowAssist.ShadowDepth="Depth0"

Код

materialDesign:ShadowAssist.ShadowDepth="Depth0"

мы сможем поменять тень кнопки, в данном случае Depth0 означает, что тень выключена.

Так же мы можем поменять цвет кнопки, задав ей свойство

Background="#FF00A8FF" BorderBrush="#FF00A8FF"

Код

Background="#FF00A8FF" BorderBrush="#FF00A8FF"

В кавычках указывай HEX цвет.

Вот что у меня получилось:

Красота

Первая часть урока про кнопки подходит к концу.
​