Question

我尝试使用ToggleMenuFlyoutItems创建一个MenuFlyout，其中在任何给定时刻都会检查一个且只有一个切换。切换对应于ToggleViewModels，将切换的IsChecked属性绑定到ToggleViewModel的IsSelected属性。因为我想在检查新的切换时取消选中之前检查过的切换，我将IsSelected属性的设置转发给包含ToggleViewModel集合的MainViewModel。

带有在MainPage.xaml中定义的弹出按钮的按钮

<Button Content="Asdf">
    <Button.Flyout>
        <MenuFlyout>
            <ToggleMenuFlyoutItem 
                Text="{x:Bind _viewModel.ToggleCollection[0].Name}"
                IsChecked="{x:Bind _viewModel.ToggleCollection[0].IsSelected, Mode=TwoWay}" />
            <ToggleMenuFlyoutItem 
                Text="{x:Bind _viewModel.ToggleCollection[1].Name}"
                IsChecked="{x:Bind _viewModel.ToggleCollection[1].IsSelected, Mode=TwoWay}" />
            <ToggleMenuFlyoutItem 
                Text="{x:Bind _viewModel.ToggleCollection[2].Name}"
                IsChecked="{x:Bind _viewModel.ToggleCollection[2].IsSelected, Mode=TwoWay}" />
        </MenuFlyout>
    </Button.Flyout>
</Button>

MainPageViewModel：

public class MainViewModel : BindableBase
{
    public MainViewModel()
    {
        ToggleCollection = new ObservableCollection<ToggleViewModel>();

        var selectToggleAction = new Action<ToggleViewModel>(param => SetToggleSelection(param));

        for (int i = 0; i < 3; i++)
        {
            ToggleCollection.Add(new ToggleViewModel($"Item {i}", selectToggleAction));
        }
    }

    public ObservableCollection<ToggleViewModel> ToggleCollection { get; private set; }

    private void SetToggleSelection(ToggleViewModel toggle)
    {
        var selectedToggle = ToggleCollection.SingleOrDefault(t => t.IsSelected);
        if (selectedToggle != toggle)
        {
            selectedToggle?.SetSelection(false);
            toggle.SetSelection(true);
        }
    }
}

ToggleViewModel：

public class ToggleViewModel : BindableBase
{
    private Action<ToggleViewModel> _selectToggleAction;
    private bool _isSelected;

    public ToggleViewModel(string name, Action<ToggleViewModel> action)
    {
        Name = name;
        _selectToggleAction = action;
    }

    public string Name { get; set; }

    public bool IsSelected
    {
        get { return _isSelected; }
        set
        {
            if (_isSelected != value)
            {
                _selectToggleAction(this);
                base.OnPropertyChanged();
            }
        }
    }

    public void SetSelection(bool selected)
    {
        _isSelected = selected;
        base.OnPropertyChanged("IsSelected");
    }
}

现在上面的所有代码都运行良好。当我尝试使用常规绑定而不是编译的绑定时，会出现问题：

<ToggleMenuFlyoutItem 
    Text="{Binding ToggleCollection[0].Name}"
    IsChecked="{Binding ToggleCollection[0].IsSelected, Mode=TwoWay}" />

绑定像这样的属性我突然能够取消选中当前检查的切换，以便不选择任何一个。这是因为当我在IsSelected属性的setter中引发OnPropertyChanged时没有调用IsSelected属性的getter（使用常规绑定的原因是我想在代码后面动态创建切换，但是为了说明问题XAML的工作原理也一样。

有人可以向我解释为什么{x:Bind}在这种情况下有效但{Binding}无效吗？

编译和常规绑定之间的行为的奇怪差异

0 个答案: