12

Ho bisogno di conoscere la dimensione corretta (tavola da disegno e contenuto) per le icone del Navigatore.Quali sono le dimensioni delle icone del cassetto di navigazione?

che non dice nulla sulle specifiche di navigazione cassetto: http://www.google.com.br/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs

Grazie!

+1

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

+0

posso calcolare la dimensione tavola da disegno (che è 40 x 40dp), ma qual è la dimensione del contenuto? Si noti che le icone del cassetto di navigazione sono più piccole delle "icone dell'avatar". – thiagolr

+0

C'è un modo per modificare le dimensioni dell'icona del cassetto di navigazione di default? – Taslim

risposta

1

le dimensioni di quelle icone di navigazione di solito sono 24 x 24 pixel

+0

Intendi 24 x 24 dp? Sai dove posso trovare queste informazioni sulla documentazione ufficiale? – thiagolr

16

Per:

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

so on ... according to their ratio. 

come:

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

Aggiornamento:

Ora Google ha pubblicato il design icona del materiale con più details.icons può essere ridimensionato a 20 dp con un'area di ritaglio di 2 dpi che circonda l'icona.

enter image description here

per saperne di più vai Meterial design site

8

È possibile controllare l'applicazione ufficiale di NavigationView fornito dalla libreria di progettazione di supporto.

Se si vede il codice di NavigationMenuItemView definisce:

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

dove:

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

Se solo bisogno la dimensione delle icone per impostare le dimensioni di un componente vista è possibile utilizzare la barra degli strumenti .Button.Navigation style. Ecco un esempio in cui creo una vista icona di navigazione falsa.

<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> 
Problemi correlati