Xamarin 表单：HTML android 和 windows 平台上的数据转换

Question

我正在使用自定义网络视图在 ios 应用程序上转换我的 HTML 数据。我正在 android 和 windows.

上寻找相同的自定义渲染器

MyWebView.cs

public  class MyWebView : WebView
{
    public static readonly BindableProperty UrlProperty = BindableProperty.Create(
    propertyName: "Url",
    returnType: typeof(string),
    declaringType: typeof(MyWebView),
    defaultValue: default(string));

    public string Url
    {
        get { return (string)GetValue(UrlProperty); }
        set { SetValue(UrlProperty, value); }
    }
}

MyWebViewRenderer.cs 在 ios

[assembly: ExportRenderer(typeof(MyWebView), typeof(MyWebViewRenderer))]

namespace MyApp.iOS.Renderer
{
    public class MyWebViewRenderer : ViewRenderer<MyWebView, WKWebView>
    {
        WKWebView _wkWebView;

        protected override void OnElementChanged(ElementChangedEventArgs<MyWebView> e)
        {
            base.OnElementChanged(e);

            if (Control == null)
            {
                var config = new WKWebViewConfiguration();
                _wkWebView = new WKWebView(Frame, config);
                _wkWebView.NavigationDelegate = new MyNavigationDelegate();
                SetNativeControl(_wkWebView);
            }
        }

        public class MyNavigationDelegate : WKNavigationDelegate
        {
            public override void DidFinishNavigation(WKWebView webView, WKNavigation navigation)
            {
                string fontSize = "";
                if (Device.Idiom == TargetIdiom.Phone)
                {
                    fontSize = "250%";
                }
                else if (Device.Idiom == TargetIdiom.Tablet)
                {
                    fontSize = "375%";
                }

                string stringsss = String.Format(@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '{0}'", fontSize);
                WKJavascriptEvaluationResult handler = (NSObject result, NSError err) =>
                {
                    if (err != null)
                    {
                        System.Console.WriteLine(err);
                    }
                    if (result != null)
                    {
                        System.Console.WriteLine(result);
                    }
                };
                webView.EvaluateJavaScript(stringsss, handler);
            }

        }

        protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            base.OnElementPropertyChanged(sender, e);

            if (e.PropertyName == "Url")
            {
                Control.LoadHtmlString(Element.Url, null);
            }
        }
    }
}

XAML 和 XAML.cs

<local:MyWebView
  x:Name="web_view"

web_view.Url = "htmldata";

在 ios 设备上输出屏幕截图：

示例 HTML 添加了数据 here。我在 android 和 windows 平台上需要相同的输出，因此请求 android 和 windows 平台的自定义渲染代码。

Answer 1

如果要显示在代码中动态定义的 HTML 字符串，则需要创建 HtmlWebViewSource:

的实例

var htmlSource = new HtmlWebViewSource();
htmlSource.Html = @"copy the html string here";
web_view.Source = htmlSource;

Xamarin 表单：HTML android 和 windows 平台上的数据转换

Xamarin forms: HTML data conversion on android and windows platforms

html

webview

xamarin.forms