12

मुझे नेविगेशन ड्रॉवर आइकन के लिए सही आकार (आर्टबोर्ड और सामग्री) जानने की आवश्यकता है। http://www.google.com.br/design/spec/patterns/navigation-drawer.html#navigation-drawer-specsनेविगेशन ड्रॉवर आइकन आकार क्या है?

धन्यवाद:

यह मार्गदर्शक ड्रॉवर चश्मा पर कुछ नहीं कहा!

+1

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

+0

मैं artboard आकार की गणना कर सकते हैं (जो 40 x 40dp), लेकिन सामग्री का आकार क्या है? ध्यान दें कि नेविगेशन ड्रॉवर आइकन "अवतार आइकन" से छोटे होते हैं। – thiagolr

+0

डिफ़ॉल्ट नेविगेशन ड्रॉवर आइकन आकार को संपादित करने का कोई तरीका है? – Taslim

उत्तर

15

हैं मैं Balar का जवाब वोट होगा, लेकिन यह एक छोटा सा विस्तार से बंद है। सही जवाब यह है कि सभी छोटे आइकन 24 x 24 डीपी होना चाहिए।

संदर्भ: http://www.google.com.br/design/spec/layout/metrics-keylines.html#metrics-keylines-touch-target-size

+1

सामग्री डिजाइन के लिए एक समकक्ष संसाधन पाया जा सकता है [** यहां **] (http://www.google.at/design/spec/style/icons.html#icons-system-icons)। –

1

उन नेविगेशन माउस के आयाम आम तौर पर 24 x 24 पिक्सल

+0

क्या आपका मतलब 24 x 24 डीपी है? क्या आपको पता है कि मैं इस जानकारी को आधिकारिक दस्तावेज़ीकरण पर कहां पा सकता हूं? – thiagolr

16

के लिए:

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

so on ... according to their ratio. 

की तरह:

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

अद्यतन:

अधिक details.icons साथ अब प्रकाशित Google सामग्री प्रतीक डिजाइन हो सकता है 20 तक बढ़ाया गया आइकन के आस-पास 2 डीपी के ट्रिम क्षेत्र के साथ डीपी।

enter image description here

अधिक यात्रा Meterial design site

8

जानने के लिए आप NavigationView समर्थन डिजाइन पुस्तकालय द्वारा प्रदान की आधिकारिक कार्यान्वयन देख सकते हैं।

आप NavigationMenuItemView के कोड देखें, तो यह परिभाषित करता है:

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

जहां:

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

आप केवल आइकन आकार की जरूरत है टूलबार का उपयोग कर सकते हैं एक दृश्य घटक के आयाम स्थापित करने के लिए 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> 
संबंधित मुद्दे