將多個ToggleButton IsEnabled屬性綁定到其他ToggleButtons

Question

我有一個頁面，其中包含16個ToggleButton，默認情況下禁用其中12個，並且僅在單擊其余4個ToggleButton中的任何一個時才啟用。 有什么方法可以將12個禁用按鈕的IsEnabled屬性連接到IsChecked屬性4個啟用按鈕？

我之前使用幾個foreach循環成功做到了這一點（目前正在嘗試再次嘗試），但我想必須有一種更優雅的方法來檢查IsChecked == true是否不會遍歷其父級的子元素網格。 不幸的是，原始項目在重新格式化期間丟失了，並且不存在項目文件的備份，因此必須從頭開始重寫代碼。

Answer 1

從空白的win8商店應用模板開始。

在解決方案資源管理器中找到MainPage，將MainPage XAML完全替換為：

<Page
x:Class="StackOverflowMultiButton.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:StackOverflowMultiButton"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <StackPanel Orientation="Horizontal">
    <StackPanel>
            <ToggleButton x:Name="ToggleButton1" IsChecked="{Binding tbt1_isChecked, Mode=TwoWay}"/>
            <ToggleButton x:Name="ToggleButton2" IsChecked="{Binding tbt2_isChecked, Mode=TwoWay}"/>
            <ToggleButton x:Name="ToggleButton3" IsChecked="{Binding tbt3_isChecked, Mode=TwoWay}"/>
            <ToggleButton x:Name="ToggleButton4" IsChecked="{Binding tbt4_isChecked, Mode=TwoWay}"/>
    </StackPanel>
    <StackPanel>
            <ToggleButton x:Name="ToggleButton5" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton6" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton7" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton8" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton9" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton10" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton11" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton12" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton13" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton14" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton15" IsEnabled="{Binding CommonIsEnabled}"/>
            <ToggleButton x:Name="ToggleButton16" IsEnabled="{Binding CommonIsEnabled}"/>
    </StackPanel>

    </StackPanel>
</Grid>

然后，后面的代碼如下：

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.IO;
using System.Linq;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;

// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238

namespace StackOverflowMultiButton
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            this.DataContext = new MainPage_ViewModel();
        } 

    /// <summary>
    /// Invoked when this page is about to be displayed in a Frame.
    /// </summary>
    /// <param name="e">Event data that describes how this page was reached.  The Parameter
    /// property is typically used to configure the page.</param>
    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
    }
}

public class MainPage_ViewModel : INotifyPropertyChanged
{

    public event PropertyChangedEventHandler PropertyChanged;

    private void OnPropertyChanged(string propertyName)
    {
        if (this.PropertyChanged != null)
        {
            this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    bool _tbt1_isChecked = false;
    public bool tbt1_isChecked 
    {
        get {

            return this._tbt1_isChecked;
        }
        set {

            if (this._tbt1_isChecked == value)
                return;

            this._tbt1_isChecked = value;
            OnPropertyChanged("tbt1_isChecked");
            OnPropertyChanged("CommonIsEnabled");
        }
    }

    bool _tbt2_isChecked = false;
    public bool tbt2_isChecked
    {
        get
        {

            return this._tbt2_isChecked;
        }
        set
        {

            if (this._tbt2_isChecked == value)
                return;

            this._tbt2_isChecked = value;
            OnPropertyChanged("tbt2_isChecked");
            OnPropertyChanged("CommonIsEnabled");
        }
    }

    bool _tbt3_isChecked = false;
    public bool tbt3_isChecked
    {
        get
        {

            return this._tbt3_isChecked;
        }
        set
        {

            if (this._tbt3_isChecked == value)
                return;

            this._tbt3_isChecked = value;
            OnPropertyChanged("tbt3_isChecked");
            OnPropertyChanged("CommonIsEnabled");
        }
    }

    bool _tbt4_isChecked = false;
    public bool tbt4_isChecked
    {
        get
        {

            return this._tbt4_isChecked;
        }
        set
        {

            if (this._tbt4_isChecked == value)
                return;

            this._tbt4_isChecked = value;
            OnPropertyChanged("tbt4_isChecked");
            OnPropertyChanged("CommonIsEnabled");
        }
    }



    public bool CommonIsEnabled
    {
        get
        {

            return this._tbt1_isChecked ||
                this._tbt2_isChecked ||
                this._tbt3_isChecked ||
                this._tbt4_isChecked;
            }
        }

    }
}

運行該應用程序，看看它是否滿足您的需求。

Answer 2

捕獲前四個按鈕的Click事件。 讓他們調用保存事件處理程序。

在事件句柄中，編寫代碼：

bool enabled = tb1.IsChecked && tb2.IsChecked && tb3.IsChecked && tb4.IsChecked;
tb5.Enabled = tb6.Enabled = ... = tb16.Enabled = enabled;