Wie binden Sie Daten von View zu ViewModel?

Question

Ich habe wenig Wissen über mvvm, aber das ist, wie ich meinen Code so weit schrieb:

<Image x:Name ="new_tooltip" Grid.Row="84" Grid.Column="57" Grid.ColumnSpan="78" Grid.RowSpan="15" Source="/MS_Show_Assets/MainMenuAssets/TT-Startscreen-MainMenu-New-DE.png" Visibility = "{Binding IsMouseOver, ElementName=New, Converter={StaticResource BooleanToVisibilityConverter}}"> 
      <Image.Style> 
       <Style TargetType="{x:Type Image}"> 
        <Setter Property="Visibility" Value="{Binding Path=IsNewTooltipVisible, Mode=OneWayToSource}" /> 
       </Style> 
      </Image.Style> 
     </Image> 

und Ansichtsmodell:

public class ViewMainMenuViewModel : BindableBase 
    { 
     public string IsNewTooltipVisible { get; set; } 

     public ViewMainMenuViewModel() 
     { 

     } 
    } 

Also im Grunde möchte ich einige Bild in der Ansicht sichtbar werden wenn die Maus über einer Taste ist. Sobald dieses Bild sichtbar ist, möchte ich "Visible" an eine Eigenschaft in der ViewModel-Klasse senden. Was fehlt mir noch in dieser Klasse?

Answer 1

Sie benötigen keine Eigenschaft in VM, um dies zu tun. Sie können Trigger auf Ansicht selbst verwenden, um das Bild bei Mausklick wie unten gezeigt anzuzeigen/auszublenden. Hier ist ElementName der Name der Schaltfläche, deren Mouseover Sie erfassen möchten.

<Image x:Name ="new_tooltip" Grid.Row="84" Grid.Column="57" Grid.ColumnSpan="78" Grid.RowSpan="15" Source="/MS_Show_Assets/MainMenuAssets/TT-Startscreen-MainMenu-New-DE.png" Visibility = "{Binding IsMouseOver, ElementName=New, Converter={StaticResource BooleanToVisibilityConverter}}"> 
      <Image.Style> 
       <Style TargetType="{x:Type Image}"> 
        <Setter Property="Visibility" Value="Collapsed"></Setter> 
        <Style.Triggers> 
         <DataTrigger Binding="{Binding IsMouseOver, ElementName=myButton}" Value="true"> 
          <Setter Property="Visibility" Value="Visible"></Setter> 
         </DataTrigger> 
        </Style.Triggers> 
       </Style> 
      </Image.Style> 
     </Image>