Prerequisites-
Now, let's get started with the steps, given below-
Step 1 - Create Windows Universal Project
Open Visual Studio 2015 and Click File -> New -> Project Option for New Universal app.
Step 2 - Giving the Project Name
New Project Window will open. You can select an Installed -> Template -> Visual C# -> Windows -> Universal and select a Blank app (Universal Windows).
Type Project Name TimerApp and click OK button.
Step 3 - Setting the platform Versions
Here, we choose the Target Version and Minimum Version for our Universal Windows Application and click OK button.
Step 4 - Choose Designer Window
Now, we go to the Solution Explorer and open MainPage.xaml for design.
Step 5 - Designing the App
In MainPage.xaml designing page, drag the button control from the tool box. Go to Property Window and change the name as Startbutton and content to start Timer.
Next, drag the next button control from the tool box and go to the Property Window. Change the name as Stopbutton and content to stop Timer.
Last, drag the Textblock control from the tool box and go to the Property Window, change the name as Displaytext and content is kept as empty.
Step 6 - Add the Coding
To add coding, double click on the Start Timer button and add the mentioned source code-
- private void Startbutton_Click(object sender, RoutedEventArgs e) {
- Timmer.Start();
- }
Double click on the Stop Timer button and add the mentioned source code-
- private void Stopbutton_Click(object sender, RoutedEventArgs e) {
- Displaytext.Text = Timmer.Elapsed.ToString();
- string milliseconds = Timmer.ElapsedMilliseconds.ToString();
- Timmer.Stop();
- }
Add the coding, given below-
- Stopwatch Timmer = new Stopwatch();
Add the header file, given below-
- using System.Diagnostics;
Finally, the coding Window looks like -
Step 7 - Run the Application
Now, we are ready to run our project. Thus, click the Local Machine to run the Application.
Output
Conclusion
I hope, you understood Simple Timer app in Universal Window and how to run it.