DockPanel ItemsControl 最后一个子项填充

Question

我有一个停靠面板，我使用 ItemsControl 动态填充该面板来填充面板。停靠面板需要 itemscontrol 列表中的最后一个子项来填充面板的其余部分，但如果我以这种方式填充它，似乎不会发生这种情况......我该怎么做才能使最后一个项目展开？

我如何设置它的片段：（请注意，我将停靠面板背景设置为蓝色，以便我可以将填充的用户控件与面板背景区分开）

        <DockPanel Background="Blue" LastChildFill="True" Margin="0">
        <ItemsControl ItemsSource="{Binding Requirements}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <local:TMGrid2View Baseline="{Binding}"/>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </DockPanel>

---

我目前对正在发生的情况的假设是子填充正在应用于itemscontrol 而不是 itemscontrol 中填充的子项。例如，我过去使用过设置器来指定子项应该停靠在面板的一侧...但似乎没有子项设置器选项来让它展开...

Answer 1

不要将 ItemsControl 放在 DockPanel 中；将DockPanel 放入ItemsControl 中。使用 ItemsPanelTemplate 使 ItemsControl 将其项目放置在 DockPanel 中。

使用 ItemContainerStyle 设置项目容器上的 DockPanel.Dock 属性（对于 ItemsControl，该属性将为 ContentPresenter代码>s）。

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:sys="clr-namespace:System;assembly=mscorlib">
  <ItemsControl Margin="5">
    <ItemsControl.ItemsPanel>
      <ItemsPanelTemplate>
        <DockPanel LastChildFill="True"/>
      </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemContainerStyle>
      <Style TargetType="ContentPresenter">
        <Setter Property="DockPanel.Dock" Value="Top"/>
      </Style>
    </ItemsControl.ItemContainerStyle>
    <ItemsControl.ItemTemplate>
      <DataTemplate>
        <TextBlock Background="Lavender" Margin="1" Padding="5" Text="{Binding}"/>
      </DataTemplate>
    </ItemsControl.ItemTemplate>
    <sys:String>Athos</sys:String>
    <sys:String>Porthos</sys:String>
    <sys:String>Aramis</sys:String>
    <sys:String>D'Artagnan</sys:String>
  </ItemsControl>
</Page>

Answer 2

发生的情况是您的 DockPanel 中充满了 ItemsControl。到目前为止，一切都很好。但是，ItemsControl 内部使用无法垂直填充的 StackPanel（如果设置为 Orientation="Horizo​​ntal"，则水平填充。

编辑：为了解释背景是蓝色... ItemsControl 的背景默认设置为 null。

您知道有多少个项目吗？ ：当它是动态集合

时，您需要做的是添加以下内容：

<ItemsControl ...>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid Columns="1"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <!-- rest of ItemsControl properties -->
</ItemsControl>

统一网格在水平和垂直方向上为每个单元格分配相等的空间，并且 ItemsPanel 交换标准 StackPanel 进行定位。

EDIT2 高度不等的物品...自定义面板：

public class CustomPanel : StackPanel
{
    protected override Size ArrangeOverride(Size finalSize)
    {
        var childUIElements = Children.OfType<UIElement>().ToList();
        foreach (var child in childUIElements)
        {
            child.Measure(finalSize);
        }
        double remainingHeight = finalSize.Height - childUIElements.Sum(c => c.DesiredSize.Height);
        if(remainingHeight <= 0)
            return base.ArrangeOverride(finalSize);

        double yOffset = 0;
        foreach (var child in childUIElements)
        {
            double height = child.DesiredSize.Height + remainingHeight/childUIElements.Count;
            child.Arrange(new Rect(0,yOffset,finalSize.Width,height));
            yOffset += height;
        }
        return finalSize;
    }
}

如果我没有制作太多的f..-ups，至少应该做一个粗略的版本，如果物品太大而无法容纳，它的工作方式就像正常的一样。 您可以调整它以按比例分配（即，较大的块获得更多的剩余空间）。

stackpanel - 如果没有，它会安排子项在它们之间平均分配剩余空间。如果需要， :-)）您需要将此自定义面板放入 ItemsPanelTemplate 中，而不是我之前建议的 UniformGrid 中。

Answer 3

您是否将 DockPanel.Dock 属性设置为您想要的值？

Answer 4

我将抛出一个不优雅的解决方案：

在模型视图中，将列表绑定切入包含除最后一个元素之外的所有元素的列表，然后单独包含最后一个元素。然后使用列表的项目控件，并手动添加链接到最后一个元素的额外条目。我不想这样做，所以希望有更好的方法。