Introduction
This tutorial shows you how we to create a simple digital clock in SilverLight 2. I've also created an analog clock in WPF and Expression Blend 2.
Using the code
Before everything, we need to create a timer. I learned to do this from here.
public void StartTimer(object o, RoutedEventArgs sender)
{
System.Windows.Threading.DispatcherTimer myDispatcherTimer =
new System.Windows.Threading.DispatcherTimer();
myDispatcherTimer.Interval = new TimeSpan(0, 0, 0, 0, 1000); myDispatcherTimer.Tick += new EventHandler(Each_Tick);
myDispatcherTimer.Start();
}
Now, we should create three TextBlock
s with XAML code:
<TextBlock Margin="8,8,0,9" Foreground="#FFFFFFFF"
TextWrapping="Wrap" HorizontalAlignment="Left"
FontSize="72" Text="00"
d:LayoutOverrides="HorizontalAlignment,
Height" VerticalAlignment="Center" x:Name="hourText"/>
Now, we write a method to change the text every second:
public void Each_Tick(object o, EventArgs sender)
{
hourText.Text = DateTime.Now.Hour.ToString();
minuteText.Text = DateTime.Now.Minute.ToString();
secondText.Text = DateTime.Now.Second.ToString();
}
History
- 27th November, 2008: First post.