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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 |
<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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
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.