关于B站视频“将一组RadioButton绑定到ViewModel”中自定义Behaviors的问题

[sherry7-lei]

问题：视频中可以实现点击不同RadioButton，TextBox的Text发生改变；但是Text改变却无法改变RadioButton的IsChecked属性；
原因：在SelectedItemBehavior.cs中定义的SelectedItem依赖属性的回调函数中，回调函数为以下代码：

private static void OnSelectedItemChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
    var behavior = Interaction.GetBehaviors(d).OfType<SelectedItemBehavior>().FirstOrDefault();
    if (behavior == null) return;
    foreach (var child in behavior.Children)
    {
        child.IsChecked = child.Tag.Equals(e.NewValue);
    }
}

其中：

var behavior = Interaction.GetBehaviors(d).OfType<SelectedItemBehavior>().FirstOrDefault();

目的是为了获得当前行为，并通过行为获取到挂载控件的Children，从而改变对应的IsChecked属性；但是此处返回的behavior一直是null，导致提前就return了；
同时我进行了验证，

通过按钮修改ViewModel中SelectedVegetable属性的值：

可以看出，RadioButton的IsChecked并没有被更新；

项目代码如下：

MainView.xmal

<Window x:Class="WpfLearn_RadioButtonBindingVM.Views.MainView"
        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:WpfLearn_RadioButtonBindingVM.Views"
        xmlns:hc="https://handyorg.github.io/handycontrol"
        xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
        xmlns:be="clr-namespace:WpfLearn_RadioButtonBindingVM.Behaviors"
        xmlns:vm="clr-namespace:WpfLearn_RadioButtonBindingVM.ViewModels"
        xmlns:vc="clr-namespace:WpfLearn_RadioButtonBindingVM.ValueConverters"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        Title="MainView"
        Width="600"
        Height="400"
        d:DataContext="{d:DesignInstance Type=vm:MainViewModels}"
        WindowStartupLocation="CenterScreen"
        mc:Ignorable="d">
    <Window.DataContext>
        <vm:MainViewModels />
    </Window.DataContext>
    <Window.Resources>
        <Style TargetType="TextBox" BasedOn="{StaticResource TextBoxBaseStyle}">
            <Setter Property="HorizontalAlignment" Value="Right" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="FontSize" Value="18" />
            <Setter Property="Width" Value="250" />
        </Style>
        <Style TargetType="RadioButton" BasedOn="{StaticResource RadioButtonBaseStyle}">
            <Setter Property="HorizontalAlignment" Value="Right" />
            <Setter Property="VerticalAlignment" Value="Center" />
            <Setter Property="FontSize" Value="18" />
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Background" Value="ForestGreen" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
        <StackPanel Margin="10">
            <hc:Shield Subject="RadioButtonGroup" Status="Enum" />
            <DockPanel Margin="10">
                <DockPanel.Resources>
                    <vc:EnumComparisonConverter x:Key="conv" />
                </DockPanel.Resources>
                <StackPanel Width="300" Orientation="Horizontal">
                    <i:Interaction.Behaviors>
                        <be:SelectedItemBehavior SelectedItem="{Binding SelectedVegetable, Mode=TwoWay}" />
                    </i:Interaction.Behaviors>
                    <RadioButton Content="Carrot" Tag="{x:Static vm:Vegetable.Carrot}" />
                    <RadioButton Content="Potato" Tag="{x:Static vm:Vegetable.Potato}" />
                    <RadioButton Content="Tomato" Tag="{x:Static vm:Vegetable.Tomato}" />
                </StackPanel>
                <TextBox Text="{Binding SelectedVegetable, StringFormat=SelectedVegetable:{0}}" />
            </DockPanel>
            <Button Content="Changed Vegetable" Command="{Binding ChangedCommand}" />
        </StackPanel>
    </ScrollViewer>
</Window>

MainViewModel.cs

public partial class MainViewModels : ObservableObject
{
    [ObservableProperty]
    private bool booleanValue;

    [ObservableProperty]
    private Fruit selectedFruit;

    [ObservableProperty]
    private int selectedIndex = 1;

    [ObservableProperty]
    private Vegetable selectedVegetable;

    [RelayCommand]
    private void Changed()
    {
        if (this.SelectedVegetable == Vegetable.Carrot)
            this.SelectedVegetable = Vegetable.Potato;
        else if (this.SelectedVegetable == Vegetable.Potato)
            this.SelectedVegetable = Vegetable.Tomato;
        else if (this.SelectedVegetable == Vegetable.Tomato)
            this.SelectedVegetable = Vegetable.Carrot;
    }
}

public enum Fruit
{
    Apple,
    Banana,
    Melon
}

public enum Vegetable
{
    Carrot,
    Potato,
    Tomato
}

SelectedItemBehavior.cs

internal class SelectedItemBehavior : Behavior<FrameworkElement>
{
    public object SelectedItem
    {
        get { return (object)GetValue(SelectedItemProperty); }
        set { SetValue(SelectedItemProperty, value); }
    }

    public static readonly DependencyProperty SelectedItemProperty = DependencyProperty.Register(
        "SelectedItem",
        typeof(object),
        typeof(SelectedItemBehavior),
        new PropertyMetadata(null, OnSelectedItemChanged)
    );

    private static void OnSelectedItemChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        // d 就是该Behavior本身
        // 获取该控件下的所有行为 => 再筛选出SelectedItemBehavior类型的
        var behavior = Interaction.GetBehaviors(d).OfType<SelectedItemBehavior>().FirstOrDefault();
        if (behavior == null) return;
        foreach (var child in behavior.Children)
        {
            // 由于e.NewValue 所指的就是 SelectedItem 属性的新值
            child.IsChecked = child.Tag.Equals(e.NewValue);
        }
    }

    protected override void OnAttached()
    {
        AssociatedObject.Loaded += (_, _) =>
        {
            foreach (var child in Children)
            {
                child.Checked += OnRadioButtonChecked;
                child.IsChecked = child.Tag.Equals(SelectedItem);
            }
        };
    }

    private void OnRadioButtonChecked(object sender, RoutedEventArgs e)
    {
        var radio = sender as RadioButton;
        SelectedItem = radio.Tag;
        BindingOperations.GetBindingExpression(this, SelectedItemProperty).UpdateSource();
    }

    private IEnumerable<RadioButton> Children
    {
        get
        {
            if (AssociatedObject is Panel panel)
                return panel.Children.OfType<RadioButton>();
            else if (AssociatedObject is ItemsControl control)
                return control.Items.OfType<RadioButton>();
            return Enumerable.Empty<RadioButton>();
        }
    }
}

[BYJRK]

你是按照视频中的方式实现的吗？有什么改动吗？

我暂时没细看，不过行为在XAML中出现的位置也是有一定要求的，如果它出现在相应控件的前面，可能会导致它的Attached方法被触发时，控件还没有初始化，导致找不到。

[sherry7-lei]

行为是放在前面的，不同OnAttched中写了Loaded事件，而且我看视频评论区不止我一个人说返回的behavior是null

[BYJRK]

这个视频比较久远了，我基本上对于我的代码毫无印象。我回头研究一下是怎么回事。可以上传一个打包的最小可复现项目吗？

[sherry7-lei]

RadioButtonTest.zip
感谢十月！

[BYJRK]

你的 Interaction.GetBehaviors 那里不对。你在注释里也写了这里的 d 是行为本身，所以你没办法在这里用这个方法拿到它的行为的。你应该问行为附加到的那个控件要。这里你不应该给 SelectedItem 依赖属性写回调，而是应该在行为的 OnAttached 方法里访问 AssociatedObject 进而拿到 Children。

[sherry7-lei]

之前我调试的时候发现d是SelectedItemBehavior本身，Interaction.GetBehaviors()方法官方案例说的也不清楚，然后看视频里是这样说的，就以为可以获得挂载对象下的所有行为。
给SelectedItem写回调是为了当后台改变SelectedItem绑定的数据源时，在SelectedItem属性的回调里可以设置IsChecked属性，从而实现"SelectedItem=>Ischecked"这个方向的通知。

我把回调函数改了一下，通过转换d直接获得SelectedItemBehavior对象，就可以得到Children：

  private static void OnSelectedItemChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
  {
      // d 就是该Behavior本身
      // 获取该控件下的所有行为 => 再筛选出SelectedItemBehavior类型的
      //var behavior = Interaction.GetBehaviors(d).OfType<SelectedItemBehavior>().FirstOrDefault();
      //if (behavior == null) return;

      var sib = d as SelectedItemBehavior;
      foreach (var child in sib.Children)
      {
          // 由于e.NewValue 所指的就是 SelectedItem 属性的新值
          child.IsChecked = child.Tag.Equals(e.NewValue);
      }
  }

目前的程序运行初始状态：

点击Button之后（"SelectedItem=>Ischecked"）：

点击RadioButton之后（"Ischecked=>SelectedItem"）：

[sherry7-lei]

不过十月，你B站之前那一期视频里，确实只实现了点击RadioButton，Text随之变化，反过来是有问题的=。=