// Copyright (C) 2016 The Qt Company Ltd. // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only WITH Qt-GPL-exception-1.0 #include "stylehelper.h" #include "theme/theme.h" #include "hostosinfo.h" #include "qtcassert.h" #include #include #include #include #include #include #include #include #include #include #include // Clamps float color values within (0, 255) static int clamp(float x) { const int val = x > 255 ? 255 : static_cast(x); return val < 0 ? 0 : val; } // Clamps float color values within (0, 255) /* static int range(float x, int min, int max) { int val = x > max ? max : x; return val < min ? min : val; } */ namespace Utils { static StyleHelper::ToolbarStyle s_toolbarStyle = StyleHelper::defaultToolbarStyle; // Invalid by default, setBaseColor needs to be called at least once static QColor s_baseColor; static QColor s_requestedBaseColor; QColor StyleHelper::mergedColors(const QColor &colorA, const QColor &colorB, int factor) { const int maxFactor = 100; QColor tmp = colorA; tmp.setRed((tmp.red() * factor) / maxFactor + (colorB.red() * (maxFactor - factor)) / maxFactor); tmp.setGreen((tmp.green() * factor) / maxFactor + (colorB.green() * (maxFactor - factor)) / maxFactor); tmp.setBlue((tmp.blue() * factor) / maxFactor + (colorB.blue() * (maxFactor - factor)) / maxFactor); return tmp; } QColor StyleHelper::alphaBlendedColors(const QColor &colorA, const QColor &colorB) { const int alpha = colorB.alpha(); const int antiAlpha = 255 - alpha; return QColor( (colorA.red() * antiAlpha + colorB.red() * alpha) / 255, (colorA.green() * antiAlpha + colorB.green() * alpha) / 255, (colorA.blue() * antiAlpha + colorB.blue() * alpha) / 255 ); } QColor StyleHelper::sidebarHighlight() { return QColor(255, 255, 255, 40); } QColor StyleHelper::sidebarShadow() { return QColor(0, 0, 0, 40); } QColor StyleHelper::toolBarDropShadowColor() { return QColor(0, 0, 0, 70); } int StyleHelper::navigationWidgetHeight() { return s_toolbarStyle == ToolbarStyleCompact ? 24 : 30; } void StyleHelper::setToolbarStyle(ToolbarStyle style) { s_toolbarStyle = style; } StyleHelper::ToolbarStyle StyleHelper::toolbarStyle() { return s_toolbarStyle; } QColor StyleHelper::notTooBrightHighlightColor() { QColor highlightColor = QApplication::palette().highlight().color(); if (0.5 * highlightColor.saturationF() + 0.75 - highlightColor.valueF() < 0) highlightColor.setHsvF(highlightColor.hsvHueF(), 0.1 + highlightColor.saturationF() * 2.0, highlightColor.valueF()); return highlightColor; } QPalette StyleHelper::sidebarFontPalette(const QPalette &original) { QPalette palette = original; const QColor textColor = creatorTheme()->color(Theme::ProgressBarTitleColor); palette.setColor(QPalette::WindowText, textColor); palette.setColor(QPalette::Text, textColor); return palette; } QColor StyleHelper::panelTextColor(bool lightColored) { if (!lightColored) return Qt::white; else return Qt::black; } QColor StyleHelper::baseColor(bool lightColored) { static const QColor windowColor = QApplication::palette().color(QPalette::Window); static const bool windowColorAsBase = creatorTheme()->flag(Theme::WindowColorAsBase); return (lightColored || windowColorAsBase) ? windowColor : s_baseColor; } QColor StyleHelper::requestedBaseColor() { return s_requestedBaseColor; } QColor StyleHelper::toolbarBaseColor(bool lightColored) { if (creatorTheme()->flag(Theme::QDSTheme)) return creatorTheme()->color(Utils::Theme::DStoolbarBackground); else return StyleHelper::baseColor(lightColored); } QColor StyleHelper::highlightColor(bool lightColored) { QColor result = baseColor(lightColored); if (!lightColored) result.setHsv(result.hue(), clamp(result.saturation()), clamp(result.value() * 1.16)); else result.setHsv(result.hue(), clamp(result.saturation()), clamp(result.value() * 1.06)); return result; } QColor StyleHelper::shadowColor(bool lightColored) { QColor result = baseColor(lightColored); result.setHsv(result.hue(), clamp(result.saturation() * 1.1), clamp(result.value() * 0.70)); return result; } QColor StyleHelper::borderColor(bool lightColored) { QColor result = baseColor(lightColored); result.setHsv(result.hue(), result.saturation(), result.value() / 2); return result; } QColor StyleHelper::toolBarBorderColor() { const QColor base = baseColor(); return QColor::fromHsv(base.hue(), base.saturation() , clamp(base.value() * 0.80f)); } QColor StyleHelper::buttonTextColor() { return QColor(0x4c4c4c); } // We try to ensure that the actual color used are within // reasonalbe bounds while generating the actual baseColor // from the users request. void StyleHelper::setBaseColor(const QColor &newcolor) { s_requestedBaseColor = newcolor; const QColor themeBaseColor = creatorTheme()->color(Theme::PanelStatusBarBackgroundColor); const QColor defaultBaseColor = QColor(DEFAULT_BASE_COLOR); QColor color; if (defaultBaseColor == newcolor) { color = themeBaseColor; } else { const int valueDelta = (newcolor.value() - defaultBaseColor.value()) / 3; const int value = qBound(0, themeBaseColor.value() + valueDelta, 255); color.setHsv(newcolor.hue(), newcolor.saturation() * 0.7, value); } if (color.isValid() && color != s_baseColor) { s_baseColor = color; const QWidgetList widgets = QApplication::allWidgets(); for (QWidget *w : widgets) w->update(); } } static void verticalGradientHelper(QPainter *p, const QRect &spanRect, const QRect &rect, bool lightColored) { QColor highlight = StyleHelper::highlightColor(lightColored); QColor shadow = StyleHelper::shadowColor(lightColored); QLinearGradient grad(spanRect.topRight(), spanRect.topLeft()); grad.setColorAt(0, highlight.lighter(117)); grad.setColorAt(1, shadow.darker(109)); p->fillRect(rect, grad); QColor light(255, 255, 255, 80); p->setPen(light); p->drawLine(rect.topRight() - QPoint(1, 0), rect.bottomRight() - QPoint(1, 0)); QColor dark(0, 0, 0, 90); p->setPen(dark); p->drawLine(rect.topLeft(), rect.bottomLeft()); } void StyleHelper::verticalGradient(QPainter *painter, const QRect &spanRect, const QRect &clipRect, bool lightColored) { if (StyleHelper::usePixmapCache()) { QColor keyColor = baseColor(lightColored); const QString key = QString::asprintf("mh_vertical %d %d %d %d %d", spanRect.width(), spanRect.height(), clipRect.width(), clipRect.height(), keyColor.rgb()); QPixmap pixmap; if (!QPixmapCache::find(key, &pixmap)) { pixmap = QPixmap(clipRect.size()); QPainter p(&pixmap); QRect rect(0, 0, clipRect.width(), clipRect.height()); verticalGradientHelper(&p, spanRect, rect, lightColored); p.end(); QPixmapCache::insert(key, pixmap); } painter->drawPixmap(clipRect.topLeft(), pixmap); } else { verticalGradientHelper(painter, spanRect, clipRect, lightColored); } } static void horizontalGradientHelper(QPainter *p, const QRect &spanRect, const QRect &rect, bool lightColored) { if (lightColored) { QLinearGradient shadowGradient(rect.topLeft(), rect.bottomLeft()); shadowGradient.setColorAt(0, 0xf0f0f0); shadowGradient.setColorAt(1, 0xcfcfcf); p->fillRect(rect, shadowGradient); return; } QColor base = StyleHelper::baseColor(lightColored); QColor highlight = StyleHelper::highlightColor(lightColored); QColor shadow = StyleHelper::shadowColor(lightColored); QLinearGradient grad(rect.topLeft(), rect.bottomLeft()); grad.setColorAt(0, highlight.lighter(120)); if (rect.height() == StyleHelper::navigationWidgetHeight()) { grad.setColorAt(0.4, highlight); grad.setColorAt(0.401, base); } grad.setColorAt(1, shadow); p->fillRect(rect, grad); QLinearGradient shadowGradient(spanRect.topLeft(), spanRect.topRight()); shadowGradient.setColorAt(0, QColor(0, 0, 0, 30)); QColor lighterHighlight; lighterHighlight = highlight.lighter(130); lighterHighlight.setAlpha(100); shadowGradient.setColorAt(0.7, lighterHighlight); shadowGradient.setColorAt(1, QColor(0, 0, 0, 40)); p->fillRect(rect, shadowGradient); } void StyleHelper::horizontalGradient(QPainter *painter, const QRect &spanRect, const QRect &clipRect, bool lightColored) { if (StyleHelper::usePixmapCache()) { QColor keyColor = baseColor(lightColored); const QString key = QString::asprintf("mh_horizontal %d %d %d %d %d %d", spanRect.width(), spanRect.height(), clipRect.width(), clipRect.height(), keyColor.rgb(), spanRect.x()); QPixmap pixmap; if (!QPixmapCache::find(key, &pixmap)) { pixmap = QPixmap(clipRect.size()); QPainter p(&pixmap); QRect rect = QRect(0, 0, clipRect.width(), clipRect.height()); horizontalGradientHelper(&p, spanRect, rect, lightColored); p.end(); QPixmapCache::insert(key, pixmap); } painter->drawPixmap(clipRect.topLeft(), pixmap); } else { horizontalGradientHelper(painter, spanRect, clipRect, lightColored); } } static void menuGradientHelper(QPainter *p, const QRect &spanRect, const QRect &rect) { QLinearGradient grad(spanRect.topLeft(), spanRect.bottomLeft()); QColor menuColor = StyleHelper::mergedColors(StyleHelper::baseColor(), QColor(244, 244, 244), 25); grad.setColorAt(0, menuColor.lighter(112)); grad.setColorAt(1, menuColor); p->fillRect(rect, grad); } void StyleHelper::drawArrow(QStyle::PrimitiveElement element, QPainter *painter, const QStyleOption *option) { if (option->rect.width() <= 1 || option->rect.height() <= 1) return; const qreal devicePixelRatio = painter->device()->devicePixelRatio(); const bool enabled = option->state & QStyle::State_Enabled; QRect r = option->rect; int size = qMin(r.height(), r.width()); QPixmap pixmap; const QString pixmapName = QString::asprintf("StyleHelper::drawArrow-%d-%d-%d-%f", element, size, enabled, devicePixelRatio); if (!QPixmapCache::find(pixmapName, &pixmap)) { QImage image(size * devicePixelRatio, size * devicePixelRatio, QImage::Format_ARGB32_Premultiplied); image.fill(Qt::transparent); QPainter painter(&image); QStyleOption tweakedOption(*option); tweakedOption.state = QStyle::State_Enabled; auto drawCommonStyleArrow = [&tweakedOption, element, &painter](const QRect &rect, const QColor &color) -> void { static const QCommonStyle* const style = qobject_cast(QApplication::style()); if (!style) return; // Workaround for QTCREATORBUG-28470 QPalette pal = tweakedOption.palette; pal.setBrush(QPalette::Base, pal.text()); // Base and Text differ, causing a detachment. // Inspired by tst_QPalette::cacheKey() pal.setColor(QPalette::ButtonText, color.rgb()); tweakedOption.palette = pal; tweakedOption.rect = rect; painter.setOpacity(color.alphaF()); style->QCommonStyle::drawPrimitive(element, &tweakedOption, &painter); }; if (!enabled) { drawCommonStyleArrow(image.rect(), creatorTheme()->color(Theme::IconsDisabledColor)); } else { if (creatorTheme()->flag(Theme::ToolBarIconShadow)) drawCommonStyleArrow(image.rect().translated(0, devicePixelRatio), toolBarDropShadowColor()); drawCommonStyleArrow(image.rect(), creatorTheme()->color(Theme::IconsBaseColor)); } painter.end(); pixmap = QPixmap::fromImage(image); pixmap.setDevicePixelRatio(devicePixelRatio); QPixmapCache::insert(pixmapName, pixmap); } int xOffset = r.x() + (r.width() - size)/2; int yOffset = r.y() + (r.height() - size)/2; painter->drawPixmap(xOffset, yOffset, pixmap); } void StyleHelper::drawMinimalArrow(QStyle::PrimitiveElement element, QPainter *painter, const QStyleOption *option) { if (option->rect.width() <= 1 || option->rect.height() <= 1) return; const qreal devicePixelRatio = painter->device()->devicePixelRatio(); const bool enabled = option->state & QStyle::State_Enabled; QRect r = option->rect; int size = qMin(r.height(), r.width()); QPixmap pixmap; const QString pixmapName = QString::asprintf("StyleHelper::drawMinimalArrow-%d-%d-%d-%f", element, size, enabled, devicePixelRatio); if (!QPixmapCache::find(pixmapName, &pixmap)) { QImage image(size * devicePixelRatio, size * devicePixelRatio, QImage::Format_ARGB32_Premultiplied); image.fill(Qt::transparent); QPainter painter(&image); QStyleOption tweakedOption(*option); double rotation = 0; switch (element) { case QStyle::PE_IndicatorArrowLeft: rotation = 45; break; case QStyle::PE_IndicatorArrowUp: rotation = 135; break; case QStyle::PE_IndicatorArrowRight: rotation = 225; break; case QStyle::PE_IndicatorArrowDown: rotation = 315; break; default: break; } auto drawArrow = [&tweakedOption, rotation, &painter](const QRect &rect, const QColor &color) -> void { static const QCommonStyle* const style = qobject_cast(QApplication::style()); if (!style) return; // Workaround for QTCREATORBUG-28470 QPalette pal = tweakedOption.palette; pal.setBrush(QPalette::Base, pal.text()); // Base and Text differ, causing a detachment. // Inspired by tst_QPalette::cacheKey() pal.setColor(QPalette::ButtonText, color.rgb()); tweakedOption.palette = pal; tweakedOption.rect = rect; painter.save(); painter.setOpacity(color.alphaF()); double minDim = std::min(rect.width(), rect.height()); double innerWidth = minDim/M_SQRT2; int penWidth = std::max(innerWidth/4, 1.0); innerWidth -= penWidth; QPen pPen(pal.color(QPalette::ButtonText), penWidth); pPen.setJoinStyle(Qt::MiterJoin); painter.setBrush(pal.text()); painter.setPen(pPen); painter.translate(rect.center()); painter.rotate(rotation); painter.translate(-innerWidth/2, -innerWidth/2); const QPointF points[3] = { {0, 0}, {0, innerWidth}, {innerWidth, innerWidth} }; painter.drawPolyline(points, 3); painter.restore(); }; if (enabled) { if (creatorTheme()->flag(Theme::ToolBarIconShadow)) drawArrow(image.rect().translated(0, devicePixelRatio), toolBarDropShadowColor()); drawArrow(image.rect(), creatorTheme()->color(Theme::IconsBaseColor)); } else { drawArrow(image.rect(), creatorTheme()->color(Theme::IconsDisabledColor)); } painter.end(); pixmap = QPixmap::fromImage(image); pixmap.setDevicePixelRatio(devicePixelRatio); QPixmapCache::insert(pixmapName, pixmap); } int xOffset = r.x() + (r.width() - size)/2; int yOffset = r.y() + (r.height() - size)/2; painter->drawPixmap(xOffset, yOffset, pixmap); } void StyleHelper::drawPanelBgRect(QPainter *painter, const QRectF &rect, const QBrush &brush) { if (toolbarStyle() == ToolbarStyleCompact) { painter->fillRect(rect.toRect(), brush); } else { constexpr int margin = 2; constexpr int radius = 5; QPainterPath path; path.addRoundedRect(rect.adjusted(margin, margin, -margin, -margin), radius, radius); painter->save(); painter->setRenderHint(QPainter::Antialiasing); painter->fillPath(path, brush); painter->restore(); } } void StyleHelper::menuGradient(QPainter *painter, const QRect &spanRect, const QRect &clipRect) { if (StyleHelper::usePixmapCache()) { const QString key = QString::asprintf("mh_menu %d %d %d %d %d", spanRect.width(), spanRect.height(), clipRect.width(), clipRect.height(), StyleHelper::baseColor().rgb()); QPixmap pixmap; if (!QPixmapCache::find(key, &pixmap)) { pixmap = QPixmap(clipRect.size()); QPainter p(&pixmap); QRect rect = QRect(0, 0, clipRect.width(), clipRect.height()); menuGradientHelper(&p, spanRect, rect); p.end(); QPixmapCache::insert(key, pixmap); } painter->drawPixmap(clipRect.topLeft(), pixmap); } else { menuGradientHelper(painter, spanRect, clipRect); } } bool StyleHelper::usePixmapCache() { return true; } QPixmap StyleHelper::disabledSideBarIcon(const QPixmap &enabledicon) { QImage im = enabledicon.toImage().convertToFormat(QImage::Format_ARGB32); for (int y=0; y(im.scanLine(y)); for (int x=0; xdevice()->devicePixelRatioF(); QString pixmapName = QString::fromLatin1("icon %0 %1 %2 %3") .arg(icon.cacheKey()).arg(iconMode).arg(rect.height()).arg(devicePixelRatio); if (!QPixmapCache::find(pixmapName, &cache)) { // High-dpi support: The in parameters (rect, radius, offset) are in // device-independent pixels. The call to QIcon::pixmap() below might // return a high-dpi pixmap, which will in that case have a devicePixelRatio // different than 1. The shadow drawing caluculations are done in device // pixels. QWindow *window = dynamic_cast(p->device())->window()->windowHandle(); QPixmap px = icon.pixmap(window, rect.size(), iconMode); int radius = int(dipRadius * devicePixelRatio); QPoint offset = dipOffset * devicePixelRatio; cache = QPixmap(px.size() + QSize(radius * 2, radius * 2)); cache.fill(Qt::transparent); QPainter cachePainter(&cache); if (iconMode == QIcon::Disabled) { const bool hasDisabledState = icon.availableSizes().count() == icon.availableSizes(QIcon::Disabled).count(); if (!hasDisabledState) px = disabledSideBarIcon(icon.pixmap(window, rect.size())); } else if (creatorTheme()->flag(Theme::ToolBarIconShadow)) { // Draw shadow QImage tmp(px.size() + QSize(radius * 2, radius * 2 + 1), QImage::Format_ARGB32_Premultiplied); tmp.fill(Qt::transparent); QPainter tmpPainter(&tmp); tmpPainter.setCompositionMode(QPainter::CompositionMode_Source); tmpPainter.drawPixmap(QRect(radius, radius, px.width(), px.height()), px); tmpPainter.end(); // blur the alpha channel QImage blurred(tmp.size(), QImage::Format_ARGB32_Premultiplied); blurred.fill(Qt::transparent); QPainter blurPainter(&blurred); qt_blurImage(&blurPainter, tmp, radius, false, true); blurPainter.end(); tmp = blurred; // blacken the image... tmpPainter.begin(&tmp); tmpPainter.setCompositionMode(QPainter::CompositionMode_SourceIn); tmpPainter.fillRect(tmp.rect(), color); tmpPainter.end(); tmpPainter.begin(&tmp); tmpPainter.setCompositionMode(QPainter::CompositionMode_SourceIn); tmpPainter.fillRect(tmp.rect(), color); tmpPainter.end(); // draw the blurred drop shadow... cachePainter.drawImage(QRect(0, 0, cache.rect().width(), cache.rect().height()), tmp); } // Draw the actual pixmap... cachePainter.drawPixmap(QRect(QPoint(radius, radius) + offset, QSize(px.width(), px.height())), px); cachePainter.end(); cache.setDevicePixelRatio(devicePixelRatio); QPixmapCache::insert(pixmapName, cache); } QRect targetRect = cache.rect(); targetRect.setSize(targetRect.size() / cache.devicePixelRatio()); targetRect.moveCenter(rect.center() - dipOffset); p->drawPixmap(targetRect, cache); } // Draws a CSS-like border image where the defined borders are not stretched // Unit for rect, left, top, right and bottom is user pixels void StyleHelper::drawCornerImage(const QImage &img, QPainter *painter, const QRect &rect, int left, int top, int right, int bottom) { // source rect for drawImage() calls needs to be specified in DIP unit of the image const qreal imagePixelRatio = img.devicePixelRatio(); const qreal leftDIP = left * imagePixelRatio; const qreal topDIP = top * imagePixelRatio; const qreal rightDIP = right * imagePixelRatio; const qreal bottomDIP = bottom * imagePixelRatio; const QSize size = img.size(); if (top > 0) { //top painter->drawImage(QRectF(rect.left() + left, rect.top(), rect.width() -right - left, top), img, QRectF(leftDIP, 0, size.width() - rightDIP - leftDIP, topDIP)); if (left > 0) //top-left painter->drawImage(QRectF(rect.left(), rect.top(), left, top), img, QRectF(0, 0, leftDIP, topDIP)); if (right > 0) //top-right painter->drawImage(QRectF(rect.left() + rect.width() - right, rect.top(), right, top), img, QRectF(size.width() - rightDIP, 0, rightDIP, topDIP)); } //left if (left > 0) painter->drawImage(QRectF(rect.left(), rect.top()+top, left, rect.height() - top - bottom), img, QRectF(0, topDIP, leftDIP, size.height() - bottomDIP - topDIP)); //center painter->drawImage(QRectF(rect.left() + left, rect.top()+top, rect.width() -right - left, rect.height() - bottom - top), img, QRectF(leftDIP, topDIP, size.width() - rightDIP - leftDIP, size.height() - bottomDIP - topDIP)); if (right > 0) //right painter->drawImage(QRectF(rect.left() +rect.width() - right, rect.top()+top, right, rect.height() - top - bottom), img, QRectF(size.width() - rightDIP, topDIP, rightDIP, size.height() - bottomDIP - topDIP)); if (bottom > 0) { //bottom painter->drawImage(QRectF(rect.left() +left, rect.top() + rect.height() - bottom, rect.width() - right - left, bottom), img, QRectF(leftDIP, size.height() - bottomDIP, size.width() - rightDIP - leftDIP, bottomDIP)); if (left > 0) //bottom-left painter->drawImage(QRectF(rect.left(), rect.top() + rect.height() - bottom, left, bottom), img, QRectF(0, size.height() - bottomDIP, leftDIP, bottomDIP)); if (right > 0) //bottom-right painter->drawImage(QRectF(rect.left() + rect.width() - right, rect.top() + rect.height() - bottom, right, bottom), img, QRectF(size.width() - rightDIP, size.height() - bottomDIP, rightDIP, bottomDIP)); } } // Tints an image with tintColor, while preserving alpha and lightness void StyleHelper::tintImage(QImage &img, const QColor &tintColor) { QPainter p(&img); p.setCompositionMode(QPainter::CompositionMode_Screen); for (int x = 0; x < img.width(); ++x) { for (int y = 0; y < img.height(); ++y) { QRgb rgbColor = img.pixel(x, y); int alpha = qAlpha(rgbColor); QColor c = QColor(rgbColor); if (alpha > 0) { c.toHsl(); qreal l = c.lightnessF(); QColor newColor = QColor::fromHslF(tintColor.hslHueF(), tintColor.hslSaturationF(), l); newColor.setAlpha(alpha); img.setPixel(x, y, newColor.rgba()); } } } } QLinearGradient StyleHelper::statusBarGradient(const QRect &statusBarRect) { QLinearGradient grad(statusBarRect.topLeft(), QPoint(statusBarRect.center().x(), statusBarRect.bottom())); QColor startColor = shadowColor().darker(164); QColor endColor = baseColor().darker(130); grad.setColorAt(0, startColor); grad.setColorAt(1, endColor); return grad; } void StyleHelper::setPanelWidget(QWidget *widget, bool value) { widget->setProperty(C_PANEL_WIDGET, value); } void StyleHelper::setPanelWidgetSingleRow(QWidget *widget, bool value) { widget->setProperty(C_PANEL_WIDGET_SINGLE_ROW, value); } bool StyleHelper::isQDSTheme() { return creatorTheme() ? creatorTheme()->flag(Theme::QDSTheme) : false; } Qt::HighDpiScaleFactorRoundingPolicy StyleHelper::defaultHighDpiScaleFactorRoundingPolicy() { return HostOsInfo::isMacHost() ? Qt::HighDpiScaleFactorRoundingPolicy::Unset : Qt::HighDpiScaleFactorRoundingPolicy::Round; } QIcon StyleHelper::getIconFromIconFont(const QString &fontName, const QList ¶meters) { QFontDatabase a; QTC_ASSERT(a.hasFamily(fontName), {}); if (!a.hasFamily(fontName)) return {}; QIcon icon; for (const IconFontHelper &p : parameters) { const int maxDpr = qRound(qApp->devicePixelRatio()); for (int dpr = 1; dpr <= maxDpr; dpr++) { QPixmap pixmap(p.size() * dpr); pixmap.setDevicePixelRatio(dpr); pixmap.fill(Qt::transparent); QFont font(fontName); font.setPixelSize(p.size().height()); QPainter painter(&pixmap); painter.save(); painter.setPen(p.color()); painter.setFont(font); painter.drawText(QRectF(QPoint(0, 0), p.size()), p.iconSymbol()); painter.restore(); icon.addPixmap(pixmap, p.mode(), p.state()); } } return icon; } QIcon StyleHelper::getIconFromIconFont(const QString &fontName, const QString &iconSymbol, int fontSize, int iconSize, QColor color) { QFontDatabase a; QTC_ASSERT(a.hasFamily(fontName), {}); if (a.hasFamily(fontName)) { QIcon icon; QSize size(iconSize, iconSize); const int maxDpr = qRound(qApp->devicePixelRatio()); for (int dpr = 1; dpr <= maxDpr; dpr++) { QPixmap pixmap(size * dpr); pixmap.setDevicePixelRatio(dpr); pixmap.fill(Qt::transparent); QFont font(fontName); font.setPixelSize(fontSize); QPainter painter(&pixmap); painter.save(); painter.setPen(color); painter.setFont(font); painter.drawText(QRectF(QPoint(0, 0), size), Qt::AlignCenter, iconSymbol); painter.restore(); icon.addPixmap(pixmap); } return icon; } return {}; } QIcon StyleHelper::getIconFromIconFont(const QString &fontName, const QString &iconSymbol, int fontSize, int iconSize) { QColor penColor = QApplication::palette("QWidget").color(QPalette::Normal, QPalette::ButtonText); return getIconFromIconFont(fontName, iconSymbol, fontSize, iconSize, penColor); } QIcon StyleHelper::getCursorFromIconFont(const QString &fontName, const QString &cursorFill, const QString &cursorOutline, int fontSize, int iconSize) { QFontDatabase a; QTC_ASSERT(a.hasFamily(fontName), {}); const QColor outlineColor = Qt::black; const QColor fillColor = Qt::white; if (a.hasFamily(fontName)) { QIcon icon; QSize size(iconSize, iconSize); const int maxDpr = qRound(qApp->devicePixelRatio()); for (int dpr = 1; dpr <= maxDpr; dpr++) { QPixmap pixmap(size * dpr); pixmap.setDevicePixelRatio(dpr); pixmap.fill(Qt::transparent); QFont font(fontName); font.setPixelSize(fontSize); QPainter painter(&pixmap); painter.save(); painter.setRenderHint(QPainter::Antialiasing, true); painter.setRenderHint(QPainter::TextAntialiasing, true); painter.setRenderHint(QPainter::LosslessImageRendering, true); painter.setRenderHint(QPainter::SmoothPixmapTransform, true); painter.setFont(font); painter.setPen(outlineColor); painter.drawText(QRectF(QPointF(0.0, 0.0), size), Qt::AlignCenter, cursorOutline); painter.setPen(fillColor); painter.drawText(QRectF(QPointF(0.0, 0.0), size), Qt::AlignCenter, cursorFill); painter.restore(); icon.addPixmap(pixmap); } return icon; } return {}; } QString StyleHelper::dpiSpecificImageFile(const QString &fileName) { // See QIcon::addFile() if (qApp->devicePixelRatio() > 1.0) { const QString atDprfileName = imageFileWithResolution(fileName, qRound(qApp->devicePixelRatio())); if (QFileInfo::exists(atDprfileName)) return atDprfileName; } return fileName; } QString StyleHelper::imageFileWithResolution(const QString &fileName, int dpr) { return qt_findAtNxFile(fileName, dpr); } QList StyleHelper::availableImageResolutions(const QString &fileName) { QList result; const int maxResolutions = qApp->devicePixelRatio(); for (int i = 1; i <= maxResolutions; ++i) if (QFileInfo::exists(imageFileWithResolution(fileName, i))) result.append(i); return result; } double StyleHelper::luminance(const QColor &color) { // calculate the luminance based on // https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef auto val = [](const double &colorVal) { return colorVal < 0.03928 ? colorVal / 12.92 : std::pow((colorVal + 0.055) / 1.055, 2.4); }; static QHash cache; QHash::iterator it = cache.find(color.rgb()); if (it == cache.end()) { it = cache.insert(color.rgb(), 0.2126 * val(color.redF()) + 0.7152 * val(color.greenF()) + 0.0722 * val(color.blueF())); } return it.value(); } static double contrastRatio(const QColor &color1, const QColor &color2) { // calculate the contrast ratio based on // https://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef auto contrast = (StyleHelper::luminance(color1) + .05) / (StyleHelper::luminance(color2) + .05); if (contrast < 1) return 1 / contrast; return contrast; } bool StyleHelper::isReadableOn(const QColor &background, const QColor &foreground) { // following the W3C Recommendation on contrast for large Text // https://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef return contrastRatio(background, foreground) > 3; } QColor StyleHelper::ensureReadableOn(const QColor &background, const QColor &desiredForeground) { if (isReadableOn(background, desiredForeground)) return desiredForeground; int h, s, v; QColor foreground = desiredForeground; foreground.getHsv(&h, &s, &v); // adjust the color value to ensure better readability if (luminance(background) < .5) v = v + 64; else if (v >= 64) v = v - 64; v %= 256; foreground.setHsv(h, s, v); if (!isReadableOn(background, foreground)) { s = (s + 128) % 256; // adjust the saturation to ensure better readability foreground.setHsv(h, s, v); if (!isReadableOn(background, foreground)) // we failed to create some better foreground return desiredForeground; } return foreground; } static const QStringList &applicationFontFamilies() { const static QStringList families = [] { const QLatin1String familyName("Inter"); // Font is either installed in the system, or was loaded from share/qtcreator/fonts/ return QFontDatabase::hasFamily(familyName) ? QStringList(familyName) : QStringList(); }(); return families; } static const QStringList &brandFontFamilies() { const static QStringList families = []{ const int id = QFontDatabase::addApplicationFont(":/studiofonts/TitilliumWeb-Regular.ttf"); return id >= 0 ? QFontDatabase::applicationFontFamilies(id) : QStringList(); }(); return families; } struct UiFontMetrics { // Original "text token" values are defined in pixels const int pixelSize = -1; const int lineHeight = -1; const QFont::Weight weight = QFont::Normal; }; static const UiFontMetrics& uiFontMetrics(StyleHelper::UiElement element) { static const std::map metrics { {StyleHelper::UiElementH1, {36, 54, QFont::DemiBold}}, {StyleHelper::UiElementH2, {28, 44, QFont::DemiBold}}, {StyleHelper::UiElementH3, {16, 20, QFont::Bold}}, {StyleHelper::UiElementH4, {16, 20, QFont::Bold}}, {StyleHelper::UiElementH5, {14, 16, QFont::DemiBold}}, {StyleHelper::UiElementH6, {12, 14, QFont::DemiBold}}, {StyleHelper::UiElementH6Capital, {12, 14, QFont::DemiBold}}, {StyleHelper::UiElementBody1, {14, 20, QFont::Light}}, {StyleHelper::UiElementBody2, {12, 20, QFont::Light}}, {StyleHelper::UiElementButtonMedium, {12, 16, QFont::Bold}}, {StyleHelper::UiElementButtonSmall, {10, 12, QFont::Bold}}, {StyleHelper::UiElementCaptionStrong, {10, 12, QFont::DemiBold}}, {StyleHelper::UiElementCaption, {10, 12, QFont::Normal}}, {StyleHelper::UiElementIconStandard, {12, 16, QFont::Medium}}, {StyleHelper::UiElementIconActive, {12, 16, QFont::DemiBold}}, }; QTC_ASSERT(metrics.count(element) > 0, return metrics.at(StyleHelper::UiElementCaptionStrong)); return metrics.at(element); } QFont StyleHelper::uiFont(UiElement element) { QFont font; switch (element) { case UiElementH1: font.setFamilies(brandFontFamilies()); font.setWordSpacing(2); break; case UiElementH2: font.setFamilies(brandFontFamilies()); break; case UiElementH3: case UiElementH6Capital: font.setCapitalization(QFont::AllUppercase); [[fallthrough]]; default: if (!applicationFontFamilies().isEmpty()) font.setFamilies(applicationFontFamilies()); break; } const UiFontMetrics &metrics = uiFontMetrics(element); // On macOS, by default 72 dpi are assumed for conversion between point and pixel size. // For non-macOS, it is 96 dpi. constexpr qreal defaultDpi = HostOsInfo::isMacHost() ? 72.0 : 96.0; constexpr qreal pixelsToPointSizeFactor = 72.0 / defaultDpi; const qreal qrealPointSize = metrics.pixelSize * pixelsToPointSizeFactor; font.setPointSizeF(qrealPointSize); font.setWeight(metrics.weight); return font; } int StyleHelper::uiFontLineHeight(UiElement element) { const UiFontMetrics &metrics = uiFontMetrics(element); const qreal lineHeightToPixelSizeRatio = qreal(metrics.lineHeight) / metrics.pixelSize; const QFontInfo fontInfo(uiFont(element)); return qCeil(fontInfo.pixelSize() * lineHeightToPixelSizeRatio); } QString StyleHelper::fontToCssProperties(const QFont &font) { const QString fontSize = font.pixelSize() != -1 ? QString::number(font.pixelSize()) + "px" : QString::number(font.pointSizeF()) + "pt"; const QString fontStyle = QLatin1String(font.style() == QFont::StyleNormal ? "normal" : font.style() == QFont::StyleItalic ? "italic" : "oblique"); const QString fontShorthand = fontStyle + " " + QString::number(font.weight()) + " " + fontSize + " '" + font.family() + "'"; const QString textDecoration = QLatin1String(font.underline() ? "underline" : "none"); const QString textTransform = QLatin1String(font.capitalization() == QFont::AllUppercase ? "uppercase" : font.capitalization() == QFont::AllLowercase ? "lowercase" : "none"); const QString propertyTemplate = "%1: %2"; const QStringList cssProperties = { propertyTemplate.arg("font").arg(fontShorthand), propertyTemplate.arg("text-decoration").arg(textDecoration), propertyTemplate.arg("text-transform").arg(textTransform), propertyTemplate.arg("word-spacing").arg(font.wordSpacing()), }; const QString fontCssStyle = cssProperties.join("; "); return fontCssStyle; } } // namespace Utils