允许列表框中的项目选择指示器覆盖 Silverlight 中的所有项目

Question

我有一个 ListBox，它使用 WrapPanel 作为其 ItemsPanel、自定义 ItemTemplate 和自定义 ItemContainerStyle。 ItemContainerStyle 的模板包含一个选择框，当选择某个项目时会显示该选择框。图形设计者希望此选择框与 ListBox 中的同级项目重叠，就像覆盖一样。

我尝试的第一件事是将 ItemContainer 的 Canvas.ZIndex 属性设置为 Selected 状态。这似乎没有效果。然后我读到列表项可能包含在 ContentPresenter 中，因此我创建了一个附加属性来更改项目父级的 ZIndex，但后来我发现 Silverlight 故事板不允许您为自定义动画设置动画附加属性。

有谁知道我们可以使用什么技术来达到我们想要的效果？

Answer 1

我找到了解决方案。基本上，我创建了一个附加属性，该属性在任何选择器（包括列表框）上设置事件处理程序，以便其选择发生更改。当它发生变化时，代码会迭代所有项目容器，根据容器是否代表所选项目来调整 Canvas.ZIndex：

public static readonly DependencyProperty SetZIndexOnSelectionProperty = DependencyProperty.RegisterAttached(
    "SetZIndexOnSelection", typeof(bool), typeof(FrameworkUtils), 
    new PropertyMetadata(zIndexSettingChanged));

public static bool GetSetZIndexOnSelection(DependencyObject obj)
{
    return (bool)obj.GetValue(SetZIndexOnSelectionProperty);
}

public static void SetSetZIndexOnSelection(
    DependencyObject obj, bool value)
{
    obj.SetValue(SetZIndexOnSelectionProperty, value);
}

private static void zIndexSettingChanged(
    DependencyObject obj, DependencyPropertyChangedEventArgs args)
{
    if (obj is Selector)
    {
        var selector = obj as Selector;
        selector.SelectionChanged += (s, e) =>
        {
            if (selector.SelectedItem != null)
            {
                foreach (var pair in selector.GetItemsAndContainers())
                {
                    pair.Value.SetValue(
                        Canvas.ZIndexProperty, 
                        (pair.Key == selector.SelectedItem) ? 1 : 0);
                }
            }
        };
    }
}