2012-06-28 4 views
53

Согласно Action Bar Icons значок панели действий для экрана mdpi должен быть 24 x 24 px, но значки в Action Bar Icon Pack для mdpi - 32 x 32 px. Размеры не подходят для других размеров экрана. Итак, какой из них правильный и какие размеры должны иметь значок панели действий?Размер значка панели действий

ответ

51

ОБНОВЛЕНИЕ: этот ответ больше недействителен, см. Нижеследующий ответ для получения более актуальных рекомендаций.

Я считаю, что они должны быть 32x32dp, но само изображение должно быть 24dpx24dp в центре. На веб-сайте дизайна Android есть correct guidelines.

Я представил bug report об этом, но до сих пор ничего слышать ...

+0

Я предполагаю, что вы имели в виду px, а не dp? –

+0

'dp' означает независимый от устройства пиксель, который обычно используется в пользовательском интерфейсе Android. – ayke

+4

Является ли этот ответ устаревшим? –

51

------- обновление 2015.10.17 --------

The new google design gideline говорит : «Системные иконки отображаются в 24dp», «содержание Icon ограничиваются й 20dp живой области 20, с 4px дифферентом по периметру» .like:

enter image description here ------ старый --- ----

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

enter image description here

+0

Я предполагаю, что вы имели в виду px, а не dp? –

+0

@ AlikElzin-kilaka это dp, как указано в документации (по ссылке). –

+0

Что означает dp, когда вы используете инструменты редактирования значков? Пиксель представляет собой квадратную единицу, которая имеет один цвет. Это имеет смысл. Посмотрите на документацию по значению ** базовой линии **. –

13

я провел дополнительное тестирование с AppCompat ActionBar. Я узнал, что ActionBar позаботится о том, чтобы обеспечить минимальный целевой размер касания 48dp. Я также узнал, что AppCompat ActionBar по-прежнему ожидает значки панели действий с размером 32dp.

Даже с дизайном материала, иконки по-прежнему должны следовать правилу «Полный актив: 32x32 дп; Оптический квадрат: 24x24 дп», чтобы иметь правильный размер, наряду с другими значками в панели действий как эта цифра (от Anwer wangqi060934 в) показывает:

enter image description here

Мое предыдущее предположение (см рисунок ниже), что полный размер активов увеличился с 32DP до 48dp не является правильным. 48dp говорят о области касания. Путаница была вызвана пересмотренным Material Icon Spec document, который связан гораздо старше ActionBar document.

enter image description here

от https://www.google.com/design/spec/style/icons.html#icons-system-icons

enter image description here

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

+1

Площадь в сине-розовом цвете - это «Площадь зазора», «Адекватное пространство вокруг значка необходимо для обеспечения удобочитаемости и прикосновения», как указано в руководстве , – wangqi060934

+2

Значки [Design Design] (https://design.google.com/icons/), предоставленные Google, не дают возможности загружать 32dp-значки. Что тут происходит? –

2

Готовые размеры панели действий значок, как показано в ссылке ниже, должно быть. https://developer.android.com/guide/practices/ui_guidelines/icon_design_action_bar.html

(экран низкой плотности)

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

(экран средней плотности)

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

(экран высокой плотности)

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

(экран сверхвысокой плотности)

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

Использование Android-студия Image Asset

Перейти к:

  1. Project> Рез -> правой кнопкой мыши
  2. новый> актив изображения -> Тип Icon: Бар действий и Tab значки
  3. следующий> Отделка.

Теперь у вас будет значок в правильных разрешениях.

Смежные вопросы