我是 Windows Phone 开发的新手,上周为此目的购买了一个 Windows 8.1 刚刚发布 ^^。
我正在尝试按照 Microsoft 初学者教程之一创建 Minibrowser ,一个非常简单的应用程序,带有文本框、按钮和 WebView 。我知道这是一个 Windows Phone 8 教程,但我认为 Windows 8.1 肯定不会有很大的不同吗?
我已经完成了本教程,但我遇到了问题,即 webview 实际上没有显示任何内容。
页面 View 的xaml是
<Page
x:Class="MiniBrowser.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:MiniBrowser"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid x:Name="LayoutRoot">
<Grid.ChildrenTransitions>
<TransitionCollection>
<EntranceThemeTransition/>
</TransitionCollection>
</Grid.ChildrenTransitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<!-- TitlePanel -->
<StackPanel Grid.Row="0" Margin="24,17,0,28">
<TextBlock Text="My First Application" Style="{ThemeResource TitleTextBlockStyle}" Typography.Capitals="SmallCaps"/>
<TextBlock Text="Mini Browser" Margin="0,12,0,0" Style="{ThemeResource HeaderTextBlockStyle}"/>
</StackPanel>
<!--TODO: Content should be placed within the following grid-->
<StackPanel Grid.Row="1" x:Name="ContentRoot" Margin="12,0,12,12">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<TextBox x:Name="URL"
Text="http://www.xbox.com"
TextWrapping="NoWrap"
Height="Auto"
Width="Auto"
HorizontalAlignment="Stretch"
VerticalAlignment="Center"
Margin="0,0,12,0"/>
<Button x:Name="Go"
Grid.Column="1"
Content="Go"
Height="Auto"
Width="Auto"
HorizontalAlignment="Stretch"
VerticalAlignment="Center"
Margin="12,0,0,0"
Click="Go_Click"/>
</Grid>
<WebView x:Name="MiniBrowser"
Height="Auto"
Width="Auto"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
ScrollViewer.ZoomMode="Disabled"
ScrollViewer.VerticalScrollBarVisibility="Disabled"
Loaded="MiniBrowser_Loaded"
NavigationFailed="MiniBrowser_NavigationFailed" NavigationCompleted="MiniBrowser_NavigationCompleted"
Visibility="Visible"/>
</StackPanel>
</Grid>
</Page>
按钮和 webview 的相关事件处理程序是
private void Go_Click(object sender, RoutedEventArgs e)
{
String site = URL.Text;
MiniBrowser.Navigate(new Uri(site, UriKind.Absolute));
}
private void MiniBrowser_Loaded(object sender, RoutedEventArgs e)
{
String site = URL.Text;
MiniBrowser.Navigate(new Uri(site, UriKind.Absolute));
}
private void MiniBrowser_NavigationFailed(object sender, WebViewNavigationFailedEventArgs e)
{
ToastTemplateType toastTemplate = ToastTemplateType.ToastImageAndText01;
XmlDocument toastXml = ToastNotificationManager.GetTemplateContent(toastTemplate);
XmlNodeList toastTextElements = toastXml.GetElementsByTagName("text");
toastTextElements[0].AppendChild(toastXml.CreateTextNode("Hello World!"));
ToastNotification toast = new ToastNotification(toastXml);
ToastNotificationManager.CreateToastNotifier().Show(toast);
}
private void MiniBrowser_NavigationCompleted(WebView sender, WebViewNavigationCompletedEventArgs args)
{
ToastTemplateType toastTemplate = ToastTemplateType.ToastImageAndText01;
XmlDocument toastXml = ToastNotificationManager.GetTemplateContent(toastTemplate);
XmlNodeList toastTextElements = toastXml.GetElementsByTagName("text");
toastTextElements[0].AppendChild(toastXml.CreateTextNode("Nav Complete"));
ToastNotification toast = new ToastNotification(toastXml);
ToastNotificationManager.CreateToastNotifier().Show(toast);
}
}
从运行页面可以看出,在启动时和单击“开始”按钮时,导航完成事件都被调用,因为导航完成后弹出,但不应该加载的 xbox 网页不可见.
我已经对演示中显示的 xaml 进行了一些微调,可以看出,我不再只有一个 ContentRoot 网格,而是将包含地址 TextBox 和 Button 的水平堆栈面板与 WebView 嵌套在一起在它下面。
我还使用了 WebView 而不是教程中的 phone:WebBrowser,因为这在 WP8.1 中似乎不存在,所以这很可能是问题所在...
有谁知道我做错了什么,或者有人可以评论我使用的样式是否可以改进。
学习新平台始终是一个挑战,因为您会尝试了解如何以不同的方式完成工作; Windows Phone 肯定与我更熟悉的 Android 有很大不同!
提前致谢
编辑:
我尝试通过注释掉我对页面内容(文本框、按钮和 webview)的内容并插入教程中的示例 xaml 来更改 XAML 代码,如下所示
<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<TextBox x:Name="URL" Margin="10,10,85,0" Text="http://www.xbox.com" VerticalAlignment="Top"/>
<Button x:Name="Go" Content="Go" HorizontalAlignment="Right" Margin="346,10,0,0" VerticalAlignment="Top"/>
<phone:WebBrowser x:Name="MiniBrowser" Margin="10,82,0,0"/>
</Grid>
但我遇到了与之前完全相同的问题,即 webview 只是显示黑色,而且通常看起来更糟......
我猜这个问题是由于预期的 phone:WebBrowser 和我正在使用的 WebView 之间的差异造成的。
最佳答案
我已经找到并解决了这个问题。问题出在我在 xaml 中声明 webview:
<WebView x:Name="MiniBrowser"
Height="Auto"
Width="Auto"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
ScrollViewer.ZoomMode="Disabled"
ScrollViewer.VerticalScrollBarVisibility="Disabled"
Loaded="MiniBrowser_Loaded"
NavigationFailed="MiniBrowser_NavigationFailed"
NavigationCompleted="MiniBrowser_NavigationCompleted"
Visibility="Visible"/>
通过将其更改为
<WebView x:Name="MiniBrowser"
Height="425"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
ScrollViewer.ZoomMode="Disabled"
ScrollViewer.VerticalScrollBarVisibility="Disabled"
Loaded="MiniBrowser_Loaded"
NavigationFailed="MiniBrowser_NavigationFailed"
NavigationCompleted="MiniBrowser_NavigationCompleted"
Visibility="Visible"/>
现在可以了。问题似乎出在使用 Height="Auto"上。这是将高度设置为 0,因此实际上并未显示。
关于c# - Windows Phone 8.1 WebView 没有显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23113116/