Question

我需要向ListBox展示动态内容（因此我不知道它的高度）和Button下面的动态内容。因此，用户应该能够将ListBox滚动到结束并查看按钮。

在Android中我会使用RelativeLayout和below属性作为按钮或其他解决方案，但在WP中我不知道该怎么做。

我曾尝试过：

1）全部放入StackPanel

<StackPanel>
    <ListBox />
    <Button />
</StackPanel>

这不起作用，因为StackPanel阻止ListBox滚动。

2）好的，让我们把ListBox放在Grid

中

<StackPanel>
    <Grid>
        <ListBox />
    </Grid>
    <Button />
</StackPanel>

什么都没发生。

3）将所有内容放入网格并使用Grid.Row无效。

4）让我们全部置于Grid并动态设置Button的余量

<Grid>
    <ListBox />
    <Button />
</Grid>

好的，这是有效的，但这不是一个好的解决方案，因为我需要每次都处理ListBox填充并重置按钮边距。糟糕的坏事。

P.S。另外，我可以把按钮作为ListBox项目（不错，但不好:)：

请帮帮我......

Answer 1

如果我理解正确，你需要一个像这样定义的简单网格：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <ListBox />
    <Button Grid.Row="1" Height="80"/>
</Grid>

通过将行的高度设置为“star”并将第一行设置为Auto，ListBox将填充剩余空间，而Button仅为80（您可以将其更改为您喜欢的任何内容）。 ListBox会自动放到第0行，因为如果未明确设置它，则为默认值。

如果您不希望按钮固定在页面上但使用ListBox滚动，则可以像这样编辑ListBox模板：

<Style x:Key="ListBoxWithButtonStyle" TargetType="ListBox">
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/>
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="BorderBrush" Value="Transparent"/>
    <Setter Property="Padding" Value="0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ListBox">
                <ScrollViewer x:Name="ScrollViewer" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Foreground="{TemplateBinding Foreground}" Padding="{TemplateBinding Padding}">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <ItemsPresenter/>
                        <Button Content="Touch me" Height="80" Grid.Row="1"/>
                    </Grid>
                </ScrollViewer>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

然后应用于ListBox：

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <ListBox Style="{StaticResource ListBoxWithButtonStyle}">

    </ListBox>
</Grid>

ListBox之后的按钮

1 个答案: