Quantcast
Channel: Xamarin.Forms — Xamarin Community Forums
Viewing all articles
Browse latest Browse all 77050

Xamarin Forms Zoom in Zoom out in Web view Does not work Smoothly

$
0
0

I an Custom Render Webview In that I load a Pdf. When that Pdf is trying to zoom in or zoom out. I can clearly see lacking. Frist, I thought it's the android problem then I download pdf and try it It's okay it runs smoothly.

Here my code

In the shared Project

   public class CustomWebView : WebView
{
 public static readonly BindableProperty UriProperty = BindableProperty.Create(nameof(Uri),typeof(string),typeof(CustomWebView),default(string));

 public string Uri
 {
    get => (string)GetValue(UriProperty);
    set => SetValue(UriProperty, value);
 }       

}
In anrioid Custom Render Like this

   public class CustomWebViewRenderer : WebViewRenderer
{
public CustomWebViewRenderer(Context context) : base(context)
{
}

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

    if (e.NewElement != null)
    {              
        Control.Settings.AllowUniversalAccessFromFileURLs = true;                   
        Control.Settings.BuiltInZoomControls = true;
        Control.Settings.DisplayZoomControls = true;

    }
    this.Control.SetBackgroundColor(Android.Graphics.Color.Transparent);
  }
  protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
  {
    if (e.PropertyName != "Uri") return;
    var customWebView = Element as CustomWebView;
    if (customWebView != null)
    {
        Control.LoadUrl(string.Format("file:///android_asset/pdfjs/web/viewer.html?file={0}", string.Format("file:///android_asset/Content/{0}", 
   WebUtility.UrlEncode(customWebView.Uri))));        
    }
 }

    }

It's getting the pdf and also it's showing without problem but when zoom in or out clearly can see the latching How to solve this latching problem.

The zoom in/out function in Webview is not smooth


Viewing all articles
Browse latest Browse all 77050

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>