Kích thước biểu tượng ngăn điều hướng là gì?

Question

Tôi cần biết kích thước chính xác (bản vẽ và nội dung) cho các biểu tượng Điều hướng ngăn kéo.

Nó không nói bất cứ điều gì về thông số kỹ thuật Navigation Drawer: http://www.google.com.br/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs

Cảm ơn!

Answer 1

tôi sẽ bỏ phiếu lên câu trả lời Balar, nhưng nó được tắt theo một chi tiết nhỏ. Câu trả lời đúng là tất cả các biểu tượng nhỏ phải là 24 x 24 dp.

tham khảo: http://www.google.com.br/design/spec/layout/metrics-keylines.html#metrics-keylines-touch-target-size

Answer 2

kích thước của những biểu tượng menu thường 24 x 24 pixel

Answer 3

Mục đích:

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

so on ... according to their ratio. 

như:

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

Cập nhật:

Bây giờ google công bố thiết kế biểu tượng Chất liệu với nhiều details.icons có thể thu nhỏ xuống 20 dp với một khu vực cắt của 2dp xung quanh biểu tượng.

để tìm hiểu thêm lần Meterial design site

Answer 4

Bạn có thể kiểm tra việc thực hiện chính thức của NavigationView được cung cấp bởi các thư viện hỗ trợ thiết kế.

Nếu bạn thấy đoạn mã của NavigationMenuItemView nó định nghĩa:

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

nơi:

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

Answer 5

Nếu bạn chỉ cần kích thước biểu tượng để thiết lập kích thước của một thành phần xem bạn có thể sử dụng thanh công cụ .Button.Navigation style. Dưới đây là ví dụ tôi tạo chế độ xem biểu tượng điều hướng giả.

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