2. Plugin installation

To install plug-ins go to Tools -> NuGet Package Manager -> Manage NuGet Packages for Solution

First, let’s install the MaterialDesign plugin. We need it for beautiful button design.

Type the following query into the google search bar: wpf material design

We choose the first site in the search engine.

Copy the selected code.

… or copy it from here:

				
					    <Application.Resources>
        <ResourceDictionary>
            <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.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

… and paste in your App.xaml file:

				
					<Application x:Class="LogicGame.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:LogicGame"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <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.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

Copy this line

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

And past in MainWindow.xaml file:

				
					<Window x:Class="LogicGame.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:LogicGame"
        mc:Ignorable="d"        	
         xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        
    </Grid>
</Window>

I had errors with resources connection and made the following changes to the App.xaml code:

				
					            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesign2.Defaults.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.MergedDictionaries>

Although everything worked in another project, I don’t want to dwell on it too long, I’ll leave it as it is.

Now the buttons look like this:
first button with default styles, second button with styles applied:

I’ll use the default styles.

				
					<Window x:Class="LogicGame.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:LogicGame"
        mc:Ignorable="d"        	
         xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        Title="MainWindow" Height="450" Width="800">
    <Grid>

        <Button  Content="Button 1" Width="100" Height="30" Margin="83,127,609,263"  />
        <Button  Content="Button 2" Style="{StaticResource MaterialDesignFlatButton}" Width="100" Height="30" Margin="230,126,462,264"/>

    </Grid>
</Window>

C# .NET

csalgorithm.net

2. Plugin installation

To install plug-ins go to Tools -> NuGet Package Manager -> Manage NuGet Packages for Solution

First, let’s install the MaterialDesign plugin. We need it for beautiful button design.

Type the following query into the google search bar: wpf material design

We choose the first site in the search engine.

Copy the selected code.

… or copy it from here:

… and paste in your App.xaml file:

I had errors with resources connection and made the following changes to the App.xaml code:

Although everything worked in another project, I don’t want to dwell on it too long, I’ll leave it as it is.

Now the buttons look like this:
first button with default styles, second button with styles applied:

I’ll use the default styles.

Let’s install another plugin that allows you to compile project files into a single exe file:

In the next lesson, we will deal with the design of the playing field.

C# .NET

csalgorithm.net

2. Plugin installation

To install plug-ins go to Tools -> NuGet Package Manager -> Manage NuGet Packages for Solution

First, let’s install the MaterialDesign plugin. We need it for beautiful button design.

Type the following query into the google search bar: wpf material design

We choose the first site in the search engine.

Copy the selected code.

… or copy it from here:

… and paste in your App.xaml file:

I had errors with resources connection and made the following changes to the App.xaml code:

Although everything worked in another project, I don’t want to dwell on it too long, I’ll leave it as it is.

Now the buttons look like this: first button with default styles, second button with styles applied:

I’ll use the default styles.

Let’s install another plugin that allows you to compile project files into a single exe file:

In the next lesson, we will deal with the design of the playing field.

Now the buttons look like this:
first button with default styles, second button with styles applied: