12

Potrzebuję znać prawidłowy rozmiar (obszar roboczy i zawartość) dla ikon szuflady nawigacji.Jaki jest rozmiar ikon szuflady nawigacji?

ona nie mówi nic na temat specyfikacji nawigacji szuflady: http://www.google.com.br/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs

Dzięki!

+1

http://www.google.co.uk/design/spec/layout/metrics-keylines.html#metrics-keylines-keylines-spacing – zaingz

+0

można obliczyć wielkość obszaru roboczego (który jest 40 x 40dp), ale jaki jest rozmiar zawartości? Zwróć uwagę, że ikony szuflady nawigacji są mniejsze niż ikony awatarów. – thiagolr

+0

Czy istnieje sposób edycji domyślnego rozmiaru ikony szuflady nawigacyjnej? – Taslim

Odpowiedz

1

wymiary tych ikon nawigacyjnych są zazwyczaj 24 x 24 pikseli

+0

Masz na myśli 24 x 24 dp? Czy wiesz, gdzie mogę znaleźć te informacje na oficjalnej dokumentacji? – thiagolr

16

Dla:

mdpi : 24 x 24 px 
hdpi : 36 x 36 px 
xhdpi : 48 x 48 px 

so on ... according to their ratio. 

jak:

mdpi : hdpi : xhdpi : xxdpi = 1 : 1.5 : 2 : 3 

Aktualizacja:

Teraz google Materiał opublikowany projekt ikona z większą details.icons może być zmniejszony do 20 dp z obszarem przycinania 2dp otaczającym ikonę.

enter image description here

aby dowiedzieć się więcej wizytę Meterial design site

8

Można sprawdzić oficjalne wdrożenie NavigationView dostarczonych przez bibliotekę projektu wsparcie.

Jeśli pojawi się kod NavigationMenuItemView definiuje:

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

gdzie:

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

Jeśli potrzebne jest tylko rozmiar ikon, aby ustawić wymiary elementu widoku można korzystać z paska narzędzi .Button.Navigation style. Oto przykład, w którym tworzę fałszywy widok ikony nawigacji.

<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> 
Powiązane problemy