Question

我很难在WPF中执行 < a href="http://en.wikipedia.org/wiki/Miller_columns" rel=“nofollow”>Miller 列接口,想知道是否有人看到我可以借用的操作。我做了一些搜索,找不到自己的东西。

目前我的数据是按等级排列的, 以便放在树观中, 但我想在我的节目中加上米勒列的观点。

Answer 1

UPDATE 我在几个博客文章中强化了我的解决方案,这些文章可以找到这里和https://codingforsmarties.wwfspress.com/2015/11/17/wpf-miller-clouns-part-2" rel="nofollow">。新版本允许使用MVM的更通用方法。

我找到了一个可能的解决办法,菲尔确认这是正确的方法。我不得不使用一个带有水平堆叠板的物品控制器作为物品管理板。然后我为我的数据类型创建了一个数据模板,并将其用于我物品控制板上的项目控制板。

数据模板 :

<DataTemplate x:Key="DataNodeStackedDataTemplate" DataType="my:DataNode">
    <ListBox ItemsSource="{Binding Children}"
             Style="{StaticResource StackedListBoxStyle}"/>
</DataTemplate>

物品管制:

<ItemsControl x:Name="MillerColumnsView" VerticalContentAlignment="Stretch"
              ItemTemplate="{StaticResource DataNodeStackedDataTemplate}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>

代码后面:

private void StackedListBox_SelectionChanged(object sender,
                                             SelectionChangedEventArgs e)
{
    var lb = sender as ListBox;
    if (lb == null) return;
    var dn = lb.DataContext as DataNode;
    if (dn == null) return;
    int index = MillerColumnsView.Items.IndexOf(dn);
    if (index == -1) return;
    index++;
    while (MillerColumnsView.Items.Count > index)
        MillerColumnsView.Items.RemoveAt(index);
    if (dn.Children == null) return;
    // this Select() call performs some restructuring of the tree to 
    // appropriate display the correct nodes in the next ListBox
    dn.Select(dn.AvailableItems.ElementAt(lb.SelectedIndex));
    if (dn.Children.Count() == 0) return;
    MillerColumnsView.Items.Add(dn.Children.ElementAt(0));
}

此选项自动删除并创建每个级别选择的 ListBox 。一个小符号, 它看起来也很漂亮!

Answer 2

Miller 列的 UI 看起来像多个链接的列表框控件。

这里举个例子:WPF MVVM等级选择的项目

友情链接