Liaison de la position et de la taille d'un UserControl dans un canevas dans WPF

Question

Nous devons créer dynamiquement (c'est-à-dire pendant l'exécution, via code-behind) les UserControls et les positionner sur un canevas. Nous souhaitons lier la position (Canvas.Left et Canvas.Top) et la largeur de ces contrôles utilisateur (!) Et draggable (!) À une collection Observable <>. Cette mesure lorsque l'utilisateur fait glisser ou redimensionne le contrôle, la source de données est automatiquement mise à jour.

Comment pourrions-nous y parvenir si le contrôle Usercontrol est contenu dans un DataTemplate qui est à son tour utilisé par un ListBox dont le DataContext est défini sur la collection à laquelle nous voulons nous lier? En d'autres termes, comment lier la position et la taille d'un contrôle qui n'existe pas en XAML, mais uniquement en code (parce qu'il est créé en cliquant et en faisant glisser la souris)?

Notez que la collection peut être vide ou non vide, ce qui signifie que la taille et la position stockées dans la source de données doivent être correctement liées pour que UserControl puisse être dimensionné et positionné correctement dans Canvas via DataBinding. Est-ce possible?

Answer 1

Avez-vous essayé d'utiliser une liaison Mode=TwoWay?

<YourUserControl 
    Canvas.Top="{Binding TopProperty, Mode=TwoWay}" 
    Canvas.Left={Binding LeftProperty, Mode=TwoWay}" 
    Height="{Binding HeightProperty, Mode=TwoWay}" 
    Width="{Binding WidthProperty, Mode=TwoWay}" /> 

Je ne suis pas convaincu dans les deux sens de liaison fonctionnera avec Redimensionner ou glisser-déposer des opérations, mais il n'y a qu'une seule façon de le savoir.