Bagaimana untuk Mengikat Keterlihatan Butang kepada Nilai Boolean ViewModel dalam MVVM?

Ikat keterlihatan butang ke ViewModel boolean dalam MVVM

Dalam corak Model-View-ViewModel (MVVM), mengikat keterlihatan elemen UI kepada nilai Boolean dalam ViewModel adalah penting untuk mencipta antara muka pengguna yang responsif dan dinamik. Artikel ini akan meneroka cara untuk mengikat keterlihatan butang kepada nilai Boolean dalam ViewModel.

Pertimbangkan kod XAML berikut:

<code class="language-xml"><Button Command="{Binding SmallDisp}" CommandParameter="{Binding}" Cursor="Hand"
        Visibility="{Binding Path=AdvancedFormat}" /></code>

Jika AdvancedFormat ialah nilai Boolean dalam ViewModel, kita perlu menggunakan BooleanToVisibilityConverter untuk menukar nilai Boolean kepada nilai Visibility yang boleh diterima oleh sifat Visibility butang. Begini cara melakukannya:

1. Istiharkan BooleanToVisibilityConverter:

Isytiharkan BooleanToVisibilityConverter dalam bahagian sumber XAML.

<code class="language-xml"><BooleanToVisibilityConverter x:Key="BoolToVis"></BooleanToVisibilityConverter></code>

2. Gunakan penukar pada butang:

Dalam pengisytiharan butang, tambahkan atribut Penukar dan nyatakan kunci sumber BooleanToVisibilityConverter.

<code class="language-xml"><Button Command="{Binding SmallDisp}" CommandParameter="{Binding}" Cursor="Hand"
        Visibility="{Binding Path=AdvancedFormat, Converter={StaticResource BoolToVis}}" /></code>

Pelaksanaan penukar:

Pelaksanaan biasa BooleanToVisibilityConverter adalah seperti berikut:

<code class="language-csharp">public class BooleanToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool isVisible = (bool)value;
        return isVisible ? Visibility.Visible : Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}</code>

Dengan mengikut langkah ini, anda boleh mengikat keterlihatan butang dengan berkesan kepada nilai Boolean dalam ViewModel, membenarkan elemen antara muka pengguna bertindak balas secara dinamik kepada keadaan Boolean.

Atas ialah kandungan terperinci Bagaimana untuk Mengikat Keterlihatan Butang kepada Nilai Boolean ViewModel dalam MVVM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!