1.Xamarin调用WebView:
原理:Xamarin.Forms WebView内置方法xx.Eval(..)可以调用到页面里面的js函数。
WebView展示的代码如下:
var htmlSource = newHtmlWebViewSource();
htmlSource.Html= @"
function showMsg(msg){
alert('hello '+msg);
}
你好世界.
";this.webview.Source = htmlSource;
调用核心代码:
this.wv.Eval("showMsg('王磊')");
效果如下:
2.WebView调用Xamarin:
原理:WebView通过Navigating改变事件拦截,进行业务处理。
流程:WebView添加Navigating事件 => 修改html代码里面的href为自定义的格式和协议 => 在Navigating事件里面判断拦截处理。
html核心代码:
xxx
后台核心代码:
///
/// WebView链接改变事件(点击href时触发)
///
///
///
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系列其他推荐