c# - 如何使 Microsoft.VisualStudio.Diagnostics.UI.Controls.MultiSelectComboBox 工作

Question

我努力实现的目标:

我正在开发一个 Visual Studio 插件，我需要一个 MultiSelectComboBox。我想适应 VisualStudio 的外观和感觉，因此为此使用他们自己的类似乎是个好主意:

public class MultiSelectComboBox : UserControl, IComponentConnector, IStyleConnector
Name: Microsoft.VisualStudio.Diagnostics.UI.Controls.MultiSelectComboBox
Assembly: Microsoft.VisualStudio.Diagnostics.Common, Version=12.0.0.0

Microsoft 在其代码分析 页面中使用此类:View/Other Windows/Code Analysis。

问题:

当然，当我想使用它时，它就不能正常工作。 :)

这是我如何使用它的示例代码:

public TestClass()
{
    InitializeComponent();
    multiSelectComboBox.ItemsSource = new string[] { "Item 1", "Item 2", "Item 3" };
    multiSelectComboBox.AllItemsText = "All items";
}

这是 XAML 标记:

<UserControl ...
    xmlns:vsUiControls="clr-namespace:Microsoft.VisualStudio.Diagnostics.UI.Controls;assembly=Microsoft.VisualStudio.Diagnostics.Common"
    ...>
    <vsUiControls:MultiSelectComboBox x:Name="multiSelectComboBox"/>
</UserControl>

现在 MultiSelectComboBox 出现了，您可以与之交互，但是，当您选择一些项目而不是全部时，项目应该像这样显示:Item 1;第 3 项(假设您选择了除第 2 项 之外的所有项)。但是，显示的文本只是 Item 1Item 3，完全没有分隔符。

有趣的是(我已经忽略了很长一段时间)是，如果您调试代码并请求 multiSelectComboBox.SelectedItemsText，它会返回以分号分隔的正确值。

那么问题来了，如果值存储正确，为什么当我在我的代码中使用它时它显示不正确，而当 Microsoft 在代码分析页面上使用时它显示正确？

描述 MultiSelectComboBox 样式的 XAML 标记仅包含 SelectedItemsText 的一个实例，这是一个绑定(bind)。请在下面查看我从 .Net Reflector 获得的内容:

<local:MultiSelectComboBox
    p1:UserControl.Name="_this"
    p1:AutomationProperties.Name="{Binding RelativeSource={RelativeSource Self},Path=AllItemsText}"
    xmlns:p1="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:local="clr-namespace:Microsoft.VisualStudio.Diagnostics.UI.Controls;assembly=Microsoft.VisualStudio.Diagnostics.Common,Version=12.0.0.0,Culture=neutral,PublicKeyToken=b03f5f7f11d50a3a">
    ...
    <Grid xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
        <local:CheckComboBox
            CheckComboBox.Name="_comboBox"
            p4:FrameworkElement.Style="{StaticResource ComboStyle}"
            p4:Control.HorizontalContentAlignment="Stretch"
            p4:KeyboardNavigation.DirectionalNavigation="Continue"
            p4:AutomationProperties.Name="{Binding ElementName=_this,Path=SelectedItemsText,Mode=OneWay}"
            xmlns:p4="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
            <ItemsControl.ItemTemplate>
                ...
            </ItemsControl.ItemTemplate>
        </local:CheckComboBox>
    </Grid>
</local:MultiSelectComboBox>

我不确定为什么 SelectedItemsText 绑定(bind)到 AutomationProperties.Name(附加？)属性，但这是 .Net Reflector 给我的。如果我调试我的代码，我可以在 MultiSelectComboBox 中找到 CheckedComboxBox 控件的 Name 属性中存储的分号分隔值。

值似乎存储正确，绑定(bind)似乎有效，但显示给 UI 的文本不包含分隔符。我只是困惑...

Answer 1

我查看了反编译的源代码，似乎属性 SelectedItemsText 仅用于 UI 自动化(附加属性 AutomationProperties.Name)。使用此 XAML 显示真实显示文本:

<TextBlock Name="PART_SummaryPartialSelection" Grid.Row="0" Style="{StaticResource DropDownTextBlockStyle}" Visibility="{Binding Path=AllItemsSelected, ElementName=_this, Converter={StaticResource booleanToVisibilityConverterNegative}}">
  <ItemsControl Name="PART_Items" Focusable="False" Background="#00FFFFFF" IsHitTestVisible="False" x:Uid="M113" ItemsSource="{Binding SelectedItems, ElementName=_this}" ItemTemplate="{Binding DisplayAreaTemplate, ElementName=_this}">
    <ItemsControl.ItemsPanel>
      <ItemsPanelTemplate x:Uid="M115">
        <StackPanel IsItemsHost="True" Orientation="Horizontal" x:Uid="M116" />
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>
  </ItemsControl>
</TextBlock>

所以它只是水平的 StackPanel，其中一个项目一个项目，没有任何分隔符。因此，您将需要修改此模板或仅在您的项目中添加分号(看起来 Visual Studio 是这样做的，因为它在最后一项 - item1; item2; 之后显示分号事件)