Webbrowser下的内容

Question

我正在制作一个Windows Phone 8应用程序，我想要一个页面填充webbrowser，但当你滚动到webbrowser的底部时，额外的内容（按钮/文本/图像）就在它下面。 web浏览器具有各种高度，具体取决于网站。

当您向下滚动到webbrowser的末尾时

任何帮助将不胜感激！

目前我必须遵循：
此代码将图像放在屏幕底部，但不在Web浏览器下方。

<Grid 
    x:Name="ContentPanel" 
    Grid.Row="1" 
    Margin="12,0,12,0">

    <phone:WebBrowser 
        x:Name="webView" 
        HorizontalAlignment="Stretch" 
        VerticalAlignment="Stretch"
        IsScriptEnabled="True" 
        Margin="-13,-26,-13,0"/>

    <Image
        Height="100"
        Width="Auto" 
        Source="Assets/ContentPage/item_follow_icon.png"
        VerticalAlignment="Bottom"/>
</Grid>

Answer 1

也许你可以使用Stackpanel。

<Grid>
    <StackPanel orientation="Vertical">
        <phone:WebBrowser 
            x:Name="webView" 
            IsScriptEnabled="True" 
            Margin="-13,-26,-13,0"/>

        <Image
            Height="100"
            Width="Auto" 
            Source="Assets/ContentPage/item_follow_icon.png"/>
    </StackPanel>
</Grid>

在没有VerticalAlignment="Stretch"

的情况下尝试此操作

Answer 2

看起来您只需在网格中定义行：

<Grid ... >
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <phone:WebBrowser Grid.Row="0" ... />

    <Image Grid.Row="1" ... />
</Grid>

将Height="Auto"放在第二行，将Height="*"放在第二行，这意味着您的图片将首先调整大小，然后浏览器将填满剩余空间。