Introduction
Today we are creating a simple calculator Windows Store App using C# and XAML in Visual Studio 2012. This calculator app will simply perform addition, subtraction, multiplication, division and percentage calculation like the Windows Calculator but not like the scientific calculator.
Step 1
The first step is to create a new Windows Store App.

Step 2
In the second step double-click on "MainPage.xaml":

Step 3
The "MainPage.xaml" is as in the follwoing code:
<Page
x:Class="App2.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App2"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<TextBox HorizontalAlignment="Left" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Margin="436,85,0,0" Width="380" x:Name="TextBox" FontWeight="Bold"/>
<TextBox HorizontalAlignment="Left" x:Name="ValuText" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Margin="436,117,0,0" Width="380"/>
<Button Content="Plus" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="436,176,0,0" Width="80" x:Name="BtnPlus" Click="BtnPlus_Click"/>
<Button Content="Subs" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="536,176,0,0" Width="80" x:Name="BtnMinus" Click="BtnMinus_Click"/>
<Button Content="Multi" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="636,176,0,0" Width="80" x:Name="BtnMulti" Click="BtnMulti_Click"/>
<Button Content="Dive" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="736,176,0,0" Width="80" x:Name="BtnDiv" Click="BtnDiv_Click"/>
<Button Content="1" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="436,231,0,0" Width="80" x:Name="Btn1" Click="Btn1_Click"/>
<Button Content="2" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="536,231,0,0" Width="80" x:Name="Btn2" Click="Btn2_Click"/>
<Button Content="3" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="636,231,0,0" Width="80" x:Name="Btn3" Click="Btn3_Click"/>
<Button Content="4" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="436,287,0,0" Width="80" x:Name="Btn4" Click="Btn4_Click"/>
<Button Content="5" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="536,287,0,0" Width="80" x:Name="Btn5" Click="Btn5_Click"/>
<Button Content="6" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="636,287,0,0" Width="80" x:Name="Btn6" Click="Btn6_Click"/>
<Button Content="7" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="436,342,0,0" Width="80" x:Name="Btn7" Click="Btn7_Click"/>
<Button Content="8" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="536,342,0,0" Width="80" x:Name="Btn8" Click="Btn8_Click"/>
<Button Content="9" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="636,342,0,0" Width="80" x:Name="Btn9" Click="Btn9_Click"/>
<Button Content="0" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="436,399,0,0" Width="80" x:Name="Btn0" Click="Btn0_Click"/>
<Button Content="." HorizontalAlignment="Left" VerticalAlignment="Top" Margin="536,399,0,0" Width="80" x:Name="BtnDot" Click="BtnDot_Click"/>
<Button Content="Cancel" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="636,399,0,0" Width="80" x:Name="BtnCan" Click="BtnCan_Click"/>
<Button Content="=" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="736,342,0,0" Height="95" Width="80" x:Name="BtnEqual" Click="BtnEqual_Click"/>
<Button Content="Per" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="736,231,0,0" Width="80" x:Name="BtnPer" Click="BtnPer_Click"/>
<Button Content="Clear" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="736,287,0,0" Width="80" Click="Button_Click_1"/>
</Grid>
</Page>
Step 4
The "MainPage.xaml.cs" is as in the following code:
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;


Priscillia AgnesPosted Oct 22, 2014, 10:07 PM
how to make more than 2 operation? For example: 2+3+6 or 10-3*5
Sharad GuptaPosted Feb 14, 2013, 5:06 AM
nice article