Let UI render on the physical screen rather than the logical screen

This commit is contained in:
2025-12-23 16:05:34 +08:00
parent e1245997ae
commit 903fdc37d1
7 changed files with 221 additions and 91 deletions

View File

@@ -1,9 +1,11 @@
#include "TextRenderer.h"
#include <algorithm>
#include <vector>
TextRenderer::TextRenderer(SDL_Renderer* renderer, FontManager* fontManager) :
#include <iostream>
TextRenderer::TextRenderer(SDL_Renderer* renderer, FontManager* fontManager, const Viewport& viewport) :
m_fontManager(fontManager),
m_renderer(renderer)
m_renderer(renderer),
m_viewport(viewport)
{
//m_bitmapFont = std::make_unique<BitmapFont>();
//m_bitmapFont->load("assets/fonts/sanhan.fnt", renderer);
@@ -13,7 +15,7 @@ TextRenderer::~TextRenderer() {
clearCache();
}
std::pair<int, int> TextRenderer::getTextSize(const std::string& text, TextStyle style) {
std::pair<int, int> TextRenderer::getLogicalTextSize(const std::string& text, TextStyle style) {
auto key = makeHash(text, style);
auto it = m_cache.find(key);
@@ -29,46 +31,60 @@ std::pair<int, int> TextRenderer::getTextSize(const std::string& text, TextStyle
if (!cached.texture) {
return {0, 0};
}
return {cached.width, cached.height};
return {cached.width / m_viewport.scale, cached.height / m_viewport.scale};
}
void TextRenderer::renderText(const std::string& text, TextStyle style, int x, int y) {
auto key = makeHash(text, style);
auto it = m_cache.find(key);
void TextRenderer::renderText(const std::string& text, TextStyle style, int logicalX, int logicalY) {
// 查找缓存
if (it != m_cache.end()) {
// 更新最后访问时间
it->second.lastAccessTime = std::time(nullptr);
// 使用缓存的纹理, SDL_FRect为浮点数矩形
SDL_FRect dest = { static_cast<float>(x), static_cast<float>(y),
static_cast<float>(it->second.width),
static_cast<float>(it->second.height) };
// 绘制材质 NULL 的含义:绘制整个纹理(从 (0,0) 到纹理的完整宽高) &dest 目标区域
SDL_RenderTexture(m_renderer, it->second.texture, NULL, &dest);
return;
}
// 创建并缓存纹理
CachedText cached = createAndCacheTexture(text, style);
CachedText& cached = createAndCacheTexture(text, style);
if (!cached.texture) {
return;
}
// ===============================
// 1. 逻辑坐标 → 窗口坐标
// ===============================
SDL_FPoint winPos = {
m_viewport.dst.x + logicalX * m_viewport.scale,
m_viewport.dst.y + logicalY * m_viewport.scale
};
SDL_FRect dst {
winPos.x,
winPos.y,
static_cast<float>(cached.width),
static_cast<float>(cached.height)
};
//std::cout << "Rendering text at (" << dst.x << ", " << dst.y << ") with size (" << dst.w << ", " << dst.h << ")\n";
// 渲染
SDL_FRect dest = { static_cast<float>(x), static_cast<float>(y),
static_cast<float>(cached.width),
static_cast<float>(cached.height) };
SDL_RenderTexture(m_renderer, cached.texture, NULL, &dest);
SDL_RenderTexture(
m_renderer,
cached.texture,
nullptr,
&dst
);
//m_bitmapFont->drawText(text, x, y);
}
TextRenderer::CachedText TextRenderer::createAndCacheTexture(const std::string& text, TextStyle style) {
CachedText result = {nullptr, 0, 0, std::time(nullptr)};
TextRenderer::CachedText& TextRenderer::createAndCacheTexture(const std::string& text, TextStyle style) {
auto key = makeHash(text, style);
CachedText& slot = m_cache[key];
// empty: 用于失败返回的只读哨兵对象texture == nullptr
static CachedText empty{};
// 如果已经存在,直接返回
if (slot.texture) {
slot.lastAccessTime = std::time(nullptr);
return slot;
}
if (slot.texture) {
SDL_DestroyTexture(slot.texture);
}
// 创建逻辑
slot = {}; // reset
slot.lastAccessTime = std::time(nullptr);
/*
// 获取字体 - 需要大号字体用于高清渲染
const int TARGET_SCALE = 4; // 4倍超采样
@@ -129,17 +145,19 @@ TextRenderer::CachedText TextRenderer::createAndCacheTexture(const std::string&
}
*/
// 获取字体
TTF_Font* font = m_fontManager->getFont(style.fontID, style.fontSize);
TTF_Font* font = m_fontManager->getFont(style.fontID, style.fontSize * m_viewport.scale);
if (!font) {
SDL_Log("错误:字体未找到 %s\n", style.fontID.c_str());
return result;
m_cache.erase(key);
return empty;
}
// 创建文字表面
SDL_Surface* surface = TTF_RenderText_Solid(font, text.c_str(),text.length(), style.color);
if (!surface) {
SDL_Log("错误:无法创建文字表面 '%s'\n", text.c_str());
return result;
m_cache.erase(key);
return empty;
}
// 创建纹理
@@ -150,26 +168,24 @@ TextRenderer::CachedText TextRenderer::createAndCacheTexture(const std::string&
if (!texture) {
SDL_Log("错误:无法创建纹理\n");
return result;
m_cache.erase(key);
return empty;
}
// 设置纹理缩放模式为最近邻
SDL_SetTextureScaleMode(texture, SDL_SCALEMODE_NEAREST);
//SDL_SetTextureScaleMode(texture, SDL_SCALEMODE_NEAREST);
// 保存结果
result.texture = texture;
result.width = width;
result.height = height;
result.lastAccessTime = std::time(nullptr);
// 保存到缓存
auto key = makeHash(text, style);
m_cache[key] = result;
slot.texture = texture;
slot.width = width;
slot.height = height;
slot.lastAccessTime = std::time(nullptr);
// 检查是否需要清理缓存
if (m_cache.size() > MAX_CACHE_SIZE) {
autoCleanCache();
autoCleanCache(key);
}
return result;
return slot;
}
@@ -208,7 +224,7 @@ void TextRenderer::clearCache() {
}
void TextRenderer::autoCleanCache() {
void TextRenderer::autoCleanCache(size_t keepKey) {
// 如果缓存没有超过最大限制,则不进行清理
if (m_cache.size() <= MAX_CACHE_SIZE) {
return;
@@ -219,6 +235,7 @@ void TextRenderer::autoCleanCache() {
cacheItems.reserve(m_cache.size());
for (const auto& pair : m_cache) {
if (pair.first == keepKey) continue;
cacheItems.emplace_back(pair.first, pair.second.lastAccessTime);
}
@@ -236,8 +253,10 @@ void TextRenderer::autoCleanCache() {
// 删除最旧的缓存项
for (size_t i = 0; i < itemsToRemove && i < cacheItems.size(); ++i) {
auto it = m_cache.find(cacheItems[i].first);
if (it != m_cache.end()) {
SDL_DestroyTexture(it->second.texture);
m_cache.erase(it);
}

View File

@@ -18,6 +18,7 @@
#include "FontManager.h"
#include "BitmapFont.h"
#include <memory>
#include "utils/Config.h"
/**
* @class TextRenderer
* @brief 文本渲染器
@@ -37,7 +38,7 @@ public:
* @param fontManager 字体管理器指针,用于获取指定字体 ID 和大小的字体对象。不可为 nullptr
* @details 初始化文本渲染器,设置必要的 SDL 渲染器和字体管理器引用
*/
TextRenderer(SDL_Renderer* renderer, FontManager* fontManager);
TextRenderer(SDL_Renderer* renderer, FontManager* fontManager, const Viewport& viewport);
/**
* @brief 析构函数
@@ -56,7 +57,7 @@ public:
* 这样可以避免重复渲染相同的文本。
* @note 返回的尺寸是矩形的宽和高
*/
std::pair<int, int> getTextSize(const std::string& text, TextStyle style);
std::pair<int, int> getLogicalTextSize(const std::string& text, TextStyle style);
/**
* @brief 将文本渲染到指定位置
@@ -89,6 +90,8 @@ public:
*/
void clearCache();
Viewport getViewport() const {return m_viewport;}
private:
/** @brief SDL 渲染器指针,用于创建纹理和执行 2D 渲染操作 */
SDL_Renderer* m_renderer;
@@ -96,6 +99,9 @@ private:
/** @brief 字体管理器指针,用于管理和获取字体资源 */
FontManager* m_fontManager;
/** @brief 视口信息引用,用于坐标转换和渲染位置计算 */
const Viewport& m_viewport;
/**
* @struct CachedText
* @brief 缓存的文本纹理信息
@@ -136,7 +142,7 @@ private:
static constexpr size_t MIN_CACHE_SIZE = 128;
/** @brief 自动清理缓存(当缓存超过最大限制时调用) */
void autoCleanCache();
void autoCleanCache(size_t keepKey);
/**
* @brief 创建文本纹理(暂未使用)
@@ -163,6 +169,6 @@ private:
* 6. 返回结果
* @see CachedText, m_cache
*/
CachedText createAndCacheTexture(const std::string& text, TextStyle style);
CachedText& createAndCacheTexture(const std::string& text, TextStyle style);
//std::unique_ptr<BitmapFont> m_bitmapFont;
};

View File

@@ -69,12 +69,17 @@ void UIRenderer::renderButtonBackground(const ButtonData& buttonData) {
auto m_rect = buttonData.rect;
SDL_SetRenderDrawColor(m_renderer, m_backgroundColor.r, m_backgroundColor.g, m_backgroundColor.b, m_backgroundColor.a);
auto [width, height] = m_textRenderer->getTextSize(buttonData.text, buttonData.textstytle);
//auto [width, height] = m_textRenderer->getLogicalTextSize(buttonData.text, buttonData.textstytle);
auto viewport = m_textRenderer->getViewport();
SDL_FPoint winPos = {
viewport.dst.x + m_rect.x * viewport.scale,
viewport.dst.y + m_rect.y * viewport.scale
};
// 绘制普通矩形
SDL_FRect rect = { static_cast<float>(m_rect.x) + 0.375f,
static_cast<float>(m_rect.y) + 0.375f,
static_cast<float>(m_rect.w) - 0.75f,
static_cast<float>(m_rect.h) - 0.75f };
SDL_FRect rect = { winPos.x ,
winPos.y ,
static_cast<float>(m_rect.w * viewport.scale) ,
static_cast<float>(m_rect.h * viewport.scale) };
//SDL_SetRenderDrawBlendMode(m_renderer, SDL_BLENDMODE_NONE);
SDL_RenderFillRect(m_renderer, &rect);
}
@@ -89,7 +94,7 @@ void UIRenderer::renderText(const Type& data) {
auto m_rect = data.rect;
auto m_textStyle = data.textstytle;
if (m_text.empty()) return;
// 这个计算公式有问题,导致放大之后文字位置会出现问题,故舍弃
// 计算文本位置(居中)
// 这里需要TextRenderer的实际实现
// 假设TextRenderer有一个renderText方法
@@ -97,7 +102,7 @@ void UIRenderer::renderText(const Type& data) {
// const TextStyle& style, int x, int y);
// 获取文本实际尺寸以便正确居中渲染
auto [textW, textH] = m_textRenderer->getTextSize(m_text, m_textStyle);
/*auto [textW, textH] = m_textRenderer->getLogicalTextSize(m_text, m_textStyle);
// 如果组件的宽高为 0则使用文本尺寸填充相当于自动调整控件大小
int boxW = m_rect.w;
@@ -108,7 +113,7 @@ void UIRenderer::renderText(const Type& data) {
// 计算文本左上角坐标以实现居中
int textX = m_rect.x + (boxW - textW) / 2;
int textY = m_rect.y + (boxH - textH) / 2;
*/
// 渲染文本TextRenderer 的 x,y 为左上角)
m_textRenderer->renderText(m_text, m_textStyle, textX, textY);
m_textRenderer->renderText(m_text, m_textStyle, m_rect.x, m_rect.y);
}