Creating Arithmetic Operation In Universal Windows Apps Development With XAML And Visual C#

Before reading this article, please go through the following article.

The following important tools are required for developing a UWP application

1. Windows 10 (Recommended).
2. Visual Studio 2015 Community Edition (It is a free software available online).

Now, we can discuss the step by step App development.

Step 1: Open Visual Studio 2015 -> Start -> New Project-> Select Universal (under Visual C#->Windows)-> Blank App -> Give it a suitable name (e.g., ArithmaticOper) ->OK.



Step 2 : Choose the target and minimum platform version that your Windows Universal Application will support. App.xaml and MainPage.xaml files are created.



Step 3: Open (double click) the file MainPage.xaml in the Solution Explorer and choose design mode in the bottom of the page. Select the device and its scale as per your requirement. And, set the zoom size for your View.



Step 4 : Click on the Toolbox tab in the left pane, to open the list of common XAML controls. Expand Common XAML Controls, and drag the required control to the middle of the design canvas based on your arithmetic operation.



Find below the table and controls required for this Arithmetic Operation App.

After dragging and dropping the TextBlock and TextBox control, you have to change their names and text properties.



Same process goes with Button control.



While adding an Event method in button control, ex., Click event for Addition operation,



Automatically, the Addition method is generated and we have to write the code here.



The Addition operation code is shown below:



The entire Arithmetic operation code is:



Final design of your project is:



Note: Automatically, the following code will be generated in XAML code View while we are done in the design View.