2017-03-22 13 views
0

Xamarin.Forms WebViewのHTMLフォントサイズで、ユーザーのアクセシビリティの大文字の設定に応じてサイズを増減させようとしています。HTML WebViewでフォントサイズを変更できるように、Xamarin.FormsでiOSとAndroidのアクセシビリティフォントサイズを取得するにはどうすればよいですか?

私は、次の操作を実行したい:

1:iOSとAndroid向けのアクセシビリティの大きなテキストオプションからテキストオプション(タイトル、本文、キャプションなど)のための好適なフォントのサイズを取得します。 (h1は15px、h2は13px、h3は11px、pは7pxなど)のデフォルトサイズを取得し、正しいテキストオプション(h1 < - > title、p < - > body)、そのHTML要素の新しいフォントサイズを計算します。

私はいくつかのフォントサイズを取得する方法についてiOSAndroid/iOSXamarin.Formsのためのいくつかのリンクを発見したが、私は、私はこれらのサイズを取得する方法を見つけ出すことはできません、いくつかのデフォルトの大きさにこれらのテキストオプションのサイズを変換するHTML要素(H1、H2、P)を計算し、CSSの新しいフォントサイズを計算する計算を行います。

私はこれをやる方法について何らかの計画を考え出して誰かを助けてくれるのですか?または、アクセシビリティの大きなテキストのおかげで、フォントサイズが特定のデフォルト値とどれだけ大きく比較されたかについて、何らかのパーセンテージを得る方法についてのリンクを私に教えてもらえますか?

ありがとうございます!

答えて

0

私はそれを考え出した:

アンドロイドは自動的に補助の設定に応じてHTMLのテキストサイズを変更します。いいえ、仕事が必要です!

iOSでは、開発者はいくつかのCSSクラスを実装してWebViewの変更を行うことができます。 iOSは、iOSデバイスのアクセシビリティ設定のテキストサイズです。 Click here to find out more

これらのクラスは、次のとおりです。

-apple-system-headline -apple-system-subheadline -apple-system-short-headline -apple-system-short-subheadline -apple-system-body -apple-system-short-body -apple-system-tall-body -apple-system-caption1 -apple-system-caption2 -apple-system-short-caption1 -apple-system-footnote -apple-system-short-footnote

Go to this website on your iOS device to see what the classes look like

Appleの事前に定義されたフォントを使用するには:独自のフォントを使用するにはp {font: -apple-system-body}

を:(あなたはまた、独自のfont-を作成することができます家族の名前は@font-faceで、Arialの代わりに参照してください)

p { 
    font: -apple-system-body; 
    font-family: Arial, sans-serif; 
    font-weight: normal; 
} 

次のプロパティを使用することができます。

font-family 
font-weight 
font-style 
font-variant` 

独自のフォントサイズを使用するには:

p { 
    font: -apple-system-body; 
    font-family: Arial, sans-serif; 
    font-weight: normal; 
} 
.body-text-size { 
    font-size: 1.1em; 
} 
<p><span class="body-text-size>This is some text in my page.</span></p> 

はそれが役に立てば幸い!

関連する問題