Tutusfunny

In this tutorial will teach how to make a calculator WPF simple design using c# step by step.

 

First you have design the Calculator.

MainWindow.xaml

<Window x:Class="WPFCalculator.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:WPFCalculator"
        mc:Ignorable="d"
        Title="Add Numbers" Height="200" Width="400">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="25"/>
            <ColumnDefinition Width="350"/>
            <ColumnDefinition Width="25"/>
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="25"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="5"/>
        </Grid.RowDefinitions>

        <StackPanel Grid.Column="1"
                    Grid.Row="1">

            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100"/>
                    <ColumnDefinition Width="250"/>

                </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>

                    <RowDefinition Height="25"/>
                    <RowDefinition Height="5"/>
                    <RowDefinition Height="25"/>
                    <RowDefinition Height="5"/>
                    <RowDefinition Height="25"/>
                    <RowDefinition Height="25"/>


                </Grid.RowDefinitions>

                <Label Content="Num 1 :" 
                       Grid.Row="0"
                       Grid.Column="0"
                       
                       />

                <TextBox
                    x:Name="TextBoxNum1"
                    Grid.Row="0"
                    Grid.Column="1"
                    />

                <Label Content="Num 2 :"
                         Grid.Row="2"
                         Grid.Column="0"
                       />

                <TextBox
                    x:Name="TextBoxNum2"
                    Grid.Row="2"
                    Grid.Column="1"
                    />


                <Label Content="Total :"
                         Grid.Row="4"
                         Grid.Column="0"
                       />

                <TextBox
                    x:Name="TextBoxTotal"
                    Grid.Row="4"
                    Grid.Column="1"
                    />


            </Grid>



            <StackPanel
                     Grid.Row="8"
                     Grid.ColumnSpan="2"
                     Orientation="Horizontal">

                <Button
                        Width="50"
                        Content="+"
                        x:Name="ButtonAdd"
                        Margin="10 0 10 0"
                        Click="ButtonAdd_Click" Background="#FF04097E" Foreground="White"/>

                <Button
                        Width="50"
                        Content="-"
                        x:Name="ButtonMinus"
                        Margin="10 0 10 0"
                        Click="ButtonMinus_Click" Background="#FF04097E" Foreground="White"
                    />
                <Button
                        Width="50"
                        Content="*"
                        x:Name="ButtonSub"
                        Margin="10 0 10 0"
                        Click="ButtonSub_Click" Background="#FF04097E" Foreground="White"
                        />
                <Button
                        Width="50"
                        Content="/"
                        x:Name="ButtonDiv"
                        Margin="10 0 10 0"
                        Click="ButtonDiv_Click" Background="#FF04097E" Foreground="White"
                        />
                <Button
                        Width="50"
                        Content="Clear"
                        x:Name="ButtonClear"
                        Margin="10 0 10 0"
                        Click="ButtonClear_Click" Background="#FF04097E" Foreground="White"
                        />
            </StackPanel>
        </StackPanel>

    </Grid>
</Window>

MainWindow.xaml.cs

 public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            ButtonAdd.Click += ButtonAdd_Click;
            ButtonMinus.Click += ButtonMinus_Click;
            ButtonSub.Click += ButtonSub_Click;
            ButtonDiv.Click += ButtonDiv_Click;
            ButtonClear.Click += ButtonClear_Click;
        }

        private void ButtonClear_Click(object sender, RoutedEventArgs e)
        {
            TextBoxNum1.Text = "";
            TextBoxNum2.Text = "";
            TextBoxTotal.Text = "";
            TextBoxNum1.Focus();
        }

        private void ButtonDiv_Click(object sender, RoutedEventArgs e)
        {
            int num1 = int.Parse(TextBoxNum1.Text);
            int num2 = int.Parse(TextBoxNum2.Text);

            int tot = num1 / num2;

            TextBoxTotal.Text = tot.ToString();
        }

        private void ButtonSub_Click(object sender, RoutedEventArgs e)
        {
            int num1 = int.Parse(TextBoxNum1.Text);
            int num2 = int.Parse(TextBoxNum2.Text);

            int tot = num1 * num2;

            TextBoxTotal.Text = tot.ToString();
        }

        private void ButtonMinus_Click(object sender, RoutedEventArgs e)
        {
            int num1 = int.Parse(TextBoxNum1.Text);
            int num2 = int.Parse(TextBoxNum2.Text);

            int tot = num1 - num2;

            TextBoxTotal.Text = tot.ToString();
        }

        private void ButtonAdd_Click(object sender, RoutedEventArgs e)
        {
            int num1 = int.Parse(TextBoxNum1.Text);
            int num2 = int.Parse(TextBoxNum2.Text);

            int tot = num1 + num2;

            TextBoxTotal.Text = tot.ToString();

        }
    }

i have attached the video link below. which will do this tutorials step by step.