WPF: Eine Möglichkeit zur Quelle von ListBox Bindung

Question

Ich habe eine ListBox dessen ItemSource ist eine Liste, in der X ist definiert als:

public class X 
{ 
    public string FullPath { get; set; } 
} 

Mein Viewmodel ist

public class ViewModel 
{ 
    public List<X> MyList { get; set; } 
    public X MyItem { get; set; } 
    public ViewModel() 
    { 
     MyList = new List<X> 
     { 
      new X { FullPath = "q:\\temp\\x1.png"}, 
      new X { FullPath = "q:\\temp\\x2.png"} 
     }; 
    } 
} 

Und XAML:

<Window x:Class="Bind1.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local="clr-namespace:Bind1" 
     Title="MainWindow" Height="350" Width="525"> 
<Window.DataContext> 
    <local:ViewModel/> 
</Window.DataContext> 
    <StackPanel> 
     <Image Source="{Binding MyItem.FullPath, Mode=OneWay}" HorizontalAlignment="Left" VerticalAlignment="Top" Stretch="None"/> 
     <ListBox ItemsSource="{Binding MyList}" 
        SelectedItem="{Binding MyItem, Mode=OneWayToSource}" 
        SelectionMode="Single"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <TextBlock Text="{Binding FullPath}"/> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
     </ListBox> 
    </StackPanel> 
</Window> 

Dies funktioniert, wenn ich die Tastatur nach oben und nach unten Pfeile in der ListBox verwendet (das Bild aus dem Pfad in der ListBox angezeigt in th erscheint e <Image>). Wenn ich jedoch mit der Maus auf ein Objekt klicke, wird das Element, auf das ich klicke, nicht in der ListBox ausgewählt (der Mausklick hat keine Wirkung). Das korrekte Bild wird sehr kurz im Bild angezeigt (ein Bruchteil einer Sekunde), dann wird das Originalbild angezeigt. Was mache ich falsch?

Answer 1

Da Sie StackPanel verwenden, während die Image Änderungen bei der Auswahl Änderung der ListBox, die Größe der Image Steuerung ändern kann, damit auch die Lage des ListBox.

Ein solcher Fall kann dazu führen, dass der Listeneintrag, auf den Sie klicken, nicht identisch ist, wenn Sie die Maustaste loslassen, da sich die Position des Elements geändert hat.

Es gibt viele Abhilfe, z. fixieren die Größe der Image Steuerung verwenden Grid ein Layout zu definieren, oder setzen Sie einfach die Image nach dem ListBox in der StackPanel

Answer 2

ich das Problem reproduzieren können, und Sie können die Bildgröße beheben oder die Bildsteuerung unter dem Listenfeld bewegen . Ich stimme mit Evan