浮动项目控件

Question

我需要的ItemsControl必须具有以下外观 ：

对于ItemsPanel我已将StackPanel设置为水平方向。

<Style TargetType="local:ParameterItemContainer">
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="local:ParameterItemContainer">
                <Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                    <Grid >
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                            <RowDefinition/>
                            <RowDefinition/>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>

                        <ItemsPresenter Margin="{TemplateBinding Margin}" />
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

ParameterItemContainer从ItemsControl派生。

不知道如何正确实现模板以得到与屏幕截图相同的外观，还是必须重写功能来设置正确的布局？

Answer 1

我不确定"Floating ItemsControl"是什么意思，但是，如果您只想一次在ItemsControl显示6个项目的行，则可以将ItemsPanelTemplate设置为Orientation="Vertical"的WrapPanel并给出它的高度是6倍物品的高度。

<ItemsPanelTemplate>
    <WrapPanel Orientation="Vertical" Height="300" />
</ItemsPanelTemplate>

这将使WPF图纸项垂直放置，直到达到高度限制，然后将其水平包装到新列以继续进行图纸绘制。