web-dev-qa-db-ja.com

ナビゲーションドロワーの画像はどのサイズにする必要がありますか?

このようなナビゲーションドロワーの各電話サイズ(HDPI、MDPI、XHDPI、XXHDPI)の画像はどのサイズにする必要がありますか one

11

24dpである必要があります。ナビゲーションドロワーについては、マテリアルデザイン仕様の画像を参照してください。

ナビゲーションドロワーの全体的な仕様については、このリンクを確認してください http://www.google.com/design/spec/patterns/navigation-drawer.html

enter image description here

13
Psypher

Google I/O 2015アプリのソースコードによると、40dpである必要があります

ここで確認できます:

https://github.com/google/iosched/blob/master/Android/src/main/res/layout/navdrawer.xml

72行目と73行目。次のように表示されます。

Android:layout_width="@dimen/navdrawer_profile_image_size"
Android:layout_height="@dimen/navdrawer_profile_image_size"

そして、dimens.xmlファイル( https://github.com/google/iosched/blob/master/Android/src/main/res/values/dimens.xml )の136行目、dimen値が次のとおりであることを確認できます。

<dimen name="navdrawer_profile_image_size">40dp</dimen>

個人的にはぴったりのサイズだと思いました。私が間違っていなければ、Gmailアプリで使用されているものと同じです。

編集:

正確な寸法変数を使用しても、Google I/Oアプリと同じサイズを取得しようとしましたが、達成できませんでした。

そこで、Googleの仕様のルールに従ってサイズを作成して測定しました( https://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs )そして私はGmailとGoogle I/Oアプリに非常によく似たこれを達成しました:

Measurements of Drawer Navigation following Google specs

お役に立てれば、

8
Ignacio Ruiz

Photoshopなどでデザインしていて、ピクセル単位で作業する必要がある場合、ナビゲーションドロワーの画像の比率は16:9である必要があります。

Xxxhdpiフォルダーでは、1216 x 688(ピクセル)である必要があります

3
bluesummers

サイズは、アイコンサイズ以下で使用するデバイスサイズに基づいている必要があります。

mdpi:24 x 24 px

hdpi:36 x 36 px

xhdpi:48 x 48 px

デバイスのサイズに基づいて適合します。

1
Asif Ghanchi

アイコンを自動生成することをお勧めします(適切なサイズを提供するため)。

Android Asset Studio を参照してください。

コレクションから必要なアイコンを選択(または独自のアイコンをアップロード)し、プロジェクトに一致するパラメーター(色など)を選択してダウンロードするだけです。

このフレーバーのアイコンが必要になる可能性があります: アクションバーとタブのアイコン

1
MiStr