- 不绑定viewmodel
在说明绑定viewmodel前先说明一下不绑定的情况下是怎么做的,两种方式
a.<WebView Source="https://www.baidu.com" x:Name="webView" />
b. 在C#中
var htmlSource = new HtmlWebViewSource();
htmlSource.Html = "https://www.baidu.com":
webView.Source = htmlSource;
其中"https://www.baidu.com"可以是网址也可以直接是html代码字符串
- 绑定ViewModel
Binding的用法和b中的方式一样,由于我的Binding是在构造函数中用BindingContext设置的,所以导致页面不显示web
代码:
<WebView Source="{Binding Html}" HeightRequest="1000" WidthRequest="1000" />
这里 HeightRequest=“1000” WidthRequest=“1000” 设置宽高非常重要,不然默认网页宽高为0,就显示不出来了,这个问题困扰我好久,最后在overflow找到了解决办法https://stackoverflow.com/questions/48356242/xamarin-forms-mvvm-webview-not-loading
private HtmlWebViewSource _html;
public HtmlWebViewSource Html
{
get { return _html; }
set
{
if (_html != value)
{
_html = value;
OnPropertyChanged("Html");
}
}
}
然后在构造函数中设置Html的值就行了
4. 绕过IOS的ATS
想要在Xamarin.Forms-ios中显示http链接的网页,需要绕过ATS(ios 的安全机制)
做法:
打开这个文件位置,用记事本打开
添加这个节点就可以了
<key>MinimumOSVersion</key>
<string>11.0</string>
这个节点是系统版本问题
如果需要自己拼接网页,然后显示到页面上,不是通过连接
在xaml上创建一个
然后在cs的构造函数里