如何在网格中创建动态集列或我应该使用哪种网格模拟?
我有List
,例如List<List<string>> = {{a},{b,c},{d,e},{f,g,h}}
我需要从每个元素中创建一行,并且应该拉伸子元素。如下图所示。因此,如果有一个元素,它将占用所有网格宽度,如果有两个子元素,每个元素占网格宽度的一半,依此类推。我从here获得了xaml,这是
<Page>
<Page.Resources>
<DataTemplate x:Key="DataTemplate_Level2">
<Button Content="{Binding}" Margin="1,1,1,1" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>
</DataTemplate>
<DataTemplate x:Key="DataTemplate_Level1">
<ItemsControl ItemsSource="{Binding}" ItemTemplate="{StaticResource DataTemplate_Level2}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></StackPanel>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
</DataTemplate>
</Page.Resources>
<Grid>
<ItemsControl ItemsSource="{Binding}" x:Name="lst" ItemTemplate="{StaticResource DataTemplate_Level1}"/>
</Grid>
</Page>
但是它不能像我这样需要子元素:
答案 0 :(得分:1)
试试这个:
<ItemsControl HorizontalAlignment="Stretch">
<ItemsControl ItemsSource="{Binding Items}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<ItemsControl ItemsSource="{Binding}" HorizontalAlignment="Stretch">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Button Content="{Binding}" Margin="1,1,1,1" VerticalAlignment="Stretch"
HorizontalAlignment="Stretch"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Rows="1" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</ItemsControl>
这就是它的外观
修改强>
由于Universal App不支持UniformGrid
,因此我创建了自己的面板:
public class UniformGridSingleLine : Panel
{
protected override Size MeasureOverride(Size availableSize)
{
foreach (UIElement child in Children)
child.Measure(availableSize);
return new Size(double.IsPositiveInfinity(availableSize.Width) ? 0 : availableSize.Width,
double.IsPositiveInfinity(availableSize.Height) ? Children.Cast<UIElement>().Max(x => x.DesiredSize.Height) : availableSize.Height);
}
protected override Size ArrangeOverride(Size finalSize)
{
Size cellSize = new Size(finalSize.Width / Children.Count, finalSize.Height);
int col = 0;
foreach (UIElement child in Children)
{
child.Arrange(new Rect(new Point(cellSize.Width * col, 0), new Size(cellSize.Width, child.DesiredSize.Height)));
col++;
}
return finalSize;
}
}
在上面的XAML中用UniformGrid
替换UniformGridSingleLine
(不要忘记命名空间)
答案 1 :(得分:0)
使用this post解决了问题。