12

Ich muss die richtige Größe (Zeichenfläche und Inhalt) für Navigation Drawer Icons kennen.Wie groß ist die Größe der Navigationsschublade?

Es sagt nichts über die Navigationsleiste Spezifikationen: http://www.google.com.br/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs

Dank!

+1

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

+0

I können die artboard Größe berechnen (das ist 40 x 40dp), aber was ist die Inhaltsgröße? Beachten Sie, dass die Symbole der Navigationsleiste kleiner als die "Avatarsymbole" sind. – thiagolr

+0

Gibt es eine Möglichkeit, die Standardgröße der Symbolik für die Navigationsleiste zu bearbeiten? – Taslim

Antwort

1

die Dimensionen dieser Navigationssymbole sind in der Regel 24 x 24 Pixel

+0

Meinst du 24 x 24 dp? Weißt du, wo ich diese Informationen in der offiziellen Dokumentation finden kann? – thiagolr

16

Für:

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

so on ... according to their ratio. 

wie:

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

Update:

Jetzt Werkstoff-Symbol Design mit mehr details.icons veröffentlicht wird Google sein verkleinert auf 20 dp mit einer Beschnittfläche von 2dp um das Symbol.

enter image description here

mehr Besuch Meterial design site

8

lernen Sie die offizielle Implementierung von NavigationView durch die Unterstützung Design-Bibliothek zur Verfügung gestellt überprüfen.

Wenn Sie den Code von NavigationMenuItemView sehen es definiert:

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

wo:

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

Wenn Sie nur die Symbolgröße müssen die Abmessungen einer View-Komponente setzen Sie die Toolbar verwenden können .Button.Navigationsstil. Hier ist ein Beispiel, in dem ich eine falsche Navigationssymbolansicht erstelle.

<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> 
Verwandte Themen