Привязка видимости кнопки к значению типа bool в ViewModel

Как привязать видимость кнопки к значению типа bool в моей ViewModel?

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

Предполагая, что AdvancedFormatэто a bool, вам нужно объявить и использовать 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}}"/>

Обратите внимание на добавленный Converter={StaticResource BoolToVis}.

Это очень распространенный паттерн при работе с MVVM. В теории можно сделать преобразование самостоятельно на имуществе ViewModel (т.е. просто сделать свойство самого типа Visibility) , хотя я бы предпочел не делать этого, так как теперь вы будете баловаться с разделением проблем. Видимость элемента действительно должна зависеть от View.

Есть третий способ, который не требует конвертера или изменения вашей модели представления: используйте стиль:

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

Я предпочитаю этот метод, потому что использую его во многих случаях, когда то, к чему я привязываюсь, не является логическим - например, отображение элемента только в том случае, если DataContextон не равен нулю, или реализация дисплеев с несколькими состояниями, где отображаются разные макеты на основе установка перечисления в модели представления.

Двухстороннее преобразование в c # из логического в видимость

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

Как правило, это можно сделать двумя способами: класс преобразователя или свойство в модели просмотра, которое по сути преобразует значение за вас.

Я предпочитаю использовать имущественный подход, если это разовая конверсия. Если вы хотите использовать его повторно, воспользуйтесь конвертером. Ниже вы найдете пример конвертера:

<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

Метод свойства ViewModel просто проверяет значение логического свойства и возвращает видимость на основе этого. Обязательно реализуйте INotifyPropertyChanged и вызовите его для свойств Boolean и Visibility для правильного обновления.

Этого можно добиться очень простым способом 1. Напишите это в представлении.

<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. Ниже приводится логическое свойство, которое содержит значение истина / ложь. Ниже приведен фрагмент кода. В моем примере это свойство находится в классе UserNote.

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

3. Таким образом свойство IsHide получает значение.

   userNote.IsHide = userNote.IsNoteDeleted;

Ввиду:

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

В представлении Модель:

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

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

Вам потребуется событие изменения свойства

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

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

Вот как они используют модель-представление-модель просмотра

Но так как вы хотите привязать его к логическому, вам понадобится какой-нибудь конвертер. Другой способ - установить логическое значение снаружи, и при нажатии этой кнопки установите для свойства property_advancedFormat желаемую видимость.

Начиная с Windows 10 15063 и выше

Начиная с Windows 10 build 15063, появилась новая функция, называемая «Неявное преобразование видимости», которая изначально привязывает видимость к значению типа bool - больше нет необходимости использовать преобразователь.

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

Мой код (который предполагает, что используется MVVM, а также шаблон 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(); }
}