Единицы#
Независимое разрешение#
Независимость от экранного разрешения должна упростить масштабирование графических пользовательских интерфейсов в 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 |