c# – 为索引属性创建模板

发布时间：2020-12-16 01:55:23 所属栏目：百科来源：网络整理

导读：我有一个视图模型,其中包含项属性的集合,每个项属性包含一个图像的路径.集合中可能有0 .. N项属性. 我视图中的stackpanel包含三个相同的图像控件.每个图像控件都绑定到项目属性图像的路径：图像控件1绑定到第1项属性的图像路径(在ItemAttributes [0] .Image

我有一个视图模型,其中包含项属性的集合,每个项属性包含一个图像的路径.集合中可能有0 .. N项属性.

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

>图像控件1绑定到第1项属性的图像路径(在ItemAttributes [0] .Image中找到)
>图像控件2绑定到第二项属性的图像路径(在ItemAttributes1.Image中找到)
>图像控件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>

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

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

解决方法

<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.但你应该能够理解我的意思.

编辑：如果您的属性只是字符串,请在我放置“{Binding Something}”的任何地方使用“{Binding}”

–UPDATE(我会用你的答案更正你的答案更新你的答案) –

<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属性(自定义ObservableCollection with和AddRange方法以及其他一些好东西),带有_attributes支持字段：

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!