2012-06-28 54 views

Trả lời

51

CẬP NHẬT: câu trả lời này không còn giá trị, hãy xem câu trả lời dưới đây để biết thêm các nguyên tắc cập nhật.

Tôi tin rằng chúng phải là 32x32dp, nhưng bản thân hình ảnh thực tế phải là trung tâm 24dpx24dp. Trang web thiết kế Android có correct guidelines.

Tôi đã gửi một bug report về vấn đề này nhưng vẫn chưa nghe bất cứ điều gì ...

+0

Tôi đoán bạn có nghĩa là px chứ không phải dp? –

+0

'dp' có nghĩa là pixel độc lập của thiết bị, đơn vị thường được sử dụng trong giao diện người dùng Android. – ayke

+4

Câu trả lời này có lỗi thời không? –

51

------- cập nhật 2015/10/17 --------

The new google design gideline nói : "Biểu tượng hệ thống được hiển thị ở 24dp", "Nội dung biểu tượng được giới hạn ở khu vực sống 20 x 20dp, với 4px cắt xung quanh chu vi" .Like:

enter image description here ------ cũ --- ----

Full asset, 32x32 dp; Optical square, 24x24 dp

enter image description here

+0

Tôi đoán bạn có nghĩa là px và không dp? –

+0

@ AlikElzin-kilaka nó là dp như đã nêu trong tài liệu (trong liên kết). –

+0

Dp có nghĩa là gì khi bạn sử dụng các công cụ chỉnh sửa biểu tượng? Pixel là một đơn vị vuông có một màu. Nó có ý nghĩa. Xem tài liệu cho ý nghĩa của ** đường cơ sở **. –

13

tôi đã tiến hành thử nghiệm nhiều hơn với AppCompat ActionBar. Tôi phát hiện ra rằng ActionBar tự chăm sóc để thực thi kích thước mục tiêu chạm tối thiểu 48dp. Tôi cũng phát hiện ra rằng AppBompat ActionBar vẫn mong đợi các biểu tượng thanh tác vụ với kích thước hình vuông 32dp.

Ngay cả với thiết kế Vật liệu, biểu tượng vẫn phải làm theo quy tắc "Full tài sản: 32x32 dp; vuông quang: 24x24 dp" có kích thước chính xác cùng với các biểu tượng khác trên thanh hành động như con số này (từ anwer wangqi060934 của) cho thấy:

enter image description here

giả định trước đây của tôi (xem hình dưới đây) rằng kích thước đầy đủ tài sản mở rộng từ 32dp để 48dp là không đúng. 48dp đang nói về vùng cảm ứng. Sự nhầm lẫn là do sửa đổi Material Icon Spec document được liên kết trong nhiều cũ hơn ActionBar document.

enter image description here

từ https://www.google.com/design/spec/style/icons.html#icons-system-icons

enter image description here

từ http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-sizing-by-increments

+1

Khu vực màu xanh/hồng là "Khu vực giải phóng", "Không gian đầy đủ xung quanh biểu tượng là cần thiết để cho phép dễ đọc và liên lạc". . – wangqi060934

+2

[Biểu tượng thiết kế Material Design] (https://design.google.com/icons/) do Google cung cấp không cung cấp tùy chọn tải xuống biểu tượng 32dp. Những gì đang xảy ra ở đây? –

2

Các thành kích thước biểu tượng thanh hành động như thể hiện trong các liên kết dưới đây nên được. https://developer.android.com/guide/practices/ui_guidelines/icon_design_action_bar.html

(màn hình mật độ thấp)

ldpi (120 dpi) --> 18 x 18 px 

(Medium màn hình mật độ)

mdpi (160 dpi) --> 24 x 24 px 

(màn hình mật độ cao)

hdpi (240 dpi) --> 36 x 36 px 

(màn hình mật độ Extra-cao)

xhdpi (320 dpi) --> 48 x 48 px 
5

Sử dụng Android Studio ảnh Asset

Go to:

  1. Project> res -> nhấn chuột phải
  2. mới> Nội dung hình ảnh -> gõ Biểu tượng: Action Bar và Tab Icons
  3. tiếp theo> Hoàn tất.

Bây giờ bạn sẽ có biểu tượng của mình ở độ phân giải chính xác.

Các vấn đề liên quan