使用列表框中的自定义项目进行 Zordering - Silverlight

Question

我正在制作一个自定义按钮。 此屏幕截图会很有帮助。如图所示，按钮没有问题，因为徽章挂在左侧。但是，如果我希望徽章悬挂在右侧，那么列表框中的下一个项目将遮盖徽章超出其容器边界（按钮的宽度）的部分。现在我无法用 zordering 解决这个问题，对吗？因为这仅适用于其容器内的排序，在本例中为 ListBoxItem。这里有什么可以做的吗？仅供参考，我希望避免采取解决方法，例如留出足够大的边距以便为徽章提供空间。我还有另一个自定义按钮，其文本是可编辑的，并且扩展了用于获取输入文本的文本框将远远超出底层按钮。

Answer 1

您需要将 ZIndex 添加到包含的 ListBoxItem 本身。一种可能适用于一小部分项目的方法是创建一个新的 ListBox 类型。

public class ZOrderedListBox : ListBox
{
    private int _ZIndex = 0;

    protected override void PrepareContainerForItemOverride(DependencyObject element, object item)
    {
        base.PrepareContainerForItemOverride(element, item);
        Canvas.SetZIndex((UIElement)element, _ZIndex--);
    }
}

上面的 ZorderedListBox 将分配一个降序的 ZIndex，以便较早的项目比后面的项目具有更高的 zindex。 警告这个简单的解决方案仅适用于 StackPanel 作为项目面板，它不适用于默认的 VirtualizingStackPanel，这需要更复杂的方法。