mirror of
https://github.com/Cockatrice/Cockatrice.git
synced 2026-11-05 01:23:24 -08:00
[Icons] Add palette-aware themed icon engine
A QPixmap snapshot cannot follow palette changes, so expose a QIcon whose engine resolves the `currentColor` sentinel from the live palette on every pixmap request. Icons stay legible across light/dark switches without recreating actions or buttons. - Resolve the asset, its bytes and its intrinsic size once, and drop them on ThemeManager::themeChanged/paletteChanged. A repaint does no file I/O and no theme.cfg parse; the palette color stays part of the render cache key. - Centre the glyph on QRectF(rect).center(): QRect::center() floors and uses right = left + width - 1, which shifted every 16x16 item-view glyph up and left by a logical pixel and clipped its last row and column. - Take a raster override's intrinsic size from QImageReader instead of the 24x24 SVG default, so a non-square override reports the box it draws. - Set the device pixel ratio before inserting into the render cache, so a cache hit no longer detaches the pixmap on every paint.
This commit is contained in:
parent
8e367f37ec
commit
9b640198ce
4 changed files with 352 additions and 0 deletions
|
|
@ -151,6 +151,7 @@ set(cockatrice_SOURCES
|
||||||
src/interface/widgets/utility/reversed_completer_model.cpp
|
src/interface/widgets/utility/reversed_completer_model.cpp
|
||||||
src/interface/pixel_map_generator.cpp
|
src/interface/pixel_map_generator.cpp
|
||||||
src/interface/theme_config.cpp
|
src/interface/theme_config.cpp
|
||||||
|
src/interface/theme_icon.cpp
|
||||||
src/interface/theme_manager.cpp
|
src/interface/theme_manager.cpp
|
||||||
src/interface/palette_editor/color_button.cpp
|
src/interface/palette_editor/color_button.cpp
|
||||||
src/interface/palette_editor/palette_generator.cpp
|
src/interface/palette_editor/palette_generator.cpp
|
||||||
|
|
|
||||||
300
cockatrice/src/interface/theme_icon.cpp
Normal file
300
cockatrice/src/interface/theme_icon.cpp
Normal file
|
|
@ -0,0 +1,300 @@
|
||||||
|
#include "theme_icon.h"
|
||||||
|
|
||||||
|
#include "libcockatrice/utility/svg_recolor.h"
|
||||||
|
#include "theme_manager.h"
|
||||||
|
|
||||||
|
#include <QApplication>
|
||||||
|
#include <QByteArray>
|
||||||
|
#include <QColor>
|
||||||
|
#include <QFile>
|
||||||
|
#include <QHash>
|
||||||
|
#include <QIODevice>
|
||||||
|
#include <QIconEngine>
|
||||||
|
#include <QImageReader>
|
||||||
|
#include <QObject>
|
||||||
|
#include <QPaintDevice>
|
||||||
|
#include <QPainter>
|
||||||
|
#include <QPointF>
|
||||||
|
#include <QRect>
|
||||||
|
#include <QRectF>
|
||||||
|
#include <QSize>
|
||||||
|
#include <QString>
|
||||||
|
#include <QStringLiteral>
|
||||||
|
#include <QStyle>
|
||||||
|
#include <QSvgRenderer>
|
||||||
|
#include <QtGlobal>
|
||||||
|
#include <utility>
|
||||||
|
|
||||||
|
namespace
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* @brief Palette color that replaces `currentColor`, following the icon mode.
|
||||||
|
*/
|
||||||
|
QByteArray sentinelColor(QIcon::Mode mode, QPalette::ColorRole role)
|
||||||
|
{
|
||||||
|
const QPalette::ColorGroup group = mode == QIcon::Disabled ? QPalette::Disabled : QPalette::Active;
|
||||||
|
const QPalette::ColorRole effective =
|
||||||
|
mode == QIcon::Selected && role == QPalette::WindowText ? QPalette::HighlightedText : role;
|
||||||
|
return qApp->palette().color(group, effective).name(QColor::HexRgb).toLatin1();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @brief Reads an SVG through the `theme:` search path.
|
||||||
|
*/
|
||||||
|
QByteArray readSvg(const QString &resolvedPath)
|
||||||
|
{
|
||||||
|
QFile file(QStringLiteral("theme:") + resolvedPath);
|
||||||
|
if (!file.open(QIODevice::ReadOnly)) {
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
return file.readAll();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @brief Renders SVG bytes, scaled to @p size when one is given.
|
||||||
|
*
|
||||||
|
* An empty size means the asset's intrinsic size; @p devicePixelRatio only
|
||||||
|
* applies in that case so HiDPI callers still get a crisp glyph.
|
||||||
|
*/
|
||||||
|
QPixmap renderSvg(const QByteArray &data, const QSize &size, qreal devicePixelRatio)
|
||||||
|
{
|
||||||
|
QSvgRenderer renderer(data);
|
||||||
|
if (!renderer.isValid()) {
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
|
||||||
|
QSize renderSize = size;
|
||||||
|
if (renderSize.isEmpty()) {
|
||||||
|
renderSize = renderer.defaultSize();
|
||||||
|
renderSize =
|
||||||
|
QSize(qRound(renderSize.width() * devicePixelRatio), qRound(renderSize.height() * devicePixelRatio));
|
||||||
|
}
|
||||||
|
if (!renderSize.isValid() || renderSize.isEmpty()) {
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
|
||||||
|
QPixmap pixmap(renderSize);
|
||||||
|
pixmap.fill(Qt::transparent);
|
||||||
|
QPainter painter(&pixmap);
|
||||||
|
renderer.render(&painter);
|
||||||
|
return pixmap;
|
||||||
|
}
|
||||||
|
|
||||||
|
bool hasSentinel(const QByteArray &svg)
|
||||||
|
{
|
||||||
|
return !svg.isEmpty() && QString::fromUtf8(svg).contains(QStringLiteral("currentColor"), Qt::CaseInsensitive);
|
||||||
|
}
|
||||||
|
|
||||||
|
QString cacheKey(const QString &path, const QByteArray &variant, const QSize &size, qreal devicePixelRatio)
|
||||||
|
{
|
||||||
|
return path + QLatin1Char('|') + QString::fromLatin1(variant) + QLatin1Char('|') + QString::number(size.width()) +
|
||||||
|
QLatin1Char('x') + QString::number(size.height()) + QLatin1Char('@') + QString::number(devicePixelRatio);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @brief QIcon engine rendering a `theme:` SVG with `currentColor` resolved on demand.
|
||||||
|
*
|
||||||
|
* Qt's SVG renderer has no ambient color, so the sentinel is substituted from
|
||||||
|
* the current palette on every pixmap request. Asset resolution, the file bytes
|
||||||
|
* and the intrinsic size are cached until the theme changes: a repaint then
|
||||||
|
* does no file I/O at all. The render cache is keyed by resolved path and pixel
|
||||||
|
* size plus a variant: the palette color for sentinel SVGs, the icon mode for
|
||||||
|
* assets that carry their own colors. A palette change therefore produces new
|
||||||
|
* keys instead of reusing art built under the previous palette, and the
|
||||||
|
* non-sentinel path (raster overrides, plain SVGs) is cached like any other.
|
||||||
|
*/
|
||||||
|
class ThemeSvgIconEngine final : public QObject, public QIconEngine
|
||||||
|
{
|
||||||
|
public:
|
||||||
|
ThemeSvgIconEngine(QString _prefix, QPalette::ColorRole _role) : prefix(std::move(_prefix)), role(_role)
|
||||||
|
{
|
||||||
|
if (themeManager) {
|
||||||
|
// A theme switch changes the resolved asset (scheme-qualified
|
||||||
|
// variants, raster overrides) and a palette change invalidates
|
||||||
|
// every cached colour, so both drop the caches instead of
|
||||||
|
// re-reading theme.cfg and the assets on every repaint.
|
||||||
|
connect(themeManager, &ThemeManager::themeChanged, this, &ThemeSvgIconEngine::invalidate);
|
||||||
|
connect(themeManager, &ThemeManager::paletteChanged, this, &ThemeSvgIconEngine::invalidate);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
QIconEngine *clone() const override
|
||||||
|
{
|
||||||
|
return new ThemeSvgIconEngine(prefix, role);
|
||||||
|
}
|
||||||
|
|
||||||
|
void paint(QPainter *painter, const QRect &rect, QIcon::Mode mode, QIcon::State) override
|
||||||
|
{
|
||||||
|
const qreal devicePixelRatio = painter->device() ? painter->device()->devicePixelRatioF() : 1.0;
|
||||||
|
const QSize logicalSize = fitToSize(rect.size());
|
||||||
|
if (logicalSize.isEmpty()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const QSize pixelSize(qRound(logicalSize.width() * devicePixelRatio),
|
||||||
|
qRound(logicalSize.height() * devicePixelRatio));
|
||||||
|
const QPixmap pixmap = render(pixelSize, devicePixelRatio, mode);
|
||||||
|
if (!pixmap.isNull()) {
|
||||||
|
// QRect::center() would floor and drop the last row/column of a
|
||||||
|
// 16x16 glyph; the center has to be fractional so glyphs stay
|
||||||
|
// unshifted and unsclipped in item views.
|
||||||
|
const QSizeF contentSize = pixmap.deviceIndependentSize();
|
||||||
|
const QRectF targetRect(
|
||||||
|
QRectF(rect).center() - QPointF(contentSize.width() / 2.0, contentSize.height() / 2.0), contentSize);
|
||||||
|
painter->drawPixmap(targetRect, pixmap, QRectF(pixmap.rect()));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
QPixmap pixmap(const QSize &size, QIcon::Mode mode, QIcon::State) override
|
||||||
|
{
|
||||||
|
return render(fitToSize(size), 1.0, mode);
|
||||||
|
}
|
||||||
|
|
||||||
|
QPixmap scaledPixmap(const QSize &size, QIcon::Mode mode, QIcon::State, qreal scale) override
|
||||||
|
{
|
||||||
|
const QSize logicalSize = fitToSize(size);
|
||||||
|
#if QT_VERSION >= QT_VERSION_CHECK(6, 8, 0)
|
||||||
|
const QSize pixelSize(qRound(logicalSize.width() * scale), qRound(logicalSize.height() * scale));
|
||||||
|
#else
|
||||||
|
// Qt < 6.8 passes the device-dependent size to the engine.
|
||||||
|
const QSize pixelSize = logicalSize;
|
||||||
|
#endif
|
||||||
|
return render(pixelSize, scale, mode);
|
||||||
|
}
|
||||||
|
|
||||||
|
QSize actualSize(const QSize &size, QIcon::Mode, QIcon::State) override
|
||||||
|
{
|
||||||
|
return fitToSize(size);
|
||||||
|
}
|
||||||
|
|
||||||
|
private:
|
||||||
|
void invalidate()
|
||||||
|
{
|
||||||
|
hasResolvedAsset = false;
|
||||||
|
hasIntrinsicSize = false;
|
||||||
|
cache.clear();
|
||||||
|
}
|
||||||
|
|
||||||
|
void ensureResolved() const
|
||||||
|
{
|
||||||
|
if (hasResolvedAsset && (!themeManager || themeManager->getCurrentThemePath() == resolvedThemePath)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
resolvedThemePath = themeManager ? themeManager->getCurrentThemePath() : QString();
|
||||||
|
resolvedPath = themeManager ? themeManager->assetPath(prefix) : QString();
|
||||||
|
resolvedAssetIsSvg = resolvedPath.endsWith(QStringLiteral(".svg"), Qt::CaseInsensitive);
|
||||||
|
resolvedSvg = resolvedAssetIsSvg ? readSvg(resolvedPath) : QByteArray();
|
||||||
|
resolvedHasSentinel = hasSentinel(resolvedSvg);
|
||||||
|
hasResolvedAsset = true;
|
||||||
|
hasIntrinsicSize = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSize intrinsicSize() const
|
||||||
|
{
|
||||||
|
ensureResolved();
|
||||||
|
if (!hasIntrinsicSize) {
|
||||||
|
if (resolvedAssetIsSvg) {
|
||||||
|
QSvgRenderer renderer(resolvedSvg);
|
||||||
|
intrinsicSizeCache = renderer.isValid() ? renderer.defaultSize() : QSize();
|
||||||
|
} else {
|
||||||
|
// A theme may override a glyph with a raster; take its real
|
||||||
|
// aspect ratio instead of assuming the 24x24 SVG default, so
|
||||||
|
// actualSize() and the rendered pixmap agree.
|
||||||
|
QImageReader reader(QStringLiteral("theme:") + resolvedPath);
|
||||||
|
intrinsicSizeCache = reader.size();
|
||||||
|
}
|
||||||
|
if (intrinsicSizeCache.isEmpty()) {
|
||||||
|
intrinsicSizeCache = QSize(24, 24);
|
||||||
|
}
|
||||||
|
hasIntrinsicSize = true;
|
||||||
|
}
|
||||||
|
return intrinsicSizeCache;
|
||||||
|
}
|
||||||
|
|
||||||
|
QSize fitToSize(const QSize &size) const
|
||||||
|
{
|
||||||
|
if (size.isEmpty()) {
|
||||||
|
return size;
|
||||||
|
}
|
||||||
|
return intrinsicSize().scaled(size, Qt::KeepAspectRatio);
|
||||||
|
}
|
||||||
|
|
||||||
|
QPixmap fromAsset(const QSize &pixelSize, QIcon::Mode mode) const
|
||||||
|
{
|
||||||
|
QPixmap pixmap(QStringLiteral("theme:") + resolvedPath);
|
||||||
|
if (!pixelSize.isEmpty() && pixmap.size() != pixelSize) {
|
||||||
|
pixmap = pixmap.scaled(pixelSize, Qt::KeepAspectRatio, Qt::SmoothTransformation);
|
||||||
|
}
|
||||||
|
if (mode == QIcon::Disabled && !pixmap.isNull()) {
|
||||||
|
pixmap = QApplication::style()->generatedIconPixmap(QIcon::Disabled, pixmap, nullptr);
|
||||||
|
}
|
||||||
|
return pixmap;
|
||||||
|
}
|
||||||
|
|
||||||
|
QPixmap render(const QSize &pixelSize, qreal devicePixelRatio, QIcon::Mode mode) const
|
||||||
|
{
|
||||||
|
ensureResolved();
|
||||||
|
|
||||||
|
// Same cache for both paths: sentinel art varies by palette color, art
|
||||||
|
// with its own colors varies by mode (Disabled is generated). A color
|
||||||
|
// variant is never a bare digit, so the two key spaces cannot collide.
|
||||||
|
const QByteArray variant =
|
||||||
|
resolvedHasSentinel ? sentinelColor(mode, role) : QByteArray::number(static_cast<int>(mode));
|
||||||
|
const QString key = cacheKey(resolvedPath, variant, pixelSize, devicePixelRatio);
|
||||||
|
const auto cached = cache.constFind(key);
|
||||||
|
if (cached != cache.constEnd()) {
|
||||||
|
return cached.value();
|
||||||
|
}
|
||||||
|
|
||||||
|
QPixmap pixmap;
|
||||||
|
if (resolvedHasSentinel) {
|
||||||
|
pixmap = renderSvg(resolveSvgColorSentinel(resolvedSvg, variant), pixelSize, devicePixelRatio);
|
||||||
|
} else {
|
||||||
|
// Authored art carries its own colors: use Qt's normal loader so
|
||||||
|
// raster overrides and non-SVG assets keep working.
|
||||||
|
pixmap = fromAsset(pixelSize, mode);
|
||||||
|
}
|
||||||
|
if (!pixmap.isNull()) {
|
||||||
|
// Set the ratio before caching: assigning it to a cached pixmap
|
||||||
|
// afterwards detaches (deep-copies) it on every paint.
|
||||||
|
pixmap.setDevicePixelRatio(devicePixelRatio);
|
||||||
|
}
|
||||||
|
if (cache.size() >= 64) {
|
||||||
|
cache.clear();
|
||||||
|
}
|
||||||
|
cache.insert(key, pixmap);
|
||||||
|
return pixmap;
|
||||||
|
}
|
||||||
|
|
||||||
|
QString prefix;
|
||||||
|
QPalette::ColorRole role;
|
||||||
|
mutable QHash<QString, QPixmap> cache;
|
||||||
|
mutable QString resolvedPath;
|
||||||
|
mutable QString resolvedThemePath;
|
||||||
|
mutable QByteArray resolvedSvg;
|
||||||
|
mutable QSize intrinsicSizeCache;
|
||||||
|
mutable bool resolvedAssetIsSvg = false;
|
||||||
|
mutable bool resolvedHasSentinel = false;
|
||||||
|
mutable bool hasResolvedAsset = false;
|
||||||
|
mutable bool hasIntrinsicSize = false;
|
||||||
|
};
|
||||||
|
} // namespace
|
||||||
|
|
||||||
|
QIcon loadThemedIcon(QStringView prefix, QPalette::ColorRole role)
|
||||||
|
{
|
||||||
|
return QIcon(new ThemeSvgIconEngine(prefix.toString(), role));
|
||||||
|
}
|
||||||
|
|
||||||
|
QPixmap loadSentinelSvgPixmap(const QString &resolvedPath, QPalette::ColorRole role, const QSize &size)
|
||||||
|
{
|
||||||
|
if (!resolvedPath.endsWith(QStringLiteral(".svg"), Qt::CaseInsensitive)) {
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
|
||||||
|
const QByteArray svg = readSvg(resolvedPath);
|
||||||
|
if (!hasSentinel(svg)) {
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
|
||||||
|
const QByteArray color = qApp->palette().color(role).name(QColor::HexRgb).toLatin1();
|
||||||
|
return renderSvg(resolveSvgColorSentinel(svg, color), size, 1.0);
|
||||||
|
}
|
||||||
50
cockatrice/src/interface/theme_icon.h
Normal file
50
cockatrice/src/interface/theme_icon.h
Normal file
|
|
@ -0,0 +1,50 @@
|
||||||
|
/**
|
||||||
|
* @file theme_icon.h
|
||||||
|
* @ingroup Interface
|
||||||
|
*/
|
||||||
|
|
||||||
|
#ifndef THEME_ICON_H
|
||||||
|
#define THEME_ICON_H
|
||||||
|
|
||||||
|
#include <QIcon>
|
||||||
|
#include <QPalette>
|
||||||
|
#include <QPixmap>
|
||||||
|
#include <QSize>
|
||||||
|
#include <QString>
|
||||||
|
#include <QStringView>
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @brief Builds a palette-aware icon from a `theme:` asset.
|
||||||
|
*
|
||||||
|
* SVG glyphs may use the `currentColor` sentinel. A plain QPixmap snapshot
|
||||||
|
* cannot follow palette changes, so this returns a QIcon whose engine resolves
|
||||||
|
* the sentinel from the current palette every time it is asked for a pixmap.
|
||||||
|
* Icons therefore stay legible when the user switches between light and dark
|
||||||
|
* themes without recreating any actions or buttons.
|
||||||
|
*
|
||||||
|
* @param prefix Asset prefix relative to the `theme:` search path, with no file
|
||||||
|
* extension (for example `icons/search`), matching themePixmap().
|
||||||
|
* @param role Palette role whose color replaces the sentinel. Selected glyphs
|
||||||
|
* use HighlightedText unless a role other than WindowText is given.
|
||||||
|
* @return An icon that follows the application palette.
|
||||||
|
*/
|
||||||
|
QIcon loadThemedIcon(QStringView prefix, QPalette::ColorRole role = QPalette::WindowText);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @brief Renders a resolved theme SVG when it carries the `currentColor` sentinel.
|
||||||
|
*
|
||||||
|
* Non-SVG assets and SVGs without the sentinel return a null pixmap so callers
|
||||||
|
* can fall back to their usual loading path (including legacy inversion).
|
||||||
|
*
|
||||||
|
* @param resolvedPath Asset path relative to the `theme:` search path, as
|
||||||
|
* returned by ThemeManager::assetPath (includes extension).
|
||||||
|
* @param role Palette role whose color replaces the sentinel.
|
||||||
|
* @param size Pixel size to render at; an empty size uses the SVG's intrinsic size.
|
||||||
|
* @return The recolored pixmap, or a null pixmap when the asset is not a
|
||||||
|
* sentinel-carrying SVG.
|
||||||
|
*/
|
||||||
|
QPixmap loadSentinelSvgPixmap(const QString &resolvedPath,
|
||||||
|
QPalette::ColorRole role = QPalette::WindowText,
|
||||||
|
const QSize &size = {});
|
||||||
|
|
||||||
|
#endif // THEME_ICON_H
|
||||||
|
|
@ -31,6 +31,7 @@ set(oracle_SOURCES
|
||||||
../cockatrice/src/client/network/update/client/release_channel.cpp
|
../cockatrice/src/client/network/update/client/release_channel.cpp
|
||||||
../cockatrice/src/interface/pixel_map_generator.cpp
|
../cockatrice/src/interface/pixel_map_generator.cpp
|
||||||
../cockatrice/src/interface/theme_config.cpp
|
../cockatrice/src/interface/theme_config.cpp
|
||||||
|
../cockatrice/src/interface/theme_icon.cpp
|
||||||
../cockatrice/src/interface/theme_manager.cpp
|
../cockatrice/src/interface/theme_manager.cpp
|
||||||
${VERSION_STRING_CPP}
|
${VERSION_STRING_CPP}
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue