这是从MSDN library article获取的ItemsControl.ItemTemplate属性的XAML代码示例:
<ListBox Width="400" Margin="10" ItemsSource="{Binding Source={StaticResource myTodoList}}">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding Path=TaskName}" />
<TextBlock Text="{Binding Path=Description}"/>
<TextBlock Text="{Binding Path=Priority}"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
我正在寻找关于<StackPanel>
元素用法的解释。这个例子
- &GT;
这个面板将存在于ListBox中的哪个位置?
它在ItemTemplate中的用途是什么?
是否可以使用任何System.Windows.Controls.Panel,特别是Grid?
我如何使用<Grid>
元素作为ListBox中每个项目的模板?
这是我想要的概念:
http://img151.imageshack.us/img151/7960/graphconcept.png
我使用<Path>
元素绘制了图形,并且没有问题。
我正在研究axies的标签,我正在试验在ItemTemplate中使用<Grid>
元素 - 但我不知道网格应该如何在这个上下文中运行,并且MSDN在示例代码中没有说明该面板。
我的Y轴标签的XAML目前如下所示:
<ListBox Background="Transparent" BorderThickness="0" ItemsSource="{Binding Path=GraphLabelYData}">
<ListBox.ItemTemplate>
<DataTemplate>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="{Binding Path=GraphLabelSpacing}" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="{Binding ElementName=GraphLabelYData, Path=GraphLabelMarkerLength}" />
</Grid.ColumnDefinitions>
<TextBlock HorizontalAlignment="Right" VerticalAlignment="Bottom" Text="{Binding Path=GraphLabelTag}" />
<Rectangle Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Stroke="Black" Fill="Black" />
</Grid>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
这看起来是否正确?在运行时没有显示任何内容,但我想在开始调试数据绑定和代码隐藏之前确保正确建模XAML。
答案 0 :(得分:4)
“这个面板将在ListBox中存在于哪里?” - 列表框将为每个列表项创建一个副本,即myTodoList集合中每个元素的一个副本。因此,在每个列表项中,您将三个标签堆叠在一起。
“ItemTemplate的目的是什么?” - 为了能够为ItemsSource中的每个元素显示多个控件。与WPF中的许多内容一样,ItemTemplate只能占用一个子元素,因此如果您需要多个子元素,则需要指定它们的布局方式,并通过添加面板(在本例中为StackPanel)来实现。
“可以在其位置使用任何System.Windows.Controls.Panel,特别是Grid吗?” - 你打赌。
“我如何使用<Grid>
元素作为ListBox中每个项目的模板?” - 就像在其他任何地方使用网格一样。没有什么不同;只是ItemsControl(及其后代,ListBox)将创建Grid的多个实例。但请注意,在ItemTemplate中,您的DataContext将是当前列表项,因此您的{Binding}
将相对于该列表项(除非您使用例如ElementName指定)。
“这看起来是否正确?” - 这应该作为一个单独的问题发布,因为它与MSDN示例的问题无关,我甚至不确定你要做什么。但我会尝试回答:我怀疑出现了问题,因为你使用的名称是“GraphLabelYData”两种不同的方式。在ColumnDefinition中,据我所知,您将GraphLabelYData视为XAML元素的名称(即您正在使用Name="GraphLabelYData"
或{{1}在窗口/页面/ UserControl中查找另一个控件},并读取该控件的GraphLabelMarkerLength属性);但是在TextBlock中,您将GraphLabelYData视为当前集合项上属性的名称。我怀疑其中一个是不对的。