WPF將復選框狀態系結到2個單獨按鈕的可見性

所以我在 WPF 中有這個復選框。

<CheckBox 

Name="folder_browser" Checked="{}" Unchecked="{}" 
Content="Folder browser" Foreground="Black" 
Grid.Row="5" Grid.Column="0" 
Visibility="{Binding Visibility}">

</CheckBox>

我必須以這樣一種方式系結它的選中和未選中，即選中時，某個按鈕可見，而未選中時，另一個按鈕是可見的。兩者都是單獨的按鈕。兩者在 UI 上的位置相同，所以我很困惑。

uj5u.com熱心網友回復：

使用單個按鈕并通過按鈕樣式中的 DataTrigger 設定其內容：

<Button Click="BrowseButtonClicked">
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Content" Value="File..."/>
            <Style.Triggers>
                <DataTrigger
                    Binding="{Binding IsChecked, ElementName=folder_browser}"
                    Value="True">
                    <Setter Property="Content" Value="Folder..."/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

在 Click 處理程式中，根據 CheckBox 的選中狀態執行不同的操作：

private void BrowseButtonClicked(object sender, RoutedEventArgs e)
{
    if (folder_browser.IsChecked == true)
    {
        //...
    }
    else
    {
        //...
    }
}

uj5u.com熱心網友回復：

每當您的視圖元素不能將其屬性直接系結到源時，您就需要實作一個視圖模型作為中間轉換器。我為您制作了一個簡單的演示 WPF 應用程式。要重復我所做的，在 MainWindow.xaml 中創建一個名為“CheckboxAndButtonVisibilityDemo”的新 WPF 應用程式專案，復制以下代碼：

<Window x:Name="window" x:Class="CheckboxAndButtonVisibilityDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:CheckboxAndButtonVisibilityDemo"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <StackPanel>
        <CheckBox IsChecked="{Binding ViewModel.CheckBoxChecked, ElementName=window, Mode=TwoWay}"></CheckBox>
        <Button Visibility="{Binding ViewModel.ButtonAVisibility, ElementName=window, Mode=OneWay}">ButtonA</Button>
        <Button Visibility="{Binding ViewModel.ButtonBVisibility, ElementName=window, Mode=OneWay}">ButtonB</Button>
    </StackPanel>
</Window>

將以下代碼復制到 MainWindow.xaml.cs

using System.Windows;

namespace CheckboxAndButtonVisibilityDemo {
    public partial class MainWindow : Window {
        public MainWindow() {
            InitializeComponent();
        }
        public ViewModel ViewModel { get; } = new ViewModel();
    }
}

添加一個新檔案 ViewModel.cs，并將以下代碼復制到其中：

using System;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows;

namespace CheckboxAndButtonVisibilityDemo {
    public class ViewModel : INotifyPropertyChanged {
        private bool checkBoxChecked;
        public bool CheckBoxChecked {
            get { return checkBoxChecked; }
            set {
                checkBoxChecked = value;
                if (checkBoxChecked) {
                    ButtonAVisibility = Visibility.Hidden;
                    ButtonBVisibility = Visibility.Visible;
                } else {
                    ButtonAVisibility = Visibility.Visible;
                    ButtonBVisibility = Visibility.Hidden;
                }
                NotifyPropertyChanged();
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void NotifyPropertyChanged([CallerMemberName] String propertyName = null) {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }

        private Visibility buttonAVisibility = Visibility.Visible;
        public Visibility ButtonAVisibility {
            get { return buttonAVisibility; }
            private set {
                buttonAVisibility = value;
                NotifyPropertyChanged();
            }
        }

        private Visibility buttonBVisibility = Visibility.Hidden;
        public Visibility ButtonBVisibility {
            get { return buttonBVisibility; }
            private set {
                buttonBVisibility = value;
                NotifyPropertyChanged();
            }
        }
    }
}

現在它完成了，運行并測驗它。

標籤：

上一篇：哪個控制元件在我的WPF視窗中有焦點，如何在LiveVisualTree中找到它？

下一篇：在沒有Selenium的情況下使用Python自動進行網頁抓取