[Android] dp, px, dpi, sp アプリ画面の解像度単位を包括・統一的に扱う

Android ではスクリーン上の長さを、抽象的な単位「dp」「sp」で表します。実際アンドロイドの画面サイズ解像度はメーカーによってまちまちですから、アプリを開発する側からすると何か便利な方法はないかと考えてしまいます。

 

R904D.P21641J - [Android] dp, px, dpi, sp アプリ画面の解像度単位を包括・統一的に扱うimpression?a id=2545321&p id=969&pc id=1263&pl id=47128 - [Android] dp, px, dpi, sp アプリ画面の解像度単位を包括・統一的に扱う

ピクセル密度

 
Androidは様々なスクリーンサイズ(インチ)で、更に異なる画素数(ピクセル)のものが販売されていて、その1つ1つに合わせたレイアウト・デザインを作り込むのは大変です。

例えばピクセルサイズの画像の貼り付けをしたい時に問題があります。

  • 端末のピクセルの画面サイズに合わせて画像を拡大縮小させないといけない
  • 端末によるピクセル密度が異なることもあるので、同じピクセルサイズの画面でも物理サイズが違う場合、見え方が違う

そのために dp、sp という画面サイズ、インチ数を包括し統一的に扱うことを目的とした抽象的な単位をAndroidでは提供されているわけです。
 
例えば、ボタンの横幅を360dpに設定すると多くのスマホで「スクリーン横幅一杯のサイズになる」というような仕組みがあれば便利、というわけで、Googleさんが作ったのが dp とsp(フォント用)です。(実際はそれほど簡単とはいかないのではありますが)
 

 

解像度単位 dp, sp

 
画像やテキストサイズはデジタルの世界ではピクセルという点が基本で、点が集まって画像になったり文字になったりします。

ピクセル自体には物理的大きさはないのですが、PC画面や印刷物になるといきなり物理的な関連が出てきます。dipとdpiが似ているのでややこしいのですが…

dp
(dip)
density-independent pixel 抽象的な単位、mdpi (160 dpi) を基準とし、
mdpi のとき 1dp = 1px となる
sp
(sip)
scale-independent pixel ユーザーが設定したフォントサイズに影響される
px pixel ピクセル、物理的な表示用セル
ppi pixel per inch 1インチ(約25.4mm)に並ぶピクセルの数
dpi dots per inch 1インチ幅のドット数、値が大きいほど1ドットの物理的な大きさが小さくなり、よりきめ細かくなる。

Google Ref:Supporting Multiple Screens
 
dpiを取得するコード

 
尚こちらの方法はAPI30から非推奨となりました

dpを取得する

例えば
150dp => (int)(150 * scale)
となります

 

画面サイズ、dpi、dpの関係

 
dpi、dp、画面サイズの関係を表にすると

密度修飾子 密度 dpi scale px : dp 画面サイズ
ldpi 低密度 120 0.75 1[px] = 0.75[dp] 240 x 320[px]
mdpi 中密度 160 1.0 1[px] = 1.0[dp] 360 x 640[px]
hdpi 高密度 240 1.5 1[px] = 1.5[dp] 540 x 960[px]
xhdpi 超高密度 320 2.0 1[px] = 2.0[dp] 720 x 1280[px]
xxhdpi 超超高密度 480 3.0 1[px] = 3.0[dp] 1080 x 1920[px]
xxxhdpi 超超超高密度 640 4.0 1[px] = 4.0[dp] 1440 x 2560[px]

 
Screenサイズはhdpiでも、4インチ480×800、3.7インチ480×854などあります。スクリーン解像度のピクセル数と dpi が比例関係にはなく、画面の物理的大きさ(インチ数)も考慮されているということです。
 
layout adaptive breakpoints 2x - [Android] dp, px, dpi, sp アプリ画面の解像度単位を包括・統一的に扱う
Ref: さまざまな画面サイズをサポートするための推奨幅ブレークポイント
 

 
ちなみに こちらの方法で Pixel や Nexus のスクリーンサイズを取得するとこのようになります。
 

as413k m42 00 100x100 - [Android] dp, px, dpi, sp アプリ画面の解像度単位を包括・統一的に扱う
アプリの画面サイズを取得したい事が時々あります。タブレットとスマホで表示を変えたい。あるいはテキストの位置を正確に表示したいなど。実際にアプ...

 

Pixel 2XL Pixel XL Pixel 2 Pixel
Resolution(pixel) 1440 x 2880 1440 x 2560 1080 x 1920 1080 x 1920
Density 560dpi 560dpi 420dpi xxhdpi
dip scale 3.5 3.5 2.625 3
Resolution(dp) 411 x 822 411 x 731 411 x 731 360 x 640
Aspect Ratio 1 : 2 9 : 16 9 : 16 9 : 16
Size 5.99” 5.5″  5.0″ 5.0″

 

Nexus 6P Nexus 5X Nexus 4 Nexus S
Resolution(pixel) 1440 x 2560 1080 x 1920 768 x 1280 480 x 800
Density 560dpi 420dpi xhdpi hdpi
dp scale 3.5 2.625 2.0 1.5
Resolution(dp) 411 x 731 411 x 731 384 x 640 320 x 533
Aspect Ratio 9 : 16 9 : 16 3 : 5 3 : 5
Size 5.7” 5.2″ 4.7″ 4.0″

 
以前は360dp x 640dpを基本として考えて例外を調整するなどで対応していたりしましたが、410dp x 730dp 以上が出てきたので対応が必要になりましたね。

 

SPサイズはユーザー設定で変わる

 
SPのサイズはユーザーが設定でフォントサイズを設定でき、それによってスケーリングされます。
スマホの [設定] -> [ディスプレイ] -> [フォントサイズ]
 
このため、spで設定した文字は、ユーザーのフォントサイズによって変化します。

 
レイアウトはspサイズになりますが、ユーザーがフォントサイズを変えると画面上で大きくなったり小さくなったりします。
 
それでは、狙った画面レイアウトができません
それを阻止するためには
 

 
のように COMPLEX_UNIT_DIP を入れ
TypedValue
を設定する必要があります。
 
あるいは画像として文字を入れてしまうのも手です、dpとしての縛りがありますが

ただ、ユーザーが老眼だったりすると文字が小さくて見えないという不満がでるでしょうね…その辺も考慮する必要もあります。

 
References:
画面互換性の概要 | Android デベロッパー
各種のピクセル密度をサポートする | Android デベロッパー
配信ダッシュボード | Android デベロッパー
Pixel density | MATERIAL DESIGN
各種の画面サイズのサポート | Android デベロッパー

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから 問合せ

ブックマークしておくと便利です このエントリーをはてなブックマークに追加

 

アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう。

TECH ACADEMY
Androidアプリコース



Code Camp
現役エンジニアによるオンラインプログラミングスクール【CodeCamp】


直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。



侍エンジニア塾
侍エンジニア塾 無料体験レッスン


とても簡単なことなのに本やネットの画像だけでは分かりにくいことはあります。実際に質問してピンポイントで教えてもらうと、なんだそんなこと、と言うのがけっこうあります。


シェアする

  • このエントリーをはてなブックマークに追加

フォローする