0

我有一个 SomeObject 类型的对象列表，其定义如下：

public struct SomeObject
{
  public SomeObject(int id, string imgPath)
  {
    Id = id;
    ImagePath = imgPath;
  }

  public int Id;
  public string ImagePath;
}

我想在一个列表框中显示这些对象，为每个对象显示一个图像并将它们排列在一个平铺布局中。ItemsTemplate 只是一个图像。ItemsPanelTemplate 是一个 TilePanel。

当我只使用字符串（图像路径）作为列表项而不是 SombeObject 项时，一切正常并且图像正确显示。

<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled"
         SelectionMode="Extended"
         SelectionChanged="OnItemSelectionChanged"
         ItemsSource="{Binding RelativeSource={RelativeSource AncestorType={x:Type controls:VerticalTileBox}},
                    Path=SomeObjectsCollectionView, UpdateSourceTrigger=PropertyChanged}"
         >
  <ListBox.ItemTemplate>
  <DataTemplate>
      <Image Source ="{Binding}" 
                 VerticalAlignment="Center" HorizontalAlignment="Center" Stretch="Uniform" >            
      </Image>
   </DataTemplate>
  </ListBox.ItemTemplate>
  <ListBox.ItemsPanel>
    <ItemsPanelTemplate>
      <controls:VirtualizingTilePanel ChildSize="{Binding 
        RelativeSource={RelativeSource AncestorType={x:Type controls:VerticalTileBox}},
                    Path=ItemSize, UpdateSourceTrigger=PropertyChanged, Mode=OneWay}" />
    </ItemsPanelTemplate>
  </ListBox.ItemsPanel>
  <ListBox.ItemContainerStyle>
    <Style TargetType="ListBoxItem">
      <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
      <Setter Property="VerticalContentAlignment" Value="Stretch"/>
      <Setter Property="Padding" Value="0"/>
    </Style>
  </ListBox.ItemContainerStyle>
</ListBox>

使用 SomeObject 项目时，此代码为我提供了一个图块列表，但未显示图像。

System.Windows.Data 错误：40：BindingExpression 路径错误：在“对象”“SomeObject”（HashCode=1739718653）上找不到“ImagePath”属性。绑定表达式：路径=图像路径；DataItem='SomeObject' (HashCode=1739718653); 目标元素是'图像'（名称=''）；目标属性是“源”（类型“ImageSource”）

这是意料之中的，因为我没有告诉控件究竟要显示什么（SomeObject 的哪个属性）。使用除了 ItemsPanelTemplate 之外的 DisplayMemberPath 不起作用，那么如何设置要用于在图像中显示的属性？

谢谢你的帮助！

编辑：@nkoniishvt

这听起来确实是正确的方法，但我无法让它正常工作。我究竟做错了什么？

我将此 DP 添加到后面的 UserControl 代码中：

public static readonly DependencyProperty ItemsTemplateProperty =
  DependencyProperty.Register("ItemsTemplate", 
  typeof(DataTemplate),
  typeof(VerticalTileBox),
  new PropertyMetadata(null));

public DataTemplate ItemsTemplate
{
  get {return (DataTemplate)GetValue(ItemsTemplateProperty);}
  set {SetValue(ItemsTemplateProperty, value);}
}

并像这样更改了xaml：

<ListBox 
         ScrollViewer.HorizontalScrollBarVisibility="Disabled"
         SelectionMode="Extended"
         SelectionChanged="OnItemSelectionChanged"
         ItemsSource="{Binding RelativeSource={RelativeSource AncestorType={x:Type controls:VerticalTileBox}},
                    Path=ItemCollection, UpdateSourceTrigger=PropertyChanged}"
       ItemTemplate="{Binding RelativeSource={RelativeSource AncestorType={x:Type controls:VerticalTileBox}},
                    Path=ItemsTemplate, UpdateSourceTrigger=PropertyChanged}"
       >
   <ItemsPanelTemplate>
      <controls:VirtualizingTilePanel ChildSize="{Binding 
        RelativeSource={RelativeSource AncestorType={x:Type controls:VerticalTileBox}},
                    Path=ItemSize, UpdateSourceTrigger=PropertyChanged, Mode=OneWay}" />
  </ItemsPanelTemplate>
  </ListBox.ItemsPanel>
  <ListBox.ItemContainerStyle>
    <Style TargetType="ListBoxItem">
      <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
      <Setter Property="VerticalContentAlignment" Value="Stretch"/>
      <Setter Property="Padding" Value="0"/>
    </Style>
  </ListBox.ItemContainerStyle>
</ListBox>

数据模板定义如下：

  <DataTemplate x:Name="SomeImageItemTemplate"   DataType="utilities:SomeObject">
    <Image Source ="{Binding Path=ImagePath}" 
                 VerticalAlignment="Center" HorizontalAlignment="Center" Stretch="Uniform" />
  </DataTemplate>

在我看来，整体的使用是这样的：

  <ctrls:VerticalTileBox Source="{Binding ImageListView, UpdateSourceTrigger=PropertyChanged}" ItemsTemplate="{DynamicResource SomeImageItemTemplate}"/>

结果是显示了图块，但除了对象的类名 (SomeObject) 之外，它们都是空的。

4

1 回答 1

1

如果您作为 ListBox 的 ItemsSource 放置的数据是未知的并且您的 UserControl 必须保持通用，则您不能拥有通用 DataTemplate。

您应该让 UserControl 的使用者提供 DataTemplate，在 UserControl.Resources 或 DataTemplate DP 中，您需要创建并绑定到 ListBox 的 ItemTemplate。

面板不应该说一个孩子是如何显示的，而应该是它应该在哪里以及有多大。

于 2015-08-28T11:02:13.783 回答