Xamarin开发笔记—WebView双项事件调用

逃离我推掉我的手 2023-10-17 20:58 7阅读 0赞

**1.Xamarin调用WebView：**

原理：Xamarin.Forms WebView内置方法xx.Eval(..)可以调用到页面里面的js函数。

WebView展示的代码如下：

var htmlSource = new HtmlWebViewSource();
    htmlSource.Html = @"<html>
                    <head>
                        <meta charset='UTF-8'>
                        <title></title>
                        <script>
                            function showMsg(msg){
                                alert('hello '+msg);
                            }
                        </script>
                    </head>
                    <body>
                        你好世界.
                    </body>
                    </html>";
    this.webview.Source = htmlSource;

调用核心代码：

this.wv.Eval("showMsg('王磊')");

效果如下：

![172074-20170607163426918-1720790803.png][]

**2.WebView调用Xamarin：**

原理：WebView通过Navigating改变事件拦截，进行业务处理。

流程：WebView添加Navigating事件 => 修改html代码里面的href为自定义的格式和协议 => 在Navigating事件里面判断拦截处理。

html核心代码：

后台核心代码：

/// <summary>
    /// WebView链接改变事件（点击href时触发）
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void wv_Navigating(object sender, WebNavigatingEventArgs e)
    {
        string identify = "xaml:"; //自定义协议关键字
        string url = e.Url; //href信息
        if (url.Contains(identify)) //是自定义的xaml:协议，执行事件
        {
    　　  e.Cancel = true;
            JObject jb = JObject.Parse(url.Substring(identify.Length));
            Debug.WriteLine("获取data：" + jb.ToString());
            //todo:业务逻辑
        }
    }

**Xamarin系列其他推荐**

--------------------

*  [《Xamarin开发笔记—WebView双项事件调用》][Xamarin_WebView]
 *  [《Xamarin开发笔记—百度在线语音合成》][Xamarin]
 *  [《Xamarin开发笔记—设备类&第三方弹窗的使用和注意事项》][Xamarin 1]

[172074-20170607163426918-1720790803.png]: https://images2015.cnblogs.com/blog/172074/201706/172074-20170607163426918-1720790803.png
[Xamarin_WebView]: http://www.cnblogs.com/vipstone/p/6957535.html
[Xamarin]: http://www.cnblogs.com/vipstone/p/6963763.html
[Xamarin 1]: http://www.cnblogs.com/vipstone/p/7064636.html