Silverlight ImageButton UserControl

Question

Estoy empezando con Silverlight (2 RC0) y parece que no funciona lo siguiente. Quiero crear un botón de imagen simple para el control del usuario.

Mi xaml para el control de usuario es el siguiente:

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

El código subyacente es el siguiente:

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); 
    } 

Quiero ser capaz de crear dinámicamente los ImageButtons y las cosas en una contenedor como un WrapPanel: Supongamos que ya tenemos una imagen llamada "imagen":

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

¿Qué debo hacer para que se muestre la imagen? Supongo que tengo que hacer algo con DataContext, pero no estoy muy seguro de qué o dónde.

Gracias por cualquier ayuda

Answer 1

Usted puede obtener una ImageButton fácilmente con sólo un botón de templating ordinaria por lo que no requieren un control de usuario en absoluto. Suponiendo que Button.Content será ImageSource. El ControlTemplate del botón será:

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

Y el uso como un ItemsControl con la colección de URL como su ItemsSource, puede agregar WrapPanel como el ItemPanel. El valor predeterminado será StackPanel si no especifica uno.

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


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

Answer 2

Creo que esto ayudará. ¡Lo hizo por mí!

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

En lugar de la imagen, utilice ImageSource. P.EJ. typeof (ImageSource), etc.