繁体   English   中英

在XAML的ListView ItemTemplate内部使用ItemsControl

[英]Using an ItemsControl inside of a ListView ItemTemplate with XAML

因此,有点疯狂的要求。 我需要一个项目列表,我打算将其用于ListView ,但是在每个元素中,我需要另一个可以水平扩展的“列表”。

这是我要追求的基本思想的粗略图:

所需外观的粗制图 对于我的代码,这是我尝试过的,但是没有用。 (是的,我故意不使用绑定,所以我可以使用设计视图使一切看起来正确)

<ListView>
    <ListView.ItemTemplate>
        <DataTemplate>
            <ItemsControl ItemsSource="{Binding}">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Grid Grid.IsSharedSizeScope="True">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" SharedSizeGroup="KpiColumn0" />
                                <ColumnDefinition Width="Auto" SharedSizeGroup="KpiColumn1" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <StackPanel Orientation="Vertical" Grid.Row="0" Grid.Column="0">
                                <TextBlock Text="Test" />
                                <TextBlock Text="Test" FontSize="8" Margin="0,-4,0,0" />
                            </StackPanel>

                            <TextBlock Grid.Row="0" Grid.Column="2" Text="Test" />
                            <TextBlock Grid.Row="1" Grid.Column="0" Text="Test" />
                            <TextBlock Grid.Row="1" Grid.Column="2" Text="Test" />
                        </Grid>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </DataTemplate>
    </ListView.ItemTemplate>
    <ListView.Items>
        <MenuItem />
    </ListView.Items>
</ListView>

我如何基于每个ListItem绑定到List中的元素数量,使用ListView在其每个项目中保持水平扩展的项目List

将其添加到内部ItemsControl ,各项将以水平对齐方式显示。

<ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
        <StackPanel Orientation="Horizontal"/>
    </ItemsPanelTemplate>
</ItemsControl.ItemsPanel>

请注意,您将无法使用设计器视图。 您将需要删除拥有的ListView.Items ,而是使用绑定或代码隐藏使其在运行时显示。

如果给ListView NameLV ,这样的事情应该起作用:

LV.ItemsSource = new List<List<int>>
{
    new List<int> {1,2,3,4, },
    new List<int> {1,2,3,4, }
};

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM