Xamarin Forms 如何在 Android 和 iOS 的 XAML 文件中调用不同的渲染器

Question

所以我的 Xamarin Forms 应用程序中有一个 WebView，但我想通过创建自定义渲染器来更改我的 iOS WebView，如下所示：https://forums.xamarin.com/discussion/129626/how-does-one-implement-wkwebview-ios-in-a-cross-platform-application

我不确定如何更改我的 XAML 文件，以调用我的 iOS 自定义渲染器和 Android 的普通 WebView。目前我的 XAML 文件如下所示：

<WebView Source="{Binding StartUrl}"
               Navigated="OnBrowserNavigated"
               Navigating="OnBrowserNavigating"
               AbsoluteLayout.LayoutFlags="All"
               AbsoluteLayout.LayoutBounds="0.5, 0.5, 1, 1"/>

使用关键字 WebView (Xamarin.Forms.WebView)。但是如果我使用这种方法为 iOS 创建一个自定义渲染器：

// Create a new class:
public class MyWebView : WebView
{
    public static readonly BindableProperty UrlProperty = BindableProperty.Create(...);
    ...
}

// Create custom renderer:
[assembly: ExportRenderer(typeof(MyWebView), typeof(MyWebViewRenderer))]
namespace WKWebViewDemo.iOS
{
...    
}

我应该如何像页面所说的那样调用这个渲染器

<StackLayout>
    <local:MyWebView Url="https://www.microsoft.com" VerticalOptions="FillAndExpand"/>
</StackLayout>

并且仍然像我的 XAML 页面现在正在调用 Android 的 Xamarin.Forms.WebView？

Answer 1

由于Url 属性是您在MyWebView 中定义的，如果您删除MyWebView 类，则会抛出未定义错误。

如果你想在 Android 和 ios 中都使用Source 属性，你不能定义一个自定义的 webview，并在 ios 中直接使用渲染器中的 WebView 像：

// Create custom renderer:
[assembly: ExportRenderer(typeof(WebView), typeof(MyWebViewRenderer))]
namespace WKWebViewDemo.iOS
{
  public class MyWebViewRenderer : ViewRenderer<WebView, WKWebView>
  {
    WKWebView _wkWebView;
    protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
    {
        base.OnElementChanged(e);

        if (Control == null)
        {
            var config = new WKWebViewConfiguration();
            _wkWebView = new WKWebView(Frame, config);
            SetNativeControl(_wkWebView);
        }
        if (e.NewElement != null)
        {
            Control.LoadRequest(new NSUrlRequest(new NSUrl(((UrlWebViewSource)Element.Source).Url)));
        }
    }
  }
}

Answer 2

<WebView Source="{Binding StartUrl}"
         Url="{Binding StartUrl}"
               ...>

所以这确实有效，iOS WebView 运行良好，但我想删除 Url 并为两者使用“Source”的方式是这样的。

namespace Apm.Mobile.Core.Controls
{
public class BetterWebView : WebView
{
    public static readonly BindableProperty UrlProperty = BindableProperty.Create(
        propertyName: "Source", // This is now source instead of Url
        returnType: typeof(string),
        declaringType: typeof(BetterWebView),
        defaultValue: default(string));

    public new string Source // This string is now Source instead of Url
    {
        get { return (string)GetValue(UrlProperty); }
        set { SetValue(UrlProperty, value); }
    }
}
}