Question

我创建了一个扩展器样式，其标题中包含一个复选框。复选框状态绑定到附加属性：

<Style TargetType="{x:Type Expander}" x:Key="MyCheckboxExpander">
    <Setter Property="Template">
         <Setter.Value>
              <ControlTemplate TargetType="{x:Type Expander}">
               (...)
                   <CheckBox x:Name="ExpanderHeaderChk" VerticalAlignment="Center" Margin="4,0,0,2" 
                                          IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(my:AP.IsChecked)}" />
                (...)

我的观点是，在扩展器内部，我有一个带有ComboBox的stackpanel。

每当用户检查扩展器的复选框时，我不认为组合框会选择第一个项目，只要用户取消选中它，我就不会认为组合框的选择项为空。

我怎样才能做到这一点？我正在遵循MVVM模式，但由于这更多的是视图问题，我对代码隐藏建议持开放态度。

Answer 1

嗯，我认为你的设计不是最佳的。你看，你正试图改变Expander的语义。真正的扩展器没有附加复选框的语义，因此您创建的控件不再是Expander。

我建议您切换到用户控件（或者可能是自定义控件，查看您的语义），并在控件的类中公开所需的事件。用户控件的XAML可能是带有复选框的扩展器。

编辑：使用UserControl的示例（未测试）

（XAML）

<UserControl x:Class="namespace:MyCheckboxExpander">
    <Expander>
        ...
        <Checkbox x:Name="cb"/>
        ...
    </Expander>
</UserControl>

（代码隐藏）

public class MyCheckboxExpander : UserControl
{
    MyCheckboxExpander()
    {
        InitializeComponent();
        cb.Check += OnCheck;
    }

    void OnCheck(object sender, whatever2 args)
    {
        if (CheckboxTriggered != null)
            CheckboxTriggered(new EventArgs<whatever>);
    }

    public event EventArgs<whatever> CheckboxTriggered;
}

Answer 2

WPF是如此强大的框架，您只需使用Expander的下一个样式即可解决您的问题：

 <Style x:Key="myExpanderStyle" TargetType="{x:Type Expander}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Expander}">
                        <StackPanel>
                            <CheckBox x:Name="PART_CheckBox" IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" />
                            <ComboBox x:Name="PART_ComboBox" ItemsSource="{TemplateBinding Content}" />
                        </StackPanel>

                        <ControlTemplate.Triggers>
                            <Trigger Property="IsExpanded" Value="True">
                                <Setter TargetName="PART_ComboBox" Property="SelectedIndex" Value="0"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

示例：

<Expander Style="{StaticResource myExpanderStyle}">
            <x:Array Type="sys:String">
                <sys:String>1</sys:String>
                <sys:String>2</sys:String>
                <sys:String>3</sys:String>
            </x:Array>
        </Expander>

只是XAML！我喜欢XAML声明。

但是从MVVM的角度来看，这种方法有一个缺点 - 我不能用单元测试来覆盖这种情况。所以，我更愿意：

使用属性创建视图模型：IsChecked（绑定到CheckBox）， SelectedItem（绑定到ComboBox）和Source（ComboBox的ItemsSource） - 在没有任何控件参考的情况下实现我的真实视图;
在视图模型中编写一个逻辑，用于设置或取消设置SelectedItem 在IsChecked财产;
用单元测试覆盖那个逻辑（是的，你可以即使从这一点开始，如果你喜欢测试第一种方法）。

Answer 3

我按照@Baboon提供的建议，我创建了一个名为 CheckedChanged 的路由事件的自定义控件，这样我就可以通过视图的xaml和代码隐藏来访问它了：

 [TemplatePart(Name = "PART_Expander", Type = typeof(Expander))]
[TemplatePart(Name = "PART_CheckBox", Type = typeof(CheckBox))]
public class MyCustomExpander : Expander
{
    static MyCustomExpander()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(MyCustomExpander), new FrameworkPropertyMetadata(typeof(MyCustomExpander)));
    }

    public bool IsChecked
    {
        get { return (bool)GetValue(IsCheckedProperty); }
        set { SetValue(IsCheckedProperty, value); }
    }
    public static readonly DependencyProperty IsCheckedProperty =
        DependencyProperty.Register("IsChecked", typeof(bool), typeof(MyCustomExpander),
                                     new UIPropertyMetadata(false));

    #region Events

    private CheckBox chkExpander = new CheckBox();
    public CheckBox ChkExpander { get { return chkExpander; } private set { chkExpander = value; } }

    public static readonly RoutedEvent CheckedChangedEvent = EventManager.RegisterRoutedEvent("ExtraButtonClick", 
                                                                                               RoutingStrategy.Bubble, 
                                                                                               typeof(RoutedEventHandler),
                                                                                               typeof(MyCustomExpander));

    public event RoutedEventHandler CheckedChanged
    {
        add { AddHandler(CheckedChangedEvent, value); }
        remove { RemoveHandler(CheckedChangedEvent, value); }
    }

    void OnCheckedChanged(object sender, RoutedEventArgs e)
    {
        RaiseEvent(new RoutedEventArgs(CheckedChangedEvent, this));
    } 

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();

        CheckBox chk = base.GetTemplateChild("PART_CheckBox") as CheckBox;
        if (chk != null)
        {
            chk.Checked += new RoutedEventHandler(OnCheckedChanged);
            chk.Unchecked += new RoutedEventHandler(OnCheckedChanged);
        }
    }

    #endregion

}

我要感谢@Baboon和@Vlad的帮助。

如何处理附加属性事件？

3 个答案: