素人のアンドロイドアプリ開発日記

画面解像度に合わせた、フォントのサイズを指定する

2012.09.24

案外と誰も、指摘のないフォントのサイズについてのメモです。

アプリを作ってると、フォントのサイズを16とかに指定しても、端末が違ったりすると、フォントのサイズが違って、スマホだと見やすいのに、タブレットだと、文字が小さくなってしまう場合とか、dpiとかで、密度とかで分けても、横幅が小さい場合と長い場合でどうしても、気になる事があったりします。

今回も、独自で考えてやったもので、「これがスタンダードだ」というものではないのですが参考までにご紹介させていただきます。

step1

デザインを作る時に、例えば横幅480のデザインにしたら、1*480のサイズのstone.pngとかそういう画像を用意します。(縦幅1横幅480)

step2

Bitmap _bm = BitmapFactory.decodeResource(getResources(),R.drawable.stone);
int _w = ((WindowManager) getSystemService(WINDOW_SERVICE)).getDefaultDisplay().getWidth();
float _rate = (float) _bm.getHeight() / (float) _bm.getWidth();
float _scale = (float) _w / (float) _bm.getWidth();

を書きます。(既にdisplayのgetWidthは▲マークがついちゃいますが。。)

step3

デザインを作成した時に、24ptとかで作っていたら、

.setTextSize(24*_scale);

とかにすると、サイズがデザインで作った感じとほぼ同じになります。

解像度が高かろうが、低かろうが、横幅が長かろうが、短かろうか。

 

以上です。

で、下記、解説です。

【解説】

480pxの横幅で作った時って、960pxに表示する時に、2倍のフォントサイズになりますよね。

その部分で480pxのものが480で表示されるのであればいいのですが、480pxのものって、388とかこっちの想定と違ったサイズになるんですよ。読み込むと。

理由としては、画像解像度なんですが、画像解像度も独自に細かく指定したりするのは面倒くさいので、横幅を測るだけのpngを読み込んで、サイズを測ります。

で、測った値と横幅を測定して、拡大比率がわかるで、フォントにはその拡大比率を適用します。

 

そんなところです。

同じカテゴリの記事を紹介します

流れる背景を作るステータスバーの色を好きな色にするカメラの権限の取得をするpush通知の実装を確認をする為に、phpを書くしかないListView GridViewに下部にマージンをあけたい時よくつかうメモListViewの設定split で ドット文字列を、bitmapにするクラスを作ってみた。uriから画像の回転角度を取得するgridviewとlistviewで表示にalphaanimationを使ったら動かないのが存在する問題自分で変数を持つクラスを作ってコピーした時に参照まで渡してしまう問題でかい画像が表示されない。という問題interfaceをandroidで使ってみるフルスクリーンでナビゲーションバーまで消せるパソコンを買ったらする事点滅をさせるスクリプトJsonObjectを扱う時のtry catchが邪魔なのでシンプルにする2chのまとめアプリは気を付けろArrayAdapterの使い方setTimeOutを作るarraylistを並び替えAndroidの勉強で気を付けるべき6つの事staticで変数を持ちまわす時Androidで定規を作る時にサイズを確認してみる。TextureViewがゴミから神になった日ListViewの位置を変更しないで更新する方法animationをxmlで設定するのはアホなようだ。listを作るのがめんどい件について矩形の中の点の存在条件についてScrollViewのScrollToが効かない時Twitterのアプリを暗黙的Intentで狙いうちの巻勉強した内容をクラスにしてみてるText三角形の座標の包括判定をプログラムで実装前回作ったeasingを使って、translateアニメーションにイージングをかける。AndroidのデフォルトのアニメーションがダサいのでEasingをJavascriptから持ってきたmatrixを使って、回転をさせる時に中心点をずらす方法destoryとかで割と実行してるメモリリーク対策AnimationDrawable 動かないTextViewをセンター寄せにする。特定のアプリがインストールされているかを判別する方法surfacevierをaddviewすると、一瞬画面が点滅する件アニメーションで高さを変更listviewで押すとデフォルトで背景に色がつくのを抑止するline-heightをアンドロイドのtextviewで設定をする。listviewの区切り線を消すframelayoutだとmarginが効かない@android2.2アンドロイドのimageviewで背景が透けるという糞仕様を発見ウインドウのサイズを取得する方法decodeResourceは劣化する上に糞遅い。decodeResourceは劣化します。もう一度言います。decodeResourceは劣化します。

カテゴリー:androidアプリTips

公開中のアプリ、是非ダウンロードしてみてください

2chまとめのたね

RSSを利用してさまざまなブログの情報をキュレーションしてくれるアプリ

インストールする

ひらがな戦記

OPENGL ES2 を利用したカルタのソーシャルゲーム

インストールする