0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

OSごとにフォントのサイズが違う場合の対処法

Last updated at Posted at 2021-06-08

目次

  1. はじめに
  2. 修正方法
  3. まとめ

はじめに

Konyでは、AndoridとiPhoneでラベルのフォントサイズを別々に設定することができるため、多人数での開発だと他のメンバーがAndroid・iPhoneどちらかのフォントサイズを変更してしまい、意図せずOS間で差が生じてしまうことがあります。

フォントサイズがずれる場合には、以下の2パターンが考えられます。

  1. skinがforkされていて、OS間で差が生じている
  2. skinのjsonファイル内でiOS / Andoridのフォントサイズに違う値が設定されている

1は意図してiOSとAndoridの表示を分けているパターンだと思いますが、
2の場合は、意図せずフォントサイズがずれてしまっている可能性があります。

この状態でビルドすると、同じ画面でもフォントのサイズが異なって表示されてしまいます。

iPhone Android

修正方法

1. skinがforkされていて、OS間で差が生じている場合

Konyはマルチプラットフォームのため、OS毎に異なるSkinやFormを表示する というFork機能があります。詳細はこちらをご覧ください。

1 の場合、AndroidもしくはiOS専用にSkinがForkされているはずです。

下の例では、対象のSkin選択後、Platform横にAndroid Nativeと記載されています。
また、右のリンクアイコンが外れているため、Android用の設定に切り離されていることが分かります。
ここでPlatform横の「...」をクリックします。

スクリーンショット 2021-06-07 18.59.09.png

Fork Skin ダイアログが表示されるので、OS間で差異がないように統一したい場合は、全てのチェックを外してください。
スクリーンショット 2021-06-07 18.46.18.png

その後、一度フォントサイズを変更する事で、iOS / Andoridのフォントサイズを統一することができます。

image014.png

2. skinのjsonファイル内でiOS / Andoridのフォントサイズに違う値が設定されている

この場合、対象のskin.jsonを開いてみると、forkされていないのにiOS / Andoridでフォントサイズがずれてしまっていることがわかると思います。
スクリーンショット 2021-06-04 11.31.01.png

この場合は一度フォントサイズを変更する事で、iOS / Andoridのフォントサイズを統一することができます。

Step 1

修正が必要なラベルを選択します。
image008.png

Step 2

画面右のSkinタブを選択し、フォントサイズを正しい値に修正します。
Andorid、iOSどちらを選択している状態でも、一度フォントサイズを変更すれば、フォントサイズが統一されます。
image014.png

ビルド結果

iPhone Android

まとめ

この記事では、AndroidとiPhoneの間でフォントサイズがサイズが違う場合の対処法を紹介しました。複数プラットフォームを開発できるKonyだからこそ、OSごとのレイアウト確認は重要になりますね。
今回は以上です。この記事がお役に立てると嬉しいです:sunny:

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?