iam 11.1.2のXamarin.Forms：Webviewがより大きなフォントを読み込む

私はXamarin.Formsを使用してインターネットのWebページを読み込みます（クライアントの要件、私を判断しないでください）。問題はiOSでウェブページはそれよりも大きく見えます。iam 11.1.2のXamarin.Forms：Webviewがより大きなフォントを読み込む

iOSではカスタムレンダリングがありません。ここで

はiPhone 6のiOS 11.1.2

のSafariにロードされたウェブサイトであり、ここでのWebView

MainPage.xamlを

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      xmlns:local="clr-namespace:Juppie" 
      x:Class="Juppie.MainPage"> 
      <Grid> 

    <WebView x:Name="Navegador" Source="http://empleosapp.caonainteractive.com/" 
    WidthRequest="1000" HeightRequest="1000" IsVisible="{Binding Path=HayInternet}" ></WebView> 
    <ActivityIndicator IsRunning="{Binding Path=Navegando}" IsVisible="{Binding Path=Navegando}" 
     VerticalOptions="CenterAndExpand" 
           HorizontalOptions="CenterAndExpand" 
           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, 
             Property=Height, 
             Factor=0.33}" 
           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, 
             Property=Height, 
             Factor=0.33}"/> 
    </Grid> 


</ContentPage>

メインページにロードされています。 xaml.cs

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using Xamarin.Forms; 
using Plugin.Connectivity; 
using System.ComponentModel; 

namespace Juppie 
{ 
    public partial class MainPage : ContentPage, INotifyPropertyChanged 
    { 
     public event PropertyChangedEventHandler PropertyChanged; 

     public MainPage() 
     { 
      InitializeComponent(); 

      Navegador.Navigating += Navegador_Navigating; 
      Navegador.Navigated += (sender, e) => { Navegando = false; }; 
      HayInternet = true; 
      BindingContext = this; 
     } 
     bool hayInternet; 

     public bool HayInternet 
     { 
      get 
      { 
       return hayInternet; 
      } 

      set 
      { 
       hayInternet = value; 

       PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("HayInternet")); 

       EvaluarInternet(); 
      } 
     } 
     bool navegando; 

     public bool Navegando 
     { 
      get 
      { 
       return navegando; 
      } 

      set 
      { 
       navegando = value; 
       PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Navegando")); 

      } 
     } 

     public async void EvaluarInternet(){ 
      if (!HayInternet) 
      { 
      await DisplayAlert("Aviso","Se requiere conexion a internet para emplear esta aplicacion", "OK"); 
      } 
     } 

     protected override void OnAppearing() 
     { 
      HayInternet = CrossConnectivity.IsSupported && CrossConnectivity.Current.IsConnected; 

      CrossConnectivity.Current.ConnectivityChanged += (sender, args) => 
      { 
       HayInternet = args.IsConnected; 
      }; 

      base.OnAppearing(); 
     } 

     protected override bool OnBackButtonPressed() 
     { 
      if (Navegador.CanGoBack) 
      { 
       Navegador.GoBack(); 
       return false; 
      } 

      return base.OnBackButtonPressed(); 
     } 

     void Navegador_Navigating(object sender, WebNavigatingEventArgs e) 
     { 
      Navegando = true; 
      if (e.Url.Contains("/banner")) 
      { 
       e.Cancel = true; 

       var uri = new Uri(e.Url.Replace("/banner", "")); 
       Device.OpenUri(uri); 
      } 
     } 
    } 
}

私はカスタムレンダリングを試して、scalePageToFit = falseを設定しました。これは成功しませんでした。どうすればこの問題を解決できるか分かっている場合は、教えてください。

出典

2017-12-05 Diomedes Domínguez

私はSafariでスクロールすると、それはズームを保持します。 –

私のiPhone 6でテストし、アプリはSafariと同じサイズのフォントを表示していました。私はまた、アプリのフォントサイズで大きなシステムフォントでテストしましたが、アプリのフォントサイズには影響されませんでした。しかし、私は、アクティビティインジケータが実行されているときに、フォントサイズが小さくなり、アクティビティインジケータが消えた後に正常になったことに気付きました。

多分、フォントサイズの問題は、Nugetパッケージやアクティビティインジケータのような追加の副作用によって引き起こされたのでしょうか？

新しい空のフォームを使用してWebビューのみを読み込んで、違いを比較することができます。

ところで、あなたのアプリの外観は、iPhoneのディスプレイズーム機能をオンにした場合と非常に似ています。拡大表示をオンにする前

：

拡大表示をオンにした後：

出典

2017-12-14 14:25:28 Jason

私は、このパッケージを使用しています： Microsoft.Azure.Mobile Microsoft.Azure.Mobile.Analytics Microsoft.Azure.Mobile.Crashes Microsoft.Azure.Mobile.Distribute Microsoft.Azure.Mobile.Push Xam.Plugin.Connectivity Xamarin.Forms –

XAML： - VerticalOptions="FillAndExpand"はStackLayoutにレンダリングするHeightRequestを満たしているようだとWebViewためWidthRequestプロパティの仕様要件 - とにかくレンダリングするようだグリッドで：

<Grid> 
    <WebView x:Name="webView" 
      VerticalOptions="FillAndExpand" 
      Source="https://www.xamarin.com/"/> 
</Grid>

レンダラ、ScalesPageToFitは、デフォルトではfalseです（少なくともiPhone SE 11.2とシミュレータで）以下

[assembly: ExportRenderer(typeof(WebView), typeof(MyWebViewRenderer))] 
namespace MyNamespace.iOS 
{ 
    public class MyWebViewRenderer : WebViewRenderer 
    { 
     protected override void OnElementChanged(VisualElementChangedEventArgs e) 
     { 
      base.OnElementChanged(e); 

      if (NativeView != null && e.NewElement != null) 
      { 
       var webView = ((UIWebView)NativeView); 
       webView.ScalesPageToFit = true; 
      } 
     } 
    } 
}

スクリーンショットiPhone SEとシミュレータからのものです。

ScalesPageToFit =真：偽