Silverlight ImageButton UserControl

Question

Je commence tout juste avec Silverlight (2 RC0) et n'arrive pas à faire fonctionner ce qui suit. Je veux créer un simple contrôle d'utilisateur de bouton d'image.

Mon XAML pour le contrôle de l'utilisateur est la suivante:

<Button> 
     <Button.Template> 
      <ControlTemplate> 
       <Image Source="{TemplateBinding ImageSource}" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" /> 
      </ControlTemplate> 
     </Button.Template> 
    </Button> 

Le code se cache derrière comme suit:

public partial class ImageButtonUserControl : UserControl 
    { 
     public ImageButtonUserControl() 
     { 
      InitializeComponent(); 
     } 

     public Image Source 
     { 
      get { return base.GetValue(SourceProperty) as Image; } 
      set { base.SetValue(SourceProperty, value); } 
     } 
     public static readonly DependencyProperty SourceProperty = 
      DependencyProperty.Register("SourceProperty", typeof(Image), typeof(ImageButtonUserControl),null); 
    } 

Je veux être en mesure de créer dynamiquement les ImageButtons et les choses dans un conteneur comme un WrapPanel: Supposons que nous avons déjà une image nommée "image":

ImageButtonUserControl imageButton = new ImageButtonUserControl(); 
imageButton.Source = image; 
this.thumbnailStackPanel.Children.Add(imageButton); 

Que dois-je faire pour afficher l'image? Je suppose que je dois faire quelque chose avec DataContext, mais je ne suis pas tout à fait sûr de quoi ou où.

Merci pour toute aide

Answer 1

Vous pouvez obtenir un ImageButton facilement en Templating un bouton ordinaire de sorte que vous ne nécessitent pas un UserControl du tout. En supposant que Button.Content sera l'ImageSource. Le ControlTemplate du bouton sera:

<ControlTemplate x:Key="btn_template">   
    <Image Source="{TemplateBinding Content}" /> 
</ControlTemplate> 

Et l'utilisation en tant ItemsControl avec la collection d'URL comme ItemsSource, vous pouvez ajouter WrapPanel comme ItemPanel. La valeur par défaut sera StackPanel si vous n'en spécifiez pas.

<DataTemplate x:Key="dataTemplate"> 
    <Button Template="{StaticResource btn_template}" Content="{Binding}"/> 
</DataTemplate>  


<ItemsControl ItemsSource="{Binding UrlCollection}" ItemsTemplate="{StaticResource dataTemplate}"/> 

Answer 2

Je crois que cela aidera. Ca a fait pour moi!

http://www.nikhilk.net/Silverlight-Effects-In-Depth.aspx

Au lieu de cela l'image, utilisez ImageSource. PAR EXEMPLE. typeof (ImageSource), etc.