Question

的Prolog：我有c＃/ xaml项目。在这个项目中，我在MainPage上有两个页面（ MainPage.xaml和SecondExamplePage ）和MainWebView。在mainPage.xaml.cs上我有简单的代码：

 protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        MainWebView.Source = new Uri("ms-appx-web:///assets/physics/index.html");
    }

当用户启动应用程序时，他会看到html页面（index.html），例如有一个图像，这就是全部。（我现在，这是错误的方式，但客户想要这个）。

我需要做什么：当用户点击图片时（在index.html页面上），我需要在SecondExamplePage.xaml上导航我该怎么做？我依赖WebView。 ScriptNotify和WebView.InvokeScript，但我不明白这个方法是如何工作的。

Answer 1

在您的HTML页面中，您的图片代码如下所示：

<img src="./image.png" onclick="external.notify('gotoPage2')" />

在您的C＃代码中：

    public MainPage()
    {
        this.InitializeComponent();
        MainWebView.ScriptNotify += WebView_ScriptNotify;
    }

    void MainWebView_ScriptNotify(object sender, NotifyEventArgs e)
    {
        if (e.Value == "gotoPage2")
            this.Frame.Navigate(typeof(Page2));
    }

XAML Web View Control示例也可以为您提供帮助。

从html页面导航到windows 8 xaml页面

1 个答案: