android — В чем разница между px, dp, dip и sp на Андроиде?

Вопрос задан

Изменён 1 год 2 месяца назад

Просмотрен 16k раза

В чем отличие этих единиц измерения на Андроиде?

  • px
  • dip
  • dp
  • sp
  • android

2

Согласно документации:

  1. px
    > Пиксель — соответствует одному пикселю на экране. Не рекомендуется использовать, так как на разных устройствах элементы будут выглядеть по-разному (физический размер одного пикселя на каждом устройстве разный).

  2. in


    > Дюйм (Inch) — соответствует реальному физическому размеру элементов на экране (1 дюйм ≈ 2,54 см)

  3. mm
    > Миллиметр — также соответствует реальному размеру (1 мм = 0,01 см)

  4. pt
    > Точка — 1/72 дюйма, реальный размер (1 точка ≈ 3,5 мм)

  5. dp или dip
    > Пиксель, не зависящий от плотности (Density-independent Pixel) — относительная единица измерения, которая берет за основу плотность экрана устройства. Примерно cоответствует одному пискелю на устройстве с плотностью экрана 160 точек на дюйм (dots per inch, dpi). Отношение dp/px меняется в соответствии с плотности экрана, но не в строгой пропорции: dp/dx зависит от категории экрана, а не точного значения плотности. Рекомендуется применять вместо обычных px для корректного отображения элементов на устройствах с различной плотностью экрана. В разметке можно писать как

    dip, так и dp, компилятор одинаково воспринимает оба варианта, однако dp предпочтительнее.

  6. sp
    > Scalable Pixel или Scale-independent Pixel — как и dp, зависит от плотности экрана, но результат будет масштабироваться в соответствии с настройками размера шрифта пользователя. Рекомендуется для задания размеров шрифтов, чтобы текст подстраивался как под плотность экрана, так и под настройки, заданные пользователем

Из публикации Understanding Density Independence In Android:

+---------+--------------+---------------+------------+-------------+
| Единица | Название     | В 1 дюйме     | Зависит от | Одинаковый  |
|         |              |               | плотности? | физ.  размер |
+---------+--------------+---------------+------------+-------------+
|  px     | Пиксель      |  —            |  Да        |  Нет        |
+---------+--------------+---------------+------------+-------------+
|  in     | Дюйм         |  1            |  Нет       |  Да         |
+---------+--------------+---------------+------------+-------------+
|  mm     | Миллиметр    |  25.4         |  Нет       |  Да         |
+---------+--------------+---------------+------------+-------------+
|  pt     | Точка        |  72           |  Нет       |  Да         |
+---------+--------------+---------------+------------+-------------+
|  dp     | Пиксель,     | ~160          |  Нет       |  Нет        |
|         | не зависящий |               |            |             |
|         | от плотности |               |            |             |
+---------+--------------+---------------+------------+-------------+
|  sp     | Пиксель,     | ~160          |  Нет       |  Нет        |
|         | не зависящий |               |            |             |
|         | от масштаби- |               |            |             |
|         | рования      |               |            |             |
+---------+--------------+---------------+------------+-------------+
    

Наглядно: Google Design Documentation.

5

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Единицы измерения и размеры — CSS-LIVE

Перевод раздела Units and measurements официальной документации Google: http://www. google.com/design/spec/material-design/.

Некоторые единицы измерения в различном контексте имеют различные значения. В этой главе описано использование устройство-независимых пикселей, масштабируемых пикселей, а также таких идей как плотность пикселей.

Плотность пикселей

Количество пикселей, помещающихся в одном дюйме, называют «плотностью пикселей». Экраны с высокой плотностью имеют больше пикселей на дюйм, чем экраны с низкой плотностью. В результате элементы UI (например, кнопка) выглядят крупнее на устройствах с экранами с низкой плотностью и меньше на экранах с высокой плотностью.

Dpi, или разрешение экрана, обозначает количество пикселей конкретного дисплея.

dpi = ширина (или высота) экрана в пикселях / ширина (или высота) экрана в дюймах

Экран с высокой плотностью

Экран с низкой плотностью

Не зависящие от плотности пиксели (dp)

«Независимость от плотности» означает одинаковое отображение элементов UI на экранах с различной плотностью.

Не зависящие от плотности пиксели — это гибкие единицы измерения, которые на любом экране масштабируются до одного и того же размера. Разрабатывая приложения под Android, используйте dp для одинакового отображения элементов на экранах с различной плотностью.

Разрешение экрана Ширина экрана в пикселях
(dpi * ширина в дюймах)
Ширина экрана в не зависящих от плотности пикселях
120 dpi 180 px 240 dp
160 dpi 240 px
240 dpi 360 px

Если у вас 3 экрана, каждый шириной 1,5 дюйма, но при этом все они имеют различные разрешения, ширина каждого экрана все равно составит 240dp.

dp равен одному физическому пикселю на 160 dpi экране.

  Для расчета dp:

dp = (ширина в пикселях * 160) / dpi

В процессе написания CSS используйте px в местах, где указано dp или sp. Dp следует использовать только при разработке под Android.

Масштабируемые пиксели (sp)

При разработке под Android масштабируемые пиксели (sp) служат той же цели, что и dp, но используются в шрифтах. По умолчанию значение sp совпадает с используемым по умолчанию значением dp.

Основное отличие между sp и dp заключается в том, что sp сохраняет настройки шрифта пользователя. Пользователи, настроившие более крупный размер шрифта для улучшения читабельности, увидят шрифт такого размера, который будет совпадать с их предпочтениями.

Проектирование макетов с использованием dp

При проектировании макетов под экран рассчитывайте размеры элемента в dp:

dp = (ширина в пикселях * 160) / dpi

Например, иконка размеров 32 x 32 px при 320 dpi будет иметь размеры 16 x 16 dp.

Масштабирование изображений

Используя следующие соотношения сторон, можно масштабировать изображения, чтобы они выглядели одинаково на экранах с различным разрешением:

Разрешение dpi Пиксельный коэффициент Размер изображения (в пикселях)
xxxhdpi 640 4.0 400 x 400
xxhdpi 480 3.0 300 x 300
xhdpi 320 2.0 200 x 200
hdpi 240 1.5 150 x 150
mdpi 160 1.0 100 x 100

Следующая: «Метрики и контуры» >>
<< Предыдущая: «Принципы»

P.
S. Это тоже может быть интересно:

dp — Викисловарь

  • 1.1 Произношение
  • 1.2 Глагол
    • 1.2.1 Перегиб
    • 1.2.2 Альтернативные формы
    • 1.2.3 Производные термины
    • 1.2.4 Потомки
  • 1.3 Имя собственное
    • 1.3.1 Альтернативные формы
  • 1.4 Романизация
  • 1.5 Каталожные номера

Египетский[править]

Произношение[править]

  • (современный египтологический) IPA (ключ) : /dɛp/
    • Обычная англизация: dep

Глагол[править]

  2-букв.

  1. (переходный) по вкусу (еда, напиток, вкус) [начиная с Текстов пирамид]
  2. (переходный, образно) пройти, испытать (плохое чувство или событие) [со времен Старого Царства]
  3. (переходный, образно) чувствовать, ощущать [Новое Царство]
Перегиб[править]

Спряжение dp (двухбуквенное / 2-букв. / 2рад.) — базовая основа: dp , удвоенная основа : dpp

формы инфинитива императив
инфинитив отрицательное дополнение дополнительный инфинитив 1 единственное число во множественном числе
дп
дпв, дп
дпт
дп , дп
dp , j.dp
«псевдовербальные» формы
неподвижный шток перифрастический несовершенный 2 перифрастический перспективный 2
дп
хр дп
м дп
r dp
9,. TW 2
1124744414141414141414141414141414141414141414141414141414141414141414149.
спряжение суффиксов
внешний вид / настроение активно пассивный контингент
вид/настроение активно пассивный
идеальный дп. н
дпв, дп
подряд дп.джн
Active + .TJ 1 , .TW 2
Active + .TJ 1 ,. TW 2
1112
дпт
совершенный 3 дп
активный + .tj 1 , .tw 2
обязательный 1 дп.ḫr
активный + .tj 1 , .tw 2
несовершенный дп , дп 1
активный + . tj 1 , .tw 2
перспективный 3 дп
дпп
потенциалис 1 дп.кꜣ
active + .tj 1 , .tw 2
active + .tj 1 , .tw 2
subjunctive дп , дп 1
активный + .tj 1 , .tw 2
2
словесные прилагательные
внешний вид / настроение относительных (в т.ч. именных/эмфатических) форм причастий
активный пассивный активно пассивный
идеальный дп. н
активный + .tj 1 , .tw 2
совершенный дп
активный + .tj 1 , .tw 2
дп
dpp, dppj 6 , dp 2 , dpw 2 5 , dpy 2 5
7 5 несовершенный j.dp 1 , dp , dpy, dpw 5
активный + .tj 1 , .tw 2
j.dp 1 , j.dpw 1 5 , dp , dpj 6 , т/д 6
дп , дпв 5
проспективный дп , дптж 7
dptj 4 , dpt 4
  1. Используется в древнеегипетском языке; архаичный среднеегипетский.
  2. Используется в основном со времен Среднего Египта.
  3. Архаичный или сильно ограниченный в использовании среднеегипетским языком. Совершенное в основном взяло на себя функции совершенного, а сослагательное наклонение и перифрастическое проспективное в основном заменили проспективное.
  4. отклоняется с использованием местоимений суффикса от третьего лица вместо окончаний прилагательного: MACCULINE .F / .FJ , Feminine .S / .SJ , Dual . SN / .SNJ , . .
  5. Только в мужском роде единственного числа.
  6. Только в мужском роде.
  7. Только в женском роде.
Альтернативные формы0004   

9

дп дп дп дп дп
[Старое Королевство] [со времен Поднебесной] [со времен Поднебесной] [со времен Поднебесной] [Поздний период]
особенно в папирусах
Производные термины
  • dpt
Потомки
  • Сахидский коптский: ⲧⲱⲡⲉ (tōpe)
  • Имя собственное[править]

      м

    1. город в Нижнем Египте, который вместе с городом p позже образовал объединенный город Буто [со времен Древнего Царства]
    Альтернативные формы

    dp дп
    [поздний и греко-римский периоды] [Поздний и греко-римский периоды]

    Романизация[править]

    дп

    1. Альтернативная транслитерация tp («голова, поверх»).

    Ссылки[править]

    • Эрман, Адольф; Грапов, Герман (1931) Wörterbuch der ägyptischen Sprache [1] , том 5, Берлин: Akademie-Verlag, → ISBN , стр. 443.1, 443.7–444.15
    • Фолкнер, Раймонд (1962) Краткий словарь среднеегипетского языка , Оксфорд: Институт Гриффита, → ISBN , стр. 312
    • Hoch, James (1997) Middle Egyptian Grammar , Mississauga: Benben Publications, →ISBN , page 93

    dp — Wiktionary

    See also: DP and D/P

    Содержимое

    • 1 Египетский
      • 1.1 Произношение
      • 1.2 Глагол
        • 1.2.1 Перегиб
        • 1.2.2 Альтернативные формы
        • 1.2.3 Производные термины
        • 1.2.4 Потомки
      • 1.3 Имя собственное
        • 1.3.1 Альтернативные формы
      • 1.4 Романизация
      • 1,5 № по каталогу

    Египетский[править]

    Произношение[править]

    • (современный египтологический) IPA (ключ) : /dɛp/
      • Обычная англизация: dep

    Глагол[править]

      2-букв.

    1. (переходный) по вкусу (еда, напиток, вкус) [начиная с Текстов пирамид]
    2. (переходный, образно) пройти, испытать (плохое чувство или событие) [со времен Старого Царства]
    3. (переходный, образно) чувствовать, ощущать [Новое Царство]
    Перегиб[править]

    Спряжение dp (двухбуквенный / 2-лит. / 2рад.) — базовая основа: dp , удвоенная основа: dp

    формы инфинитива императив
    инфинитив отрицательное дополнение дополнительный инфинитив 1 единственное число во множественном числе
    дп
    дпв, дп
    дпт
    дп , дп
    dp , j.dp
    «псевдовербальные» формы
    неподвижный шток перифрастический несовершенный 2 перифрастический проспективный 2
    дп
    хр дп
    м дп
    р дп
    спряжение суффиксов
    внешний вид / настроение активно пассивный контингент
    вид/настроение активно пассивный
    идеальный дп. н
    дпв, дп
    подряд дп.джн
    активный + .tj 1 , .tw 2
    активный + .tj 1 , .tw 2
    терминальный дпт
    совершенный 3 дп
    активный + .tj 1 , .tw 2
    обязательный 1 дп.ḫr
    активный + .tj 1 , .tw 2
    несовершенный дп , дп 1
    активный + . tj 1 , .tw 2
    перспективный 3 дп
    дпп
    потенциалис 1 дп.кꜣ
    активный + .tj 1 , .tw 2
    активный + .tj 1 , .tw 2
    сослагательное наклонение дп , дп 1
    активный + .tj 1 , .tw 2
    словесные прилагательные
    внешний вид / настроение относительных (в т.ч. именных/эмфатических) форм причастий
    активный пассивный активно пассивный
    идеальный дп. н
    активный + .tj 1 , .tw 2
    совершенный дп
    активный + .tj 1 , .tw 2
    дп
    дпп, дппж 6 , dp 2 , dpw 2 5 , dpy 2 5
    несовершенный j.dp 1 , dp , dpy, dpw 5
    активный + .tj 1 , .tw 2
    j.dp 1 , j.dpw 1 5 , dp , dpj 6 , dpy 6
    дп , дпв 5
    предполагаемый дп , дптж 7
    dptj 4 , dpt 4
    1. Используется в древнеегипетском языке; архаичный среднеегипетский.
    2. Используется в основном со времен Среднего Египта.
    3. Архаичный или сильно ограниченный в использовании среднеегипетским языком. Совершенное в основном взяло на себя функции совершенного, а сослагательное наклонение и перифрастическое проспективное в основном заменили проспективное.
    4. отклоняется с использованием местоимений суффикса от третьего лица вместо окончаний прилагательного: MACCULINE .F / .FJ , Feminine .S / .SJ , Dual . SN / .SNJ , . .
    5. Только в мужском роде единственного числа.
    6. Только в мужском роде.
    7. Только в женском роде.
    Альтернативные формы0004   

    9

    дп дп дп дп дп
    [Старое Королевство] [со времен Поднебесной] [со времен Поднебесной] [со времен Поднебесной] [Поздний период]
    особенно в папирусах
    Производные термины
    • dpt
    Потомки
  • Сахидский коптский: ⲧⲱⲡⲉ (tōpe)
  • Имя собственное[править]

      м

    1. город в Нижнем Египте, который вместе с городом p позже образовал объединенный город Буто [со времен Древнего Царства]
    Альтернативные формы

    dp дп
    [поздний и греко-римский периоды] [Поздний и греко-римский периоды]

    Романизация[править]

    дп

    1. Альтернативная транслитерация tp («голова, поверх»).
      Автор записи

      Добавить комментарий

      Ваш адрес email не будет опубликован. Обязательные поля помечены *