Définition des propriétés d'un contrôle dans xaml

Question

Je crée un contrôle WPF personnalisé qui utilise une image à l'intérieur de celui-ci. Ce contrôle personnalisé sera comme n'importe quel autre, il sera déclaré dans xaml. Je veux avoir une propriété publique pour ce contrôle pour spécifier la source de l'image interne, de la même façon que vous le faites lors de l'utilisation d'un contrôle de l'image:

<Image Source="http://foo.com/bar.jpg"></Image> 

Ce que je veux faire est d'avoir l'utilisation suivante mon contrôle:

<MyCustomControl ImageSource="http://foo.com/bar.jpg"></MyCustomControl> 

Et puis à l'intérieur, quelque chose comme:

<UserControl class="MyCustomControl" ...> 
    <Image Source="{Binding Imagesource}"></Image> 
</UserControl> 

Quel genre de configuration ai-je besoin dans mon codebehind pour que cela fonctionne? J'ai essayé quelques petites choses mais je n'ai rien à faire.

Answer 1

Ce que vous avez besoin est un dependency property de type ImageSource et une bonne liaison, soit utiliser ElementName ou RelativeSource, ne pas utiliser le DataContext sur UserControls.

<UserControl Name="control" x:Class="MyCustomControl" ...> 
    <Image Source="{Binding ImageSource, ElementName=control}"/> 
</UserControl> 

<UserControl x:Class="MyCustomControl" ...> 
    <Image Source="{Binding ImageSource, 
          RelativeSource={RelativeSource AncestorType=UserControl}}"/> 
</UserControl>