Windows Presentation Foundation 4.5 Cookbook

Adding/removing elements to a panel dynamically

Panels contain elements that are typically added in XAML as a base for the user interface. Sometimes, however, we need to add or remove elements dynamically at run time based on user actions or other criteria. Let's see how this can be done.

Getting ready

Make sure Visual Studio is up and running.

How to do it...

We'll create a simple circle drawing program. Every click adds a circle to a Canvas.

1. Create a new WPF application named CH03.PaintingCircles.
2. Open MainWindow.xaml. Replace the default Grid with a Canvas, name it _canvas, and set its Background to White.
3. Add an event handler for the MouseUp event to the Canvas:

   <Canvas x:Name="_canvas" Background="White" 
           MouseUp="OnClickCanvas">       
   </Canvas>

4. Navigate ...