Mengikat visibilitas Tombol ke nilai bool di ViewModel

Bagaimana cara mengikat visibilitas tombol ke nilai bool di ViewModel saya?

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

Dengan asumsi AdvancedFormatadalah a bool, Anda perlu mendeklarasikan dan menggunakan 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}}"/>

Perhatikan yang ditambahkan Converter={StaticResource BoolToVis}.

Ini adalah pola yang sangat umum saat bekerja dengan MVVM. Secara teori, Anda dapat melakukan konversi sendiri pada properti ViewModel (yaitu hanya membuat properti itu sendiri dari tipe Visibility) meskipun saya lebih suka tidak melakukannya, karena sekarang Anda mengotak - atik pemisahan kekhawatiran. Visibilitas item harus benar-benar sesuai dengan View.

Ada cara ketiga yang tidak memerlukan konverter atau perubahan pada model tampilan Anda: gunakan gaya:

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

Saya cenderung lebih suka teknik ini karena saya menggunakannya dalam banyak kasus di mana yang saya ikat bukanlah boolean - misalnya menampilkan elemen hanya jika DataContextbukan null, atau mengimplementasikan tampilan multi-status di mana tata letak yang berbeda muncul berdasarkan pengaturan enum dalam model tampilan.

2 cara konversi di c # dari boolean ke visibilitas

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

Umumnya ada dua cara untuk melakukannya, kelas konverter atau properti di Viewmodel yang pada dasarnya mengonversi nilai untuk Anda.

Saya cenderung menggunakan pendekatan properti jika itu adalah konversi satu kali. Jika Anda ingin menggunakannya kembali, gunakan konverter. Di bawah ini, temukan contoh konverternya:

<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

Metode properti ViewModel hanya akan memeriksa nilai properti boolean, dan mengembalikan visibilitas berdasarkan itu. Pastikan untuk mengimplementasikan INotifyPropertyChanged dan memanggilnya di properti Boolean dan Visibility agar diperbarui dengan benar.

Ini dapat dicapai dengan cara yang sangat sederhana 1. Tuliskan ini dalam tampilan.

<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. Berikut ini adalah properti Boolean yang menyimpan nilai benar / salah. Berikut ini adalah potongan kodenya. Dalam contoh saya, properti ini berada di kelas UserNote.

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

3. Ini adalah cara properti IsHide mendapatkan nilainya.

   userNote.IsHide = userNote.IsNoteDeleted;

Dalam penglihatan:

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

Model dalam tampilan:

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

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

Anda harus memiliki acara yang diubah properti

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

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

Beginilah cara mereka menggunakan Model-view-viewmodel

Tetapi karena Anda ingin mengikatnya ke boolean, Anda memerlukan beberapa konverter. Cara lain adalah dengan menyetel boolean di luar dan saat tombol itu diklik, setel property_advancedFormat ke visibilitas yang Anda inginkan.

Sejak Windows 10 15063 ke atas

Sejak Windows 10 membangun 15063, ada fitur baru yang disebut "Konversi Visibilitas Implisit" yang mengikat Visibilitas ke nilai bool secara native - Tidak perlu lagi menggunakan konverter.

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

Kode saya (yang menganggap bahwa MVVM digunakan, dan Templat 10 juga):

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