Draggable properties window on Canvas

Question

Hello, in my application I am drawing selectable basic shapes like line ellipse rectangle inside a Canvas control. When user selects these control I want to display a draggable properties window showing different properties like color/width/size for that
shape. This property window should move inside the Canvas when user drags the window. User can select multiple shapes and multiple properties windows can be visible,for,user.
How I can display a property window when user selects the control.

Answer 1

There are several options for property editing.
Coincidentally I'm working on a sample presents one way and lists some alternatives:
https://gallery.technet.microsoft.com/WPF-Property-List-Editing-a9780412
One of those ought to do the job.
The other question is how you show this.
You can make  a popup appear in a position relative to a control.
That's one option.
<Popup IsOpen="True" PlacementTarget="{Binding ElementName=yourshape}"
Placement="Bottom">
http://msdn.microsoft.com/en-us/library/bb613596(v=vs.110).aspx
That IsOpen controls whether you see the popup or not.
Bind that to something like maybe IsSelected if you have that on your shapes and it'll appear as the user selects, disappear as they de select.
You didn't ask, but those resize handle thingummies you see in the visual studio designer on controls are adorners.
You could possibly do something similar and make the adorners appear as a shape is selected ( as well ).
Please don't forget to upvote posts which you like and mark those which answer your question.
My latest Technet article - Dynamic XAML