根据 ListBox 中的索引设置 ListBoxItem 的样式答案

【问题标题】：Styling a ListBoxItem depending on its index in the ListBox根据 ListBox 中的索引设置 ListBoxItem 的样式
【发布时间】：2012-07-12 19:36:16
【问题描述】：

如果 SomeProperty 值为 10，我想更改 ListBox 中第一项的边距，无需代码隐藏。这是我目前所拥有的：

<ListBox  x:Class="Windows.CustomList"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
                 xmlns:local="clr-namespace:Windows"
                 mc:Ignorable="d" x:Name="MyList"
                 d:DesignHeight="300" d:DesignWidth="300">
    <ListBox.ItemContainerStyle>
        <Style TargetType="{x:Type ListBoxItem}">
            <Style.Triggers>
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding Path=SomeProperty}" Value="10"/>
                        <Condition Binding="{Binding Path=Items.Count, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBox}}}" Value="1" />
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Margin">
                        <Setter.Value>
                            <Thickness Left="500"/>
                        </Setter.Value>
                    </Setter>
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </ListBox.ItemContainerStyle>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <local:ListBoxItemCustomTemplate/>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
</ListBox>

当我尝试这种方法时，我得到：

System.Windows.Data 错误：4：找不到与引用'RelativeSource FindAncestor，AncestorType='ListBox'，AncestorLevel='1'' 的绑定源。 BindingExpression:Path=Items.Count;数据项=空；目标元素是 'ListBox' (Name='');目标属性是“NoTarget”（类型“对象”）

如果我只有第一个条件，它会正确应用边距。我尝试的另一种方法是使用 ElementName：

这种方法不会给出任何错误，但它也不起作用。

任何帮助将不胜感激。

【问题讨论】：

可以为CustomList添加代码吗？
这只会设置第一个项目 id 的样式，ListBox 中只有一个项目...
...绑定错误也是出乎意料的，尽管从逻辑上讲它应该可以工作。
@H.B.如果它仅在列表中有一个项目时才设置第一个项目的样式，那很好。我得到的错误让我很困扰，我的猜测是它找不到父级，因为它是 ItemContainerStyle 的一部分；顺便说一句，我认为这无关紧要。
@Aris：我什至无法为我重现该错误，绑定按预期工作。

标签： wpf xaml listbox listboxitem multidatatrigger

【解决方案1】：

见AlternationIndex。（您可以使用非常高的AlternationCount 来确保只有第一项具有索引0 并触发）。

这有点滥用，更简洁的方法是值转换器/多值转换器，通过listBox.Items.IndexOf(currentItem) 之类的方式获取索引。

【讨论】：

您可以将其绑定到项目计数，以便每个项目的 AlternationIndex 都是唯一的，而不是使用任意高的 AlternationCount。AlternationCount="{Binding Items.Count, RelativeSource={RelativeSource Self}}"

【解决方案2】：

另一个解决方案是子类化列表框，并覆盖 PrepareContainerForItemOverride 方法。请参阅下面的示例（它适用于 WP7 中的 Silverlight，所以我没有 AlternationIndex）..

public class ListBoxEx: ListBox
{
    public interface iContainerStyle
    {
        Thickness containerMargin { get; }
        Thickness containerPadding { get; }
    };

    protected override void PrepareContainerForItemOverride( DependencyObject element, Object item )
    {
        base.PrepareContainerForItemOverride( element, item );

        var style = item as iContainerStyle;
        if( null == style )
            return;

        var container = element as ListBoxItem;
        if( null == container )
            return;
        container.Margin = style.containerMargin;
        container.Padding = style.containerPadding;
    }
}

然后我从 ListBoxEx.iContainerStyle 派生我的项目以获得不同项目的不同边距。

【讨论】：