Question

I need to make an application which has two windows:

Window 1
Contains 6 countdown timers.

Window 2
Here will the settings og the individual timers be set.

What will be the best solution for this functionality? I will be using c# wpf and .Net 4.0

Answer 1

MVVM

1. CountDownView
Represents a single timer View, simple TextBlock bound to a CurrentValue property or something more nice/complex instead of TextBlock

2. CountDownViewModel
Represents a single timer itself, expose property int CurrentValue displayed as countdown number on the View. To implement countdown you can use Sytem.Timers.Timer and in Elapsed event handler just decrement CurrentValue property value

3. TimersView – for first window with 6 timers

• ItemsCountrol / ListView,
• ItemTemplate – CountDownView

• ItemsSource – bound to a Timers property of TimersViewModel, basically TimersViewModel shoudl be set to DataContext of the TimersView so you woudl eb able to specify following binding: (and each item will be bound to single Timer)

  <ListView ItemsSource="{Binding Timers}" ... />

4. TimersViewModel – expose IEnumerable<CountDownViewModel> Timers property

5. SettingsView – Settings panel

PS: INotifyPropertyChanged for all VM properties exposed to Views

Homework for you:

1. Understand MVVM principles, WPF Bindings and Commands, this would be helpful for you along all your career
2. Implement relation between TimersViewModel and SettingsViewModel yourself