Одиниці¶

Підхід незалежного рішення¶

Мета мати незалежність від роздільної здатності полягає у спрощенні масштабування графічного інтерфейсу в Ubuntu Touch для усіх цільових пристроїв Ubuntu Touch: телефонів, планшетів, ноутбуків та звичайних ПК. Такий підхід поєднує простоту для дизайнерів та розробників із візуальною точністю, якістю та зручністю використання.

Одиниці виміру¶

Одиниця сітки¶

Одиниця вимірювання, яка називається одиниця сітки, називається скорочено gu. 1 одиниця сітки перетворюється на певну кількість пікселів залежно від типу екрана, на якому відтворюється інтерфейс користувача. Наприклад, на ноутбуці 1 одиниця сітки зазвичай перетворюється на 8 пікселів. Кількість пікселів на одиницю сітки вибирається для збереження прийнятого візуального розміру елементів інтерфейсу та відповідно залежить від щільності пікселів екрана та відстані до нього від користувача. Ми також гарантуємо, що 1 одиниця сітки завжди дорівнює цілій кількості пікселів.

Пристрій	Пропорція
Більшість ноутбуків	1 gu = 8 пікселів
Ноутбуки з високою роздільною здатністю	1 gu = 16 пікселів
Телефон з 4-дюймовим екраном з роздільною здатністю HD (приблизно 720x1280 пікселів)	1 gu = 18 пікселів
Планшет з 10-дюймовим екраном та роздільною здатністю HD (приблизно 720x1280 пікселів)	1 gu = 10 пікселів

Одиниця щільності¶

Як виняток, для рідкісних випадків, коли потрібні вимірювання менше 1 gu, доступна інша одиниця: незалежна щільність пікселів, скорочено dp. 1 dp зазвичай перетворюється на 1 піксель на ноутбуках, мобільних телефонах та планшетах із низькою щільністю екрана.

Використання¶

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

Розміри пристроїв¶

Одиниці сітки для пристроїв	ширина	висота
E5 (вертикальний)	42	72
M10 HD (горизонтальний)	160	97
M10 FHD (горизонтальний)	148	89
N5 (вертикальний)	47	80