Over a million developers have joined DZone.

Property Change Notification for Windows Phone 7

DZone's Guide to

Property Change Notification for Windows Phone 7

· Mobile Zone
Free Resource

Download this comprehensive Mobile Testing Reference Guide to help prioritize which mobile devices and OSs to test against, brought to you in partnership with Sauce Labs.

In this lesson I will implement a Property Change Notification for a Windows Phone 7 application. This pattern is very useful for providing a communication between different user controls (parent-child) in Silverlight applications. For example, you can use that pattern if you have one parent control with many child controls and parent control needs to be notified if one of child control’s properties is changed.


More information about Property Change Notification at MSDN.


  • First of all, we need to create a new Windows Phone application project for our lesson
  • Then we need to add a new User Control to our project. This user control will have a property that will be changed. I’ve created a user control called “MyUserControl”
  • Now we need to implement ”’INotifyPropertyChanged ”’interface for that user control.

    public partial class MyUserControl : UserControl, INotifyPropertyChanged

    INotifyPropertyChanged interface is using ”’System.ComponentModel”’ namespace

    using System.ComponentModel;

    During interface implementation a new event member is created

    public event PropertyChangedEventHandler PropertyChanged;

  • Now we need to created a method to fire the property change event. It shall have string as an input parameter.
    protected void OnPropertyChanged(string name)
       if (PropertyChanged != null)
          PropertyChanged(this, new PropertyChangedEventArgs(name));
  • Now we need to change our property somehow. I have created a textbox and a button for that reason.

    Also we need to add a click event to the button to set our property with a text from a textbox.

    private void btn1_Click(object sender, RoutedEventArgs e)
       MyProperty = textBox1.Text;
    Now we need to add our child control to parent and attach to a PropertyChanged event of a child control inside our parent class. MainPage.xaml will be a parent class in our case. I have added our user control and textblock for displaying results to MainPage xaml:

    XAML for ContentGrid will now look like that:

    <Grid x:Name="ContentGrid" Grid.Row="1">
          <RowDefinition Height="Auto"></RowDefinition>
          <RowDefinition Height="Auto"></RowDefinition>
          <RowDefinition Height="*"></RowDefinition>
       <my:MyUserControl Grid.Row="2" HorizontalAlignment="Left" Margin="0,23,0,0" x:Name="usrControl" VerticalAlignment="Top" Width="474" />
       <TextBlock Grid.Row="2" Height="91" HorizontalAlignment="Left" Margin="67,220,0,0" Name="tbResult" Text="TextBlock" VerticalAlignment="Top" Width="360" FontSize="36" />

    To subscribe for an event we need to add following code to MainPage class constructor:

       += new System.ComponentModel.PropertyChangedEventHandler(usrControl_PropertyChanged);

    This usrControl_PropertyChanged should look like that:

    void usrControl_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
       if (!string.IsNullOrEmpty(e.PropertyName))
          if (e.PropertyName.Equals("MyPropertyChanged"))
             tbResult.Text = usrControl.MyProperty;
    • Finally, after running the application in emulator, entering text to a textbox, pushing the “Change Property” button, a new text will appear in textblock.

Analysts agree that a mix of emulators/simulators and real devices are necessary to optimize your mobile app testing - learn more in this white paper, brought to you in partnership with Sauce Labs.


Published at DZone with permission of Jevgeni Tšaikin. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}