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(); } }
In this tutorial will teach Laravel 11 Api MVC with Repository Pattern Crud Application step…
In this tutorial will teach Laravel 11 CRUD Application step by step. Laravel 11 CRUD…
in this tutorials we will be talk about how to make a times table in…
In this tutorials will teach How to add two numbers in Laravel 10. (more…)
In this tutorial, we will teach the process of building a full-stack application using Node.js,…
In this tutorial, we will explin you through the process of building a Hospital Management…