ViewModel'de bir Button görünürlüğünü bool değerine bağlama

ViewModel'imde bir düğmenin görünürlüğünü bool değerine nasıl bağlarım?

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

A olduğunu varsayarsak AdvancedFormat, şunu boolbeyan etmeniz ve kullanmanız gerekir 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}}"/>

Eklenenlere dikkat edin Converter={StaticResource BoolToVis}.

Bu, MVVM ile çalışırken çok yaygın bir modeldir. Teorik olarak ViewModel mülkiyet dönüşüm kendiniz yapabileceğini (yani sadece tip özelliğini kendisi yapmak Visibilitybunu yapmamayı tercih ediyorum ama şimdi bu yana,) olan kaygıları ayrılığı karıştırmasını. Bir öğenin görünürlüğü gerçekten Görünüme bağlı olmalıdır.

Görünüm modelinizde bir dönüştürücü veya değişiklik gerektirmeyen üçüncü bir yol var: bir stil kullanın:

<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>

Bu tekniği tercih etme eğilimindeyim çünkü onu bağladığım şeyin boole olmadığı birçok durumda kullanıyorum - örneğin, bir öğeyi yalnızca DataContextboş değilse görüntüleme veya farklı düzenlerin görünüm modelinde bir numaralandırma ayarı.

Boolean'dan görünürlüğe c # 'de 2 yönlü dönüşüm

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

Genellikle bunu yapmanın iki yolu vardır, bir dönüştürücü sınıfı veya Viewmodel'de değeri sizin için esasen dönüştüren bir özellik.

Bir defaya mahsus bir dönüşüm ise mülkiyet yaklaşımını kullanma eğilimindeyim. Yeniden kullanmak istiyorsanız, dönüştürücüyü kullanın. Aşağıda, dönüştürücü için bir örnek bulun:

<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

Bir ViewModel özellik yöntemi, yalnızca boole özelliği değerini kontrol eder ve buna göre bir görünürlük döndürür. INotifyPropertyChanged uyguladığınızdan ve doğru şekilde güncellenmesi için Boolean ve Visibility özelliklerinde çağırdığınızdan emin olun.

Bu çok basit bir şekilde başarılabilir 1. Bunu görünümde yazın.

<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. Aşağıda, doğru / yanlış değerini tutan Boolean özelliği verilmiştir. Aşağıdaki kod parçacığıdır. Örneğimde bu özellik UserNote sınıfındadır.

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

3. Bu, IsHide özelliğinin değeri almasının yoludur .

   userNote.IsHide = userNote.IsNoteDeleted;

Görünümünde:

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

Görünüm Modelinde:

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

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

Bir mülk değişikliği etkinliğine ihtiyacınız olacak

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

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

Model-görünüm-görünüm modelini böyle kullanıyorlar

Ancak bir boolean ile bağlanmasını istediğiniz için, biraz dönüştürücüye ihtiyacınız olacak. Başka bir yol da boole değerini dışarıda ayarlamak ve bu düğmeye tıklandığında property_advancedFormat öğesini istediğiniz görünürlüğe ayarlamaktır.

Windows 10 15063'ten beri

Windows 10 15063'ü oluşturduğundan, Görünürlüğü yerel olarak bool değerine bağlayan "Örtülü Görünürlük dönüşümü" adlı yeni bir özellik var - Artık dönüştürücü kullanmaya gerek yok.

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

Kodum (MVVM'nin kullanıldığını ve Şablon 10'un da kullanıldığını varsayar):

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