在 XAML Web 浏览器中加载图片

本文关键字：加载 浏览器 XAML Web | 更新日期: 2023-09-27 18:25:13

 <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <phone:WebBrowser x:Name="browser" IsScriptEnabled="True" Margin="-12,0,-11,0" />
    </Grid>

我使用此代码初始化了Web浏览器。由于我的 html 内容太大，加载这些 html 文件需要更多。在显示 html 文件之前，Web 浏览器是白色的。

这让我很恼火。我需要知道我们可以在网络浏览器中有任何加载器图片。因此，在Web浏览器加载html文件之前显示的图片???

在 XAML Web 浏览器中加载图片

我目前无法验证这一点，但我采取的方法是通过图像或某种替代方法(例如 XAML 中的加载消息(显示图像，并将此替身的初始可见性设置为可见，将 Web 浏览器设置为折叠。

在 Web 浏览器

上为 LoadCompleted 事件实现事件处理程序，并在触发时交换可见性状态以隐藏进度/等待消息并显示 Web 浏览器。

它大致看起来像：

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <TextBlock Text="Loading... please wait" Visibility="Visibile" x:Name="loadingMessage"/>
    <phone:WebBrowser x:Name="browser" IsScriptEnabled="True" Margin="-12,0,-11,0" LoadCompleted="htmlLoadCompleted" Visibility="Collapsed"/>
</Grid>
// In the code behind - HTML finished loading, swap visibility to show the page
private void htmlLoadCompleted(object sender, NavigationEventArgs e)
{
    loadingMessage.Visibility = Visibility.Collapsed;
    browser.Visibility = Visibility.Visibile;
}

我担心 WebBrowser 何时/如何开始加载，这就是为什么我想警告我没有配置本地环境来验证此方法是否 100% 有效。您可能需要对此进行一些实验才能使其正常工作，但我希望这有助于您走上正确的道路。

相关文章：