在 WebView 下方添加按钮答案

【问题标题】：Adding a Button below a WebView在 WebView 下方添加按钮
【发布时间】：2017-02-21 16:21:33
【问题描述】：

我必须展示一段HTML格式的文本（条款和条件文本）。在此文本下方，应该有一个Button 来接受它们。

当然，用户在接受条款之前应该向下滚动到底部，所以按钮应该就在条款和条件文本下方。

我使用了WebView 来呈现 HTML，但它有一个大问题：当我将它放入 StackPanel 中时，它将其高度折叠为零强>。所以，什么都没有显示。这是重现问题的 XAML。

<StackPanel>
    <WebView />
    <Button>Accept</Button>
</StackPanel>

当容器是网格时不会发生这种情况，因为它会扩展以填满整个空间。但是，使用 Grid 我无法使 Button 出现在文本下方。

我能做些什么来完成这项工作？

【问题讨论】：

你试过RelativePanel吗？
WebView 是否应该获取除下方按钮之外的全部可用空间？您是否尝试过合适的行？
@Romasz 是的，它应该占用所有可用空间，并且按钮必须出现在下方。它们可能正在滚动，因为文本很长。你认为RelativePanel 能解决问题吗？
RelativePanel 的行为似乎与 StackPanel 相同（正如我测试过的那样）。他们可以在 WebView 内滚动还是 WebView 应该使用外部滚动查看器滚动？我想我已经设法用 Grid 做你想做的事了。

标签： c# .net xaml uwp

【解决方案1】：

您应该将行添加到网格中：

<Grid>
    <Grid.RowDefinitions>
        <!-- This row will be stretched -->
        <RowDefinition Height="*"/>

        <!-- The size of this row is determined by the size properties of the content object. -->
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <WebView Grid.Row="0"/>
    <Button Grid.Row="1">Accept</Button>
</Grid>

查看here，了解有关 UWP 中布局面板的更多信息。

【讨论】：