Единицы#

Независимое разрешение#

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

Единицы измерения#

Grid Unit (Единица сетки)#

Единица измерения grid unit сокращенно называется gu. 1 единица сетки переводится в заданное количество пикселей в зависимости от типа экрана, на котором отображается пользовательский интерфейс. Например, на ноутбуке 1 единица сетки обычно соответствует 8 пикселям. Количество пикселей на единицу сетки выбирается для сохранения воспринимаемого визуального размера элементов пользовательского интерфейса и зависит от плотности отображения и расстояния, на котором находится пользователь от экрана. Одна единица сетки всегда является целым числом пикселей.

Устройство

Конвертация

Стандартный ноутбук

1 gu = 8 px

Ноутбуки с высоким DPI

1 gu = 16 px

Смартфон с экраном 4» с HD-разрешением (720x1280)

1 gu = 18 px

Планшет с экраном 10» и HD-разрешением (720x1280)

1 gu = 10 px

Плотность устройства#

В редких случаях, когда требуются измерения менее 1 gu, можно использовать другую единицу измерения: *density independent pixel, * сокращенно dp. 1 dp обычно соответствует 1 пикселю на ноутбуках, планшетах и смартфонах с низким разрешением экрана.

Использование#

Item {
  width:  units.gu(2)
  height: units.dp(1)
}

Размер устройства#

Grid Units для устройств

ширина

высота

E5 (портретный режим)

42

72

M10 HD (пейзажный режим)

160

97

M10 FHD (пейзажный режим)

148

89

N5 (портретный режим)

47

80