我是Xamarin.Forms的新手,尝试在我的Windows 10 x64 v1803机器上使用UWP和WebView,但我不知道如何让它与WebGL一起工作。
使用WebGL的网站要么显示“您的显卡不支持WebGL”的消息,要么根本不显示任何图形内容。
这是UWP或WebView本身的限制吗?
还是WebView的配置问题?
在该机器上的所有其他浏览器中都可以正常使用WebGL。
我是Xamarin.Forms的新手,尝试在我的Windows 10 x64 v1803机器上使用UWP和WebView,但我不知道如何让它与WebGL一起工作。
使用WebGL的网站要么显示“您的显卡不支持WebGL”的消息,要么根本不显示任何图形内容。
这是UWP或WebView本身的限制吗?
还是WebView的配置问题?
在该机器上的所有其他浏览器中都可以正常使用WebGL。
public class HybridWebView : Xamarin.Forms.WebView
{
Action<string> action;
public static readonly BindableProperty UriProperty = BindableProperty.Create(
propertyName: "Uri",
returnType: typeof(string),
declaringType: typeof(HybridWebView),
defaultValue: default(string));
public string Uri
{
get { return (string)GetValue(UriProperty); }
set { SetValue(UriProperty, value); }
}
public void RegisterAction(Action<string> callback)
{
action = callback;
}
public void Cleanup()
{
action = null;
}
public void InvokeAction(string data)
{
if (action == null || data == null)
{
return;
}
action.Invoke(data);
}
}
然后在UWP项目中创建一个自定义渲染器,它将构建本地WebView并将事件传递回共享项目中的WebForms对象:
将此放置在命名空间顶部,以将HybridWebView与自定义渲染器链接起来:
[assembly: ExportRenderer(typeof(HybridWebView), typeof(WebViewRenderer2))]
接着创建渲染器类(对于iOS和Android项目,如果您不创建此类,则默认使用标准本地控件,这些控件似乎对我来说工作得很好):
public class WebViewRenderer2 : ViewRenderer<Xamarin.Forms.WebView, Windows.UI.Xaml.Controls.WebView>, IWebViewDelegate
{
Windows.UI.Xaml.Controls.WebView _control;
public void LoadHtml(string html, string baseUrl)
{
}
public void LoadUrl(string url)
{
}
protected override void Dispose(bool disposing)
{
}
protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.WebView> e)
{
if (_control == null) {
_control = new Windows.UI.Xaml.Controls.WebView(WebViewExecutionMode.SeparateProcess);
SetNativeControl(_control);
}
}
protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
{
var xamWebView = sender as HybridWebView;
switch(e.PropertyName.ToLower())
{
case "source":
var urlSource = xamWebView.Source as Xamarin.Forms.UrlWebViewSource;
_control.Source = new Uri(urlSource.Url);
break;
case "width":
_control.Width = xamWebView.Width;
break;
case "height":
_control.Height = xamWebView.Height;
break;
case "isfocused":
var focused = xamWebView.IsFocused;
if (focused)
_control.Focus(FocusState.Programmatic);
else
_control.Focus(FocusState.Unfocused);
break;
}
}
}
WebView
控件支持WebGL。在msdn中有类似的问题案例可供参考。请尝试使用SeparateProcess
模式的WebView来替换默认的控件。public MainPage()
{
this.InitializeComponent();
var MyWebView = new WebView(WebViewExecutionMode.SeparateProcess);
MyWebView.Source = new Uri("http://cycleblob.com/");
this.RootGrid.Children.Add(MyWebView);
}
WebViewRenderer
并使用SeparateProcess
进行初始化。 - Nico Zhu