drawable- hdpi、drawable-mdpi、drawable-ldpiの違い



Difference Between Drawable Hdpi



以前のバージョンでは、ドローアブルは1つしかなく、バージョン2.1では、ドローアブル-mdpi、ドローアブル-ldpi、およびドローアブル-hdpiの3つがありました。これら3つは、主に多重解像度をサポートするためのものです。

drawable-hdpi、drawable-mdpi、drawable-ldpiの違い:



(1)Drawable-hdpiは、WVGA(480x800)、FWVGA(480x854)などの高解像度画像を保存します

(2)drawable-mdpiは、HVGA(320x480)などの中解像度の画像を保存します



(3)低解像度の画像は、QVGA(240x320)などのdrawable-ldpiに保存されます。

システムはこれらのフォルダに移動して、マシンの解像度に応じて対応する画像を見つけます。

プログラムを開発するときに、さまざまなプラットフォームのさまざまな画面と互換性を持たせるために、要件に応じて、各フォルダーにさまざまなバージョンの画像を保存することをお勧めします。



iPhoneのアイコンデザインはとてもシンプルで、iPhoneの画面は320×480ピクセルしかないので、プログラムに適応の問題はありません。

アンドロイド

Androidのアイコンデザインを学ぶ前に、Androidインターフェースがさまざまな画面にどのように適応するかを理解する必要があります。

適応性

同じUI要素(100 x 100ピクセルの画像など)は、高精度の画面では低精度の画面よりも小さく見えるため、2つの画面の画像を同じように見せるために、次の2つのタイプがあります。中古。方法:


プログラムは画像を拡大縮小しますが、効果は不十分です。
これら2つの精密スクリーン電話のそれぞれの画像を提供します。

ただし、画面のパラメータは多様であり、アイコンのセットは各精密画面用に設計されています。ワークロードが大きく、プログラムの互換性要件を満たすことができません。 160dpiと180dpiの携帯電話の画面は同じアイコンのセットを使用するなど、画面を分類する必要があります。このアイコンのセットが240dpi効果の設計要件を満たせない場合は、少し大きいアイコンのセットを実行する必要があります。

Android 1.5以前では、3.2 ''画面のHVGA(320×480)解像度のみがサポートされており、開発者はインターフェースの互換性の問題を考慮する必要はありません。 Android 1.6以降、プラットフォームは複数のサイズと解像度のデバイスをサポートします。つまり、開発者は設計時に画面の多様性を考慮する必要があります。

デザインを簡素化し、より多くの携帯電話の画面と互換性を持たせるために、プラットフォームはサイズと解像度に応じて画面を区別します。


大、中、小の3つのサイズ。
3つの精度:高(hdpi)、中(mdpi)、低(ldpi)。

プログラムは、これら3つのサイズの画面にデフォルトのリソースを提供でき、必要に応じてさまざまな精度の画面にリソースを提供することもできます。実行時に、システムは画面レイアウトに従って正しいサイズまたは精度の画像をロードします。

アンドロイド()----

Androidアイコンのサイズ

実行時に、プログラムは最適な表示のために3つの方法を提供します。

画像ズーム

プラットフォームは、現在の画面の精度に基づいて、サイズと精度が制限されているスケーリングされていない画像を自動的にロードします。画像が一致しない場合、プラットフォームはデフォルトのリソースをロードし、ズームインまたはズームアウトした後、現在のインターフェイスの表示要件を満たします。たとえば、現在高精度の画面では、プラットフォームは高精度のリソース(画像など)をロードし、そうでない場合、プラットフォームは中精度のリソースを高精度にスケーリングします。

2.ピクセルサイズと位置を自動的に定義します

プログラムが複数の高精度画面をサポートしていない場合、プラットフォームはピクセルの絶対位置やサイズなどを自動的に定義するため、要素は160画面の精度と同じサイズを表示できます。効果。たとえば、WVGA高精度画面を従来のHVGA画面と同じサイズで表示するために、プログラムがそれをサポートしていない場合、システムはプログラムの320×533の画面解像度をパニックにします。 (10,10)から(100,100)の領域にグラフを描画した後、システムはグラフを(15,15)から(150,150)の画面表示に拡大します。領域。

3.より大きな画面サイズと互換性があります

現在の画面がプログラムでサポートされている画面の上限を超えた場合、supports-screens要素が定義され、表示されたベースラインを超えた場合、プラットフォームはここに黒い背景画像を表示します。たとえば、WVGA精密画面では、プログラムがそのような大画面をサポートしていない場合、システムは320×480になり、余分な表示領域は黒で塗りつぶされます。

しかし、最高の表示を実現するための最良の方法は、複数の画像セットをデザインすることです。精度の値(高、中、低)に従ってすべての画面を評価してから、次の3セットのアイコンをデザインする必要があります。


画像のピクセルサイズを決定するために、主流の中精度画面(HVGA)のアイコンのセットを設計します。
高精度の画面の場合は画像を150%に拡大し、低精度の画面の場合は75%に拡大します。
これらの3つのリソースセットをプログラムの3つのフォルダーに配置します:res / drawable-mdpi /、res / drawable-hdpi /、res / drawable-ldpi /。プログラムの実行中、プラットフォームは画面の精度に応じて適切なアイコンを選択します。

デザインガイド

アンドロイド()----

Androidの標準アイコン

ランチャーアイコンは、プログラムのメインインターフェイスにある機能アイコンです。 Androidには、各アイコンのスタイルに関する特定の要件があります。


現在の傾向に沿っており、比喩の乱用を回避します。
は非常に単純化されて誇張されており、小さなアイコンは簡単に識別できるため、複雑すぎないようにする必要があります。
音楽のアイコンとしてオーディオやビデオなど、プログラムの主な機能をキャプチャしてみてください。
リアリズムを失うことなく、幾何学的で有機的に見える自然な輪郭と形状を使用します。
アイコンの正面図はほとんど遠近感がなく、上部に光源があります。
滑らかではありませんが、質感に富んでいます。

アンドロイド()----

正しいアイコンと間違ったアイコン

さらに、すべてのアイコンにはテキストラベルが付いているため、デザイン時にアイコンにテキストを入れないでください。

ランチャーアイコンは通常、ニュートラルカラーと原色を使用し、過飽和ではなく高コントラストを維持する小さなアイコンを備えた大きな標準アイコンです。

アンドロイド()----

推奨色値

サイズと位置

ランチャーアイコンにはさまざまな形とスタイルが必要ですが、統一された視覚スタイルを形成する必要があり、サイズと位置も統一されています。


(フルアセット)赤い枠はアイコンサイズです
(アイコン)青い枠線はグラフィックのサイズで、アイコンのサイズより少し小さいです。グラフィックの外側のスペースは、影や特殊効果を表示するために使用されます。
(正方形のアイコン)オレンジ色の境界線は別のグラフィックサイズです。 2種類のグラフィックサイズで、均一な視覚的重みを実現できます。

高密度(hdpi)画面のアイコンのサイズ:

アンドロイド()----


フルアセット:72 x 72 px
アイコン:60 x 60 px
正方形のアイコン:56 x 56 px

中密度(mdpi)画面のアイコンのサイズ:

アンドロイド()----


フルアセット:48 x 48 px
アイコン:40 x 40 px
正方形のアイコン:38 x 3

低密度(ldpi)画面のアイコンの寸法:

アンドロイド()----


フルアセット:36 x 36 px
アイコン:30 x 30 px
正方形のアイコン:28 x 28 px

テンプレート

ダウンロード Androidの標準アイコンテンプレート 、これに基づいてアイコンを描画し、後でシャドウ効果を追加します。

WVGA(高精度)スクリーンシャドウ:

アンドロイド()----


効果:ドロップシャドウ
色:#000000
ブレンドモード:乗算
不透明度:75%
角度:90°
距離:2px
スプレッド:0%
サイズ:5px

さらに、メニューアイコン、ステータスバーアイコン、タブアイコン、ダイアログアイコン、リストビューアイコンのチュートリアルがあります。 元の

非常に詳細なアイコンデザインチュートリアル、プログラム内の3セットのアイコン、およびAndroidハードウェアの方が優れています。そうでない場合、メモリがバーストします。