Каков размер значков навигационного ящика?

Мне нужно знать правильный размер (монтажную панель и содержимое) для значков навигационного ящика.

Он ничего не говорит о спецификациях навигационного ящика: http://www.google.com.br/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs

спасибо!

14
android android-design-library android-navigationview navigation-drawer

5 ответов

Я бы проголосовал за ответ Балара, но он отключен одной маленькой деталью. Правильный ответ заключается в том, что все маленькие значки должны быть 24 x 24 dp.

ссылка: https://material.io/guidelines/layout/metrics-keylines.html#metrics-keylines-touch-target-size

19

для:

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 опубликовал дизайн значков материалов с более подробной информацией.значки могут быть уменьшены до 20dp с областью обрезки 2dp, окружающей значок.

enter image description here

чтобы узнать больше, посетите Материал Дизайн сайт.

19

вы можете проверить официальную реализацию NavigationView обеспеченный библиотекой дизайна поддержки.

Если вы видите код NavigationMenuItemView он определяет:

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

где:

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

размеры этих навигационных значков обычно составляют 24 x 24 пикселя

1

Если вам нужен только размер значка для установки размеров компонента представления, вы можете использовать панель инструментов.Кнопка.Стиль навигации. Вот пример, где я создаю поддельный вид значка навигации.

    <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>
0