Binden der Sichtbarkeit einer Schaltfläche an einen Bool-Wert in ViewModel

Wie binde ich die Sichtbarkeit einer Schaltfläche an einen Bool-Wert in meinem ViewModel?

<Button Height="50" Width="50" Style="{StaticResource MyButtonStyle}"
    Command="{Binding SmallDisp}" CommandParameter="{Binding}" Cursor="Hand"
    Visibility="{Binding Path=AdvancedFormat}" />

Angenommen, a AdvancedFormatist bool, müssen Sie Folgendes deklarieren und verwenden BooleanToVisibilityConverter:

<!-- In your resources section of the XAML -->
<BooleanToVisibilityConverter x:Key="BoolToVis" />

<!-- In your Button declaration -->
<Button
 Height="50" Width="50"
 Style="{StaticResource MyButtonStyle}"
 Command="{Binding SmallDisp}" CommandParameter="{Binding}" 
Cursor="Hand" Visibility="{Binding Path=AdvancedFormat, Converter={StaticResource BoolToVis}}"/>

Beachten Sie die hinzugefügten Converter={StaticResource BoolToVis}.

Dies ist ein sehr häufiges Muster bei der Arbeit mit MVVM. Theoretisch Sie die Konvertierung selbst auf der Ansichtsmodell Eigenschaft tun könnten (dh macht nur die Eigenschaft , selbst vom Typ Visibility) , obwohl ich das nicht tun würde es vorziehen, da jetzt Sie sind Messing mit der Trennung von Bedenken. Die Sichtbarkeit eines Gegenstands sollte wirklich der Ansicht entsprechen.

Es gibt einen dritten Weg, der keinen Konverter oder eine Änderung Ihres Ansichtsmodells erfordert: Verwenden Sie einen Stil:

<Style TargetType="Button">
   <Setter Property="Visibility" Value="Collapsed"/>
   <Style.Triggers>
      <DataTrigger Binding="{Binding IsVisible}" Value="True">
         <Setter Property="Visibility" Value="Visible"/>
      </DataTrigger>
   </Style.Triggers>
</Style>

Ich bevorzuge diese Technik, weil ich sie in vielen Fällen verwende, in denen das, woran ich bin, nicht boolesch ist - z. B. das Anzeigen eines Elements nur, wenn DataContextes nicht null ist, oder das Implementieren von Mehrzustandsanzeigen, bei denen unterschiedliche Layouts basierend auf dem angezeigt werden Einstellung einer Aufzählung im Ansichtsmodell.

2-Wege-Konvertierung in c # von Boolesch in Sichtbarkeit

using System;
using System.Windows;
using System.Windows.Data;

namespace FaceTheWall.converters
{
    class BooleanToVisibilityConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value is Boolean && (bool)value)
            {
                return Visibility.Visible;
            }
            return Visibility.Collapsed;
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value is Visibility && (Visibility)value == Visibility.Visible)
            {
                return true;
            }
            return false;
        }
    }
}

Im Allgemeinen gibt es zwei Möglichkeiten: eine Konverterklasse oder eine Eigenschaft im Ansichtsmodell, die den Wert im Wesentlichen für Sie konvertiert.

Ich tendiere dazu, den Immobilienansatz zu verwenden, wenn es sich um eine einmalige Konvertierung handelt. Wenn Sie es wiederverwenden möchten, verwenden Sie den Konverter. Unten finden Sie ein Beispiel für den Konverter:

<ValueConversion(GetType(Boolean), GetType(Visibility))> _
Public Class BoolToVisibilityConverter
    Implements IValueConverter

    Public Function Convert(ByVal value As Object, ByVal targetType As System.Type, ByVal parameter As Object, ByVal culture As System.Globalization.CultureInfo) As Object Implements System.Windows.Data.IValueConverter.Convert

        If value IsNot Nothing Then
            If value = True Then 
                Return Visibility.Visible
            Else
                Return Visibility.Collapsed
            End If
        Else
            Return Visibility.Collapsed
        End If
    End Function

    Public Function ConvertBack(ByVal value As Object, ByVal targetType As System.Type, ByVal parameter As Object, ByVal culture As System.Globalization.CultureInfo) As Object Implements System.Windows.Data.IValueConverter.ConvertBack
        Throw New NotImplementedException
    End Function
End Class

Eine ViewModel-Eigenschaftsmethode überprüft lediglich den booleschen Eigenschaftswert und gibt eine darauf basierende Sichtbarkeit zurück. Stellen Sie sicher, dass Sie INotifyPropertyChanged implementieren, und rufen Sie es in den Eigenschaften Boolean und Visibility auf, um es ordnungsgemäß zu aktualisieren.

Dies kann auf sehr einfache Weise erreicht werden. 1. Schreiben Sie dies in die Ansicht.

<Button HorizontalAlignment="Center" VerticalAlignment="Center" Width="50" Height="30">
<Button.Style>
        <Style TargetType="Button">
                <Setter Property="Visibility" Value="Collapsed"/>
                        <Style.Triggers>
                                <DataTrigger Binding="{Binding IsHide}" Value="True">
                                        <Setter Property="Visibility" Value="Visible"/>
                                    </DataTrigger>
                            </Style.Triggers>
            </Style>
    </Button.Style>

2. Das Folgende ist die Boolesche Eigenschaft, die den Wert true / false enthält. Das Folgende ist das Code-Snippet. In meinem Beispiel befindet sich diese Eigenschaft in der UserNote-Klasse.

   public bool _isHide = false;
   
   public bool IsHide
   {
   
   get { return _isHide; }
   
   set
       {
           _isHide = value;
               OnPropertyChanged("IsHide");
       }
   } 

3. Auf diese Weise erhält die IsHide- Eigenschaft den Wert.

   userNote.IsHide = userNote.IsNoteDeleted;

Im Hinblick auf:

<Button
 Height="50" Width="50"
 Style="{StaticResource MyButtonStyle}"
 Command="{Binding SmallDisp}" CommandParameter="{Binding}" 
Cursor="Hand" Visibility="{Binding Path=AdvancedFormat}"/>

In Ansicht Modell:

public _advancedFormat = Visibility.visible (whatever you start with)

public Visibility AdvancedFormat
{
 get{return _advancedFormat;}
 set{
   _advancedFormat = value;
   //raise property changed here
}

Sie müssen ein Ereignis mit geänderter Eigenschaft haben

 protected virtual void OnPropertyChanged(PropertyChangedEventArgs e) 
    { 
        PropertyChanged.Raise(this, e); 
    } 

    protected void OnPropertyChanged(string propertyName) 
    { 
        OnPropertyChanged(new PropertyChangedEventArgs(propertyName)); 
    } 

So verwenden sie Model-View-View-Modell

Da Sie jedoch möchten, dass es an einen Booleschen Wert gebunden ist, benötigen Sie einen Konverter. Eine andere Möglichkeit besteht darin, einen Booleschen Wert außerhalb festzulegen. Wenn Sie auf diese Schaltfläche klicken, setzen Sie die Eigenschaft_advancedFormat auf die gewünschte Sichtbarkeit.

Seit Windows 10 15063 aufwärts

Seit Windows 10 Build 15063 gibt es eine neue Funktion namens "Implizite Sichtbarkeitskonvertierung", die die Sichtbarkeit nativ an den Bool-Wert bindet. Es ist kein Konverter mehr erforderlich.

(Siehe https://social.technet.microsoft.com/wiki/contents/articles/34846.uwp-compiled-binding-windows-10-anniversary-update.aspx#Implicit_Visibility_conversion ).

Mein Code (der voraussetzt, dass MVVM verwendet wird, und auch Vorlage 10):

<!-- In XAML -->
<StackPanel x:Name="Msg_StackPanel" Visibility="{x:Bind ViewModel.ShowInlineHelp}" Orientation="Horizontal" Margin="0,24,0,0">
    <TextBlock Text="Frosty the snowman was a jolly happy soul" Margin="0,0,8,0"/>
    <SymbolIcon Symbol="OutlineStar "/>
    <TextBlock Text="With a corncob pipe and a button nose" Margin="8,0,0,0"/>
</StackPanel>

<!-- in companion View-Model -->
public bool ShowInlineHelp // using T10 SettingsService
{ 
    get { return (_settings.ShowInlineHelp); }
    set { _settings.ShowInlineHelp = !value; base.RaisePropertyChanged(); }
}