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

Як я пов'язую видимість кнопки із значенням bool у моєму ViewModel?

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

Припускаючи , що AdvancedFormatце 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) , хоча я б вважав за краще не робити цього, так як тепер ви будете балуватися з поділом проблем. Видимість елемента дійсно повинна відповідати Перегляду.

Існує третій спосіб, який не потребує перетворення або зміни вашої моделі перегляду: використовуйте стиль:

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

Як правило, це два способи - клас перетворювача або властивість у Viewmodel, який по суті перетворює значення для вас.

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

<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. Далі наведено властивість Boolean, яка має значення true / false. Далі наведено фрагмент коду. У моєму прикладі ця властивість знаходиться в класі 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)); 
    } 

Ось так вони використовують модель-view-viewmodel

Але оскільки ви хочете, щоб він прив’язаний до булевого, вам знадобиться певний перетворювач. Інший спосіб - встановити булевий зовнішній вигляд, і після натискання цієї кнопки встановіть властивість_advancedFormat на потрібну видимість.

З Windows 10 15063 і вище

Оскільки Windows 10 збирає 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(); }
}