Windows Phone 7 – A Simple Clock App in 10-15 Minutes

I have started to learn WP7 through reading an e-book, and here I would like to share the Simple clock example which I have practiced just now. Its very easy to understand and implement.

MainPage.xaml

 <grid x:name="ContentPanel" grid.row="1" margin="12,0,12,0">
            <textbox height="72" horizontalalignment="Center" name="txtTimer" verticalalignment="Center" width="345">
        </textbox></grid>

Below is the entire code file. And yes include System.Windows.Threading namespace because DispatcherTimer resides in it and its not included by default. The constructor initializes the DispatcherTimer, instructing it to call OnTimerTick once every second. The event handler onTimerTick simply converts the current time to a string to set it to the TextBlock.

MainPage.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Threading;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;

namespace _1OrientationDemo
{
    public partial class MainPage : PhoneApplicationPage
    {
        // Constructor
        public MainPage()
        {
            InitializeComponent();

            DispatcherTimer timer  = new DispatcherTimer();
            timer.Interval = TimeSpan.FromSeconds(1);
            timer.Tick += OnTimerTick;
            timer.Start();
        }

        void OnTimerTick(object sender, EventArgs args)
        {
            txtTimer.Text = DateTime.Now.ToString();
        }

    }
}

And that's it!