Question

我需要知道导航抽屉图标的正确尺寸（画板和内容）。

它没有在导航抽屉规格上说什么： http://www.google.com.br/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs

谢谢！

Answer 1

我会对Balar的答案进行投票，但这只是一个小细节。正确答案是所有小图标应为24 x 24 dp 。

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

Answer 2

：用于：

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

<强>更新

现在谷歌发布的材质图标设计有更多细节。图标可缩小到20dp，图标周围的修剪区域为2dp。

要了解详情，请访问Material Design网站。

Answer 3

您可以查看支持设计库提供的NavigationView的官方实施。

如果您看到NavigationMenuItemView的代码，则定义：

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

其中：

<dimen name="navigation_icon_size">24dp</dimen

Answer 4

这些导航图标的尺寸通常为24 x 24像素

Answer 5

如果您只需要图标大小来设置视图组件的尺寸，则可以使用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>

导航抽屉图标大小是多少？

5 个答案: