Silverlight ItemsControl 一次显示一项？

Question

我正在寻找一种在 Silverlight 中一次显示一个集合中的一个项目的好方法，而不显示用于选择项目的 UI。 这就像没有选项卡的 TabControl，或者没有下拉菜单的 combobox。

现在我们正在使用一个 TabControl 样式来隐藏选项卡，但这感觉就像一个 hack。 在 Silverlight 中有更自然的方法吗？

以下是我正在寻找的功能：

• 仅显示所选项目。
• 不要显示用于选择项目的 UI。 （选择将根据用户在应用程序 UI 的不同部分中的操作进行更改。）
• 数据绑定到视图模型的集合。
• 使用 DataTemplate 显示每个视图模型的视图。
• 保留每个选定项目的视图的 state。 （例如，假设在我们一次一个项目的控件中，我们显示所选项目的选项树。我希望为每个项目单独跟踪树节点的展开/折叠 state .)

我尝试使用绑定到所选项目的 ContentPresenter：

<ContentPresenter Content="{Binding SelectedItem}">
  <ContentPresenter.ContentTemplate>
    <DataTemplate>
      <MyUserControl />
    </DataTemplate>
  </ContentPresenter.ContentTemplate>
</ContentPresenter>

但这似乎使用了 MyUserControl 的单个实例，随着 SelectedItem 的变化，将同一个实例重新绑定到不同的视图模型。 这意味着 state （例如是否扩展树节点）不会按所选项目单独跟踪。

有一个更好的方法吗？

谢谢你的帮助，
理查德

Answer 1

最好的方法需要做一些工作：

您创建一个 class 扩展 System.Windows.Controls.Primitives.Selector ，它是具有以下对象的基础 class ：

• 绑定到的集合
• 一个选定的项目

您将 Grid 设置为 ItemsPanel 并将 ItemTemplate 设置为填充整个网格的 DataTemplate，但默认隐藏（或不透明）。 IsSelected 属性上的 DataTemplate 中的触发器隐藏/显示项目。

只有一种可能

Answer 2

您是否有理由必须有权访问控件本身的 SelectedItem 属性？ 如果您可以将处理所选项目的逻辑（例如取消选择、返回已选择的项目等）移动到视图 model，您可以只使用带有网格的 ItemsControl 作为 ItemsPanel。 然后在 ItemTemplate 中您可以放置 MyUserControl。 MyUserControl 将其 Visibility 属性绑定到数据项上的一个属性，中间有一个转换器。 然后，您将在数据项而不是 UI 控件上将 IsSelected 设置为 true，并且将显示 MyUserControl 的相应实例。

Answer 3

这很简单。

第一步是使用 ListBox，提供数据模板、视图模型集合并绑定所选项目，就像您已经在做的那样。

您想要的步骤（隐藏所有未选择的项目）只需要您创建一个 ItemContainerStyle。 这种风格有一个你要注意的VisualStateGroup，有“Selected”和“Unselected”两种状态。 在 Unselected state 中，您希望将 LayoutRoot 设置为折叠，在 Selected 中，您希望 LayoutRoot 可见。

如果您有 Blend，这将花费您大约 15 分钟。