19

Navigation Drawer アイコンの正しいサイズ (アートボードとコンテンツ) を知る必要があります。

Navigation Drawer の仕様については何も述べていません: http://www.google.com.br/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs

ありがとう！

4

5 に答える 5

23

私はBalarの答えに賛成票を投じますが、細部が1つずれています。正解は、小さいアイコンはすべて 24 x 24 dpにすることです。

参考：https ://material.io/guidelines/layout/metrics-keylines.html#metrics-keylines-touch-target-size

于 2015-06-16T17:39:50.473 に答える
23

為に：

mdpi : 24 x 24 px
hdpi : 36 x 36 px
xhdpi : 48 x 48 px
xxhdpi : 72 x 72 px
xxxhdpi : 96 x 96 px

それらの比率によると：

mdpi : hdpi : xhdpi : xxhdpi : xxxhdpi= 1 : 1.5 : 2 : 3 : 4

アップデート：

現在、Google がより詳細なマテリアル アイコン デザインを公開しています。

ここに画像の説明を入力

詳細については、マテリアル デザインのサイトをご覧ください。

于 2015-06-16T17:45:23.507 に答える
9

サポート デザイン ライブラリによって提供されるNavigationViewの正式な実装を確認できます。

NavigationMenuItemView のコードを見ると、次のように定義されています。

this.mIconSize = 
 context.getResources().getDimensionPixelSize(dimen.navigation_icon_size);

どこ：

<dimen name="navigation_icon_size">24dp</dimen
于 2015-06-16T20:49:20.873 に答える
1

ビュー コンポーネントのサイズを設定するためにアイコン サイズのみが必要な場合は、Toolbar.Button.Navigation スタイルを使用できます。これは、偽のナビゲーション アイコン ビューを作成する例です。

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/vCoordinatorLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!--CONTENT VIEW-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

        </LinearLayout>

        <!--FAKE TOOLBAR NAVIGATION ICON-->
        <RelativeLayout
            android:layout_width="?attr/actionBarSize"
            android:layout_height="?attr/actionBarSize">
            <ImageView
                android:id="@+id/vToolbarNavigationIcon"
                style="@style/Widget.AppCompat.Toolbar.Button.Navigation"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:src="@drawable/my_icon"/>
        </RelativeLayout>

    </android.support.design.widget.CoordinatorLayout>
于 2016-09-07T19:35:09.457 に答える
1

これらのナビゲーション アイコンのサイズは、通常 24 x 24 ピクセルです。

于 2015-06-16T17:35:55.407 に答える