Wie kann ich binden, eine Bild-Quelle?

Hier ist was ich habe, so weit:

<Image Source="{Binding ImageSource"} />

<Button Content"Text" ImageSource="path/image.png" />

Weiß ich, hier stimmt etwas nicht. Ich denke, ich kann nicht sehen, wo ImageSource definiert ist.

Ich habe mehrere von diesen Tasten, und wollen einfach nur ein einzigartiges Bild für jeden. Ich habe eine button-Vorlage, die ich verwende, und es funktioniert großartig für den text.

<Label Content="TemplateBinding Content" />

Vielen Dank für Ihre Hilfe!

InformationsquelleAutor B-Rad | 2012-07-31

  1. 7

    In Ihrem Fall, kann es sehr leicht!

    Fügen Sie die Bilder als Ressourcen zu Ihrem Projekt, dann in XAML
    verwenden Sie so etwas wie die folgenden:

    <Button HorizontalAlignment="Left" Margin="20,0,0,20" VerticalAlignment="Bottom" Width="50" Height="25">
    <Image Source="image.png" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0">
    </Image>
</Button>

    Oder die kompliziertere Möglichkeit:

    Wenn du das MVVM-Muster, können Sie Folgendes tun

    Im XAML-Code:

    <Button Focusable="False" Command="{Binding CmdClick}" Margin="0">
    <Image Source="{Binding ButtonImage}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0">
    </Image>
</Button>

    In der ViewModel:

    private Image buttonImage;

public Image ButtonImage 
{
    get
    {
       return buttonImage;
    }
}

    Und irgendwo in den Konstruktor von der ViewModel oder der Initialisierung von it:

    BitmapImage src = new BitmapImage();
src.BeginInit();
src.UriSource = new Uri("image.png", UriKind.Relative);
src.CacheOption = BitmapCacheOption.OnLoad;
src.EndInit();

buttonImage = new Image();
buttonImage.Source = src;

    InformationsquelleAutor Mare Infinitus

  2. 0

    Im XAML-Code:

     <Button Focusable="False" Command="{Binding CmdClick}" Margin="0">
     <Image Source="{Binding ImageSource,UpdateSourceTrigger=PropertyChanged} HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0">
     </Image>
 </Button>

    In der ViewModel:

     private BitmapImage _ImageSource;
 public BitmapImage ImageSource
 {
     get { return this._ImageSource; }
     set { this._ImageSource = value; this.OnPropertyChanged("ImageSource"); }
 }

 private void OnPropertyChanged(string v)
 {
     //throw new NotImplementedException();
     if (PropertyChanged != null)
         PropertyChanged(this, new PropertyChangedEventArgs(v));
 }
 public event PropertyChangedEventHandler PropertyChanged;

    Und irgendwo in den Konstruktor von der ViewModel oder der Initialisierung von it:

     string str = System.Environment.CurrentDirectory;
 string imagePath = str + "\\Images\\something.png";
 this.ImageSource = new BitmapImage(new Uri(imagePath, UriKind.Absolute));

    BZW.：

     string imagePath = "\\Images\\something.png";
 this.ImageSource = new BitmapImage(new Uri(imagePath, UriKind.Relative));

    InformationsquelleAutor J.B.D

Schreibe einen Kommentar