Silverlight ImageButton UserControl

Question

Ich beginne gerade mit Silverlight (2 RC0) und scheint nicht zu funktionieren. Ich möchte eine einfache Bildschaltfläche erstellen.

Meine XAML für die Benutzersteuerung ist wie folgt:

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

Der Code hinter sich wie folgt:

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

ich dynamisch in der Lage sein wollen, um die ImageButtons zu erstellen und stopfen sie in ein Behälter wie ein WrapPanel: Angenommen, wir haben ein Bild „Bild“ genannt schon:

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

Was muss ich tun, damit das Bild angezeigt wird? Ich gehe davon aus, dass ich etwas mit DataContext machen muss, aber ich bin mir nicht sicher, was oder wo.

Vielen Dank für jede Hilfe

Answer 1

Sie eine Image einfach nur durch Templating einen gewöhnlichen Knopf so dass Sie kann sich auch alle Usercontrol nicht erforderlich. Angenommen, Button.Content ist die ImageSource. Die Control des Button wird:

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

Und die Nutzung als Itemscontrol mit URL-Sammlung als Itemssource, Sie können WrapPanel als ItemPanel hinzufügen. Der Standardwert ist StackPanel, wenn Sie keinen angeben.

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


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

Answer 2

Ich glaube, das wird helfen. Es hat für mich getan!

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

Statt Bild, verwenden Image. Z.B. typeof (ImageSource), etc ..