Question

我有一个包含Item Attributes集合的视图模型，每个集合都包含一个图像路径。集合中可能存在0 .. N项属性的任何位置。

我视图中的stackpanel包含三个相同的图像控件。每个图像控件都绑定到项目属性图像的路径：

图像控件1绑定到第1项属性的图像路径（在ItemAttributes [0] .Image中找到）
图像控件2绑定到第二项属性的图像路径（在ItemAttributes 1中找到。图像）
图像控件3绑定到第3项属性的图像路径（在ItemAttributes [2] .Image中找到）

如果属性超过3个，则忽略它们。为了处理具有0-2属性的可能性（这意味着一个或多个图像控件将被绑定为null），这反过来又给出this post中所述的错误，我添加了一个数据触发器像这样：

<DataTrigger Binding="{Binding Attribute1}" Value="{x:Null}">
    <Setter Property="Source" Value="{x:Null}"/>
</DataTrigger>

另外，为了防止索引超出绑定问题，我将视图模型中的项属性拆分为三个属性（我最初返回String.Empty，但将其更改为null以使用数据触发器）：

public string Attribute1
{
    get { return _item.Attributes.Count > 0 ? _item.Attributes[0].Image : null; }
}
public string Attribute2
{
    get { return _item.Attributes.Count > 1 ? _item.Attributes[1].Image : null; }
}
 public string Attribute3
{
    get { return _item.Attributes.Count > 2 ? _item.Attributes[2].Image : null; }
}

所以我的问题是我希望这个数据触发器适用于所有三个图像属性和相应的图像控件（以及一些其他属性，如宽度，高度，边距等）。所以我认为，把它放在一个样式中并将其作为静态资源引用。当我有三个具有不同名称的属性（Attribute1，Attribute2，Attribute3）时，这将不起作用。所以现在我被困在这样做了：

<Image>
    <Image.Style>
        <Style TargetType="Image">
            <Setter Property="Source" Value="{Binding Attribute1}" />
            <Setter Property="Width" Value="44" />
            <Setter Property="Height" Value="45" />
            <Setter Property="Margin" Value="5" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding Attribute1}" Value="{x:Null}">
                    <Setter Property="Source" Value="{x:Null}" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Image.Style>
</Image>

对于其他两个图像控件重复此操作，但Attribute1替换为Attribute2和Attribute3。

那么我想知道是否有办法绑定到集合，例如

<DataTrigger Binding="{Binding Attributes}" Value="{x:Null}">
    <Setter Property="Source" Value="{x:Null}"/>
</DataTrigger>

...然后指定我对模板外部的图像控件绑定感兴趣的索引（我想将参数传递给数据触发器）。

任何想法......如果不可能，还有另一种方法吗？

Answer 1

<ItemsControl ItemsSource="{Binding Attributes}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Image Source={Binding Something} x:Name=Image/>
            <DataTemplate.Triggers>
                <DataTrigger Binding={Binding Something} Value={x:Null}>
                     <Setter TargetName=Image Property=Source Value={x:Null}/>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

在答案中手动输入，而不是真正的XAML。但你应该能够理解我的意思。

修改：如果您的Attributes只是字符串，请在"{Binding}"

的任何地方使用"{Binding Something}"

- 更新（我会更新您的回答，因为我的回答是正确的） -

<ItemsControl ItemsSource="{Binding Attributes}"
              Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="2" Margin="5">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"
                        HorizontalAlignment="Left" VerticalAlignment="Top" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Image x:Name="Image"
                   Source="{Binding}"
                   Width="45" Height="44" Margin="5" />
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding}" Value="{x:Null}">
                    <Setter TargetName="Image" 
                            Property="Source" Value="{x:Null}" />
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

要将它限制为前三项属性，这就是我在视图模型的构造函数中所拥有的。 Attributes是一个SmartObservableCollection属性（带有和AddRange方法的自定义ObservableCollection以及其他几个好东西），带有_attributes支持字段：

_attributes = new SmartObservableCollection<string>();
var images = from attributes in _item.Attributes
             select attributes.Image;

Attributes.AddRange(images.Take(3));

为索引属性创建模板

1 个答案: