Целые экраны

Экраны

Это не фрагменты и не макеты. Каждое из этих окон тулкит отрисовал, пока собирался этот сайт.

Демонстрационное приложение

Все компоненты в одном окне: строка меню, вкладки, выбор темы и живой счётчик производительности внизу.

То же окно, справа налево

Демонстрационное приложение с переводом ar и перевёрнутой осью направления: строка меню, вкладки, поля, полосы прокрутки и футер производительности читаются справа, а текст в них соединяется и переупорядочивается, как того требует арабский. Ни один экран не переписан — направление это одна наследуемая ось, которую задают так же, как размер контролов.

Форма

Подписи, проверяемое поле, выбор, переключатель и ряд действий: разобранный пример из руководства по формам.

Скомпонованное окно

Панель инструментов, боковая панель рядом с областью содержимого и строка состояния: разобранный пример из руководства по компоновке.

Все ступени размера

Одни и те же пять элементов управления, пять раз, от XSMALL сверху до XLARGE снизу. Ни одному из них не задана ни ширина, ни шрифт, ни отступ: каждому ряду сообщается только размер элемента, а отступы, типографика, радиусы углов и зоны нажатия двигаются вместе.

3D-вьюпорт

Физически корректные материалы под тремя источниками света, отрисованные в линейную цель с расширенным динамическим диапазоном и скомпонованные как двумерный слой. Прокручиваемая область обрезает его как любой другой виджет. Тяните, чтобы вращать, крутите колесо, чтобы приблизить.

Редактор темы как виджет, который вы можете поставлять

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