基于内容的网格行高比

Question

我有一个两行的网格。在每一行中都有一个 ListView。 第一行有 100 个项目，第二行有 500 个项目。 这不适合屏幕，所以我想在每个 ListView 上显示滚动条（没问题），并且行高应该与 ListViews 的高度成比例。像 1* 和 5* 但我事先不知道这些 ListBox 会有多大。

注意：每个项目可能有不同的大小，所以我想使用实际的 ListBox 高度而不是项目数

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition /> <!-- keep ratio of rows based on Listbox Heights -->
        <RowDefinition />
    </Grid.RowDefinitions>
    <ListBox Grid.Row="0">
        <!-- 100 items -->
    </ListBox>
    <ListBox Grid.Row="1">
        <!-- 500 items -->
    </ListBox>
</Grid>

有什么想法吗？

Answer 1

 <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="{Binding Height,ElementName=ListBox1}"/>
        <!-- keep ratio of rows based on Listbox Heights -->
        <RowDefinition Height="{Binding Height,ElementName=ListBox2}"/>
    </Grid.RowDefinitions>
    <ListBox Grid.Row="0" x:Name="ListBox1">
        <!-- 100 items -->
    </ListBox>
    <ListBox Grid.Row="1" x:Name="ListBox2">
        <!-- 500 items -->
    </ListBox>
</Grid>

如果你有更复杂的场景，你可以使用转换器。