mafulechka18 марта 2020 г. 6:01

Пользовательские оформления окон на стороне клиента в Qt 5.15

Это свежие новости о новой функции в Qt 5.15, которая очень порадовала.

Традиционно оформление окон были довольно скучной вещью. Заголовок, ограничить, минимизировать, максимизировать, изменить размер, выйти... и всё.

Однако, в последнее время приложения всё чаще и чаще включают Пользовательский интерфейс приложения (application specific UI) и оформление тем. Пара скриншотов для объяснения, о чем здесь говорится:

MacOS занимается этим довольно давно.

... и Chrome, и любой другой веб-браузер.

Встраивание меню в оформление может сэкономить много места на экране.

... или это может быть важно для брендинга или дизайна.
К сожалению, подобные вещи ранее не были возможны с Qt.
Однако можно было убрать оформление с окна, т. е.:

Window {
    flags: Qt.FramelessWindowHint
}

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

Справедливости ради, ранее был предоставлен один помощник - QSizeGrip. Он позволяет изменить размер любого заданного угла окна, но работает только с углами, а не с границами окна, и доступен только для приложений виджетов.

В Qt 5.15 было добавлено два новых метода в QWindow: startSystemMove и startSystemResize. Эти методы просят оконный менеджер вступить во владение и начать собственную операцию изменения размера или перемещения. Это означает, что привязка, разбиение на тайлы и так далее, должны работать просто волшебным образом, а реализация заголовка в QML становится почти однострочной:

DragHandler {
    onActiveChanged: if (active) window.startSystemMove();
    target: null
}

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

startSystemResize(Qt.RightEdge | Qt.BottomEdge)

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

DragHandler {
    id: resizeHandler
    grabPermissions: TapHandler.TakeOverForbidden
    target: null
    onActiveChanged: if (active) {
        const p = resizeHandler.centroid.position;
        let e = 0;
        if (p.x < border) e |= Qt.LeftEdge;
        if (p.x >= width - border) e |= Qt.RightEdge;
        if (p.y < border) e |= Qt.TopEdge;
        if (p.y >= height - border) e |= Qt.BottomEdge;
        window.startSystemResize(e);
    }
}

Если вы хотите получить полный пример того, как это можно использовать, был сделан макет веб-браузера с использованием нового API.

Обратите внимание, что, хотя это кроссплатформенный API, не все платформы поддерживают его. startSystemMove в настоящее время поддерживается в Wayland, X11, macOS и Windows, в то время как startSystemResize, с другой стороны, поддерживается в Wayland, X11 и Windows, но не в macOS.

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

if (!window.startSystemResize(edges)) {
    // your fallback code for setting window.width/height manually
}

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

Другая область улучшения - согласование с оконным менеджером в том, следует ли использовать оформление на стороне клиента или на стороне сервера. Некоторые приложения могут захотеть поддерживать оба режима и позволить оконному менеджеру решать, но в настоящее время это невозможно. После установки FramelessWindowHint оформления на стороне сервера не будет.

Третья область - тень окна. По крайней мере, на Wayland тень должна быть нарисована, как часть оформления окна. И хотя можно рисовать тени с помощью QtQuick, в настоящее время нет способа сообщить плагину QPA, какая часть поверхности является тенью, а какая - оконной рамкой, что означает, что, если вы попытаетесь нарисовать тени, менеджер окон в настоящее время будет рассмотрите теневую часть окна, и это испортит мозаику и привязку с другими окнами. На других платформах диспетчер окон обычно рисует тени, даже для окон, оформленных на стороне клиента, поэтому эту проблему сложно решить.

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.
Поддержать автора Donate

Комментарии

Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Card image cap
Pulsum Via

Проект для путешественников от EVILEG.

Перейти
Timeweb

Позвольте мне порекомендовать вам отличный хостинг, на котором расположен EVILEG.

В течение многих лет Timeweb доказывает свою стабильность.

Для проектов на Django рекомендую VDS хостинг

Посмотреть Хостинг
Поделиться в социальных сетях
Donate

Проект EVILEG перешёл на некоммерческую основу и будет развиваться исключительно на энтузиазме создателя сайта, энтузиазме пользователей, пожертвованиях и реферальной системе хостинга

Спасибо за вашу поддержку

Доступные способы поддержки проекта

PayPal

PatreonYooMoneyПодробнее
s

C++ - Тест 002. Константы

  • Результат:50баллов,
  • Очки рейтинга-4
s

C++ - Тест 001. Первая программа и типы данных

  • Результат:66баллов,
  • Очки рейтинга-1
r

C++ - Тест 002. Константы

  • Результат:58баллов,
  • Очки рейтинга-2
Последние комментарии

Qt/C++ - Урок 061. Добавление изображений в приложение методом Drag And Drop из файлового менеджера

Доброго времени суток. А если нужно и изображение и текст? Что-то потерялся немного.... // Вместо отрисовки иконки и текста будем отрисовывать только одно изображение // с н…
АС

Qt/C++ - Урок 004. QSqlTableModel или Как представить таблицу из БД в Qt?

error insert into TableExample " Количество параметров не совпадает" Я путь свой прописывала и даже бд удаляла, чтобы заново сделать, не работает. (всё остальное как у вас... Вроде ка…
i
ЛД

GameDev на Qt - Урок 1. Отслеживание перемещения мыши в QGraphicsScene

Вполне возможно, что ты не закинул graphicsView в дизайнере в виджет
ЛД

GameDev на Qt - Урок 1. Отслеживание перемещения мыши в QGraphicsScene

Кому интересно, поворот в slotTarget можно в одну строку организовать this->setRotation(90 + rotation() + qRadiansToDegrees(qAtan2(mapFromScene(point).y(), mapFromScene(point).x())));
Сейчас обсуждают на форуме
K

Sorting the added QML elements in the ListModel

buy accutane online forum https://isotretinoinxp.top
  • Nomad
  • 30 июля 2022 г. 5:42

Как работать с HTMX?

Приветствую колеги. На днях наткнулся на вот это : https://htmx.org/ На офф сайте написанно вот такая фраза: htmx gives you access to AJAX, CSS Transitions, We…
h
  • harisr
  • 25 июля 2022 г. 2:56

QT - Native App Integration

Привет, у нас уже есть собственное приложение для Android. Можем ли мы интегрировать пользовательское представление QT в приложение со всем приложением QT внутри представления. Если да, ука…

Правильный запуск сервера на vps - Django

О я как то себе дома локальный сервер создавал. Вам же нужно просто сделать ручками конфигурацию системы. Настроить Nginx ну либо Apache (тут кому что нравится). Соответственно БД и всё остально…
o

Распознание объектов

Я к тому, что, возможно, софт уже есть.
О нас
Услуги
© EVILEG 2015-2022
Рекомендует хостинг TIMEWEB