mirror of
https://github.com/RetroDECK/ES-DE.git
synced 2024-11-23 22:55:39 +00:00
435 lines
12 KiB
C++
435 lines
12 KiB
C++
#pragma once
|
|
#ifndef ES_APP_COMPONENTS_TEXT_LIST_COMPONENT_H
|
|
#define ES_APP_COMPONENTS_TEXT_LIST_COMPONENT_H
|
|
|
|
#include "components/IList.h"
|
|
#include "math/Misc.h"
|
|
#include "Log.h"
|
|
#include "Sound.h"
|
|
#include "Util.h"
|
|
#include <memory>
|
|
|
|
class TextCache;
|
|
|
|
struct TextListData
|
|
{
|
|
unsigned int colorId;
|
|
std::shared_ptr<TextCache> textCache;
|
|
};
|
|
|
|
//A graphical list. Supports multiple colors for rows and scrolling.
|
|
template <typename T>
|
|
class TextListComponent : public IList<TextListData, T>
|
|
{
|
|
protected:
|
|
using IList<TextListData, T>::mEntries;
|
|
using IList<TextListData, T>::listUpdate;
|
|
using IList<TextListData, T>::listInput;
|
|
using IList<TextListData, T>::listRenderTitleOverlay;
|
|
using IList<TextListData, T>::getTransform;
|
|
using IList<TextListData, T>::mSize;
|
|
using IList<TextListData, T>::mCursor;
|
|
using IList<TextListData, T>::Entry;
|
|
|
|
public:
|
|
using IList<TextListData, T>::size;
|
|
using IList<TextListData, T>::isScrolling;
|
|
using IList<TextListData, T>::stopScrolling;
|
|
|
|
TextListComponent(Window* window);
|
|
|
|
bool input(InputConfig* config, Input input) override;
|
|
void update(int deltaTime) override;
|
|
void render(const Transform4x4f& parentTrans) override;
|
|
void applyTheme(const std::shared_ptr<ThemeData>& theme, const std::string& view, const std::string& element, unsigned int properties) override;
|
|
|
|
void add(const std::string& name, const T& obj, unsigned int colorId);
|
|
|
|
enum Alignment
|
|
{
|
|
ALIGN_LEFT,
|
|
ALIGN_CENTER,
|
|
ALIGN_RIGHT
|
|
};
|
|
|
|
inline void setAlignment(Alignment align) { mAlignment = align; }
|
|
|
|
inline void setCursorChangedCallback(const std::function<void(CursorState state)>& func) { mCursorChangedCallback = func; }
|
|
|
|
inline void setFont(const std::shared_ptr<Font>& font)
|
|
{
|
|
mFont = font;
|
|
for(auto it = mEntries.begin(); it != mEntries.end(); it++)
|
|
it->data.textCache.reset();
|
|
}
|
|
|
|
inline void setUppercase(bool uppercase)
|
|
{
|
|
mUppercase = true;
|
|
for(auto it = mEntries.begin(); it != mEntries.end(); it++)
|
|
it->data.textCache.reset();
|
|
}
|
|
|
|
inline void setSelectorHeight(float selectorScale) { mSelectorHeight = selectorScale; }
|
|
inline void setSelectorOffsetY(float selectorOffsetY) { mSelectorOffsetY = selectorOffsetY; }
|
|
inline void setSelectorColor(unsigned int color) { mSelectorColor = color; }
|
|
inline void setSelectedColor(unsigned int color) { mSelectedColor = color; }
|
|
inline void setColor(unsigned int id, unsigned int color) { mColors[id] = color; }
|
|
inline void setLineSpacing(float lineSpacing) { mLineSpacing = lineSpacing; }
|
|
|
|
protected:
|
|
virtual void onScroll(int amt) { if(!mScrollSound.empty()) Sound::get(mScrollSound)->play(); }
|
|
virtual void onCursorChanged(const CursorState& state);
|
|
|
|
private:
|
|
int mMarqueeOffset;
|
|
int mMarqueeOffset2;
|
|
int mMarqueeTime;
|
|
|
|
Alignment mAlignment;
|
|
float mHorizontalMargin;
|
|
|
|
std::function<void(CursorState state)> mCursorChangedCallback;
|
|
|
|
std::shared_ptr<Font> mFont;
|
|
bool mUppercase;
|
|
float mLineSpacing;
|
|
float mSelectorHeight;
|
|
float mSelectorOffsetY;
|
|
unsigned int mSelectorColor;
|
|
unsigned int mSelectedColor;
|
|
std::string mScrollSound;
|
|
static const unsigned int COLOR_ID_COUNT = 2;
|
|
unsigned int mColors[COLOR_ID_COUNT];
|
|
|
|
ImageComponent mSelectorImage;
|
|
};
|
|
|
|
template <typename T>
|
|
TextListComponent<T>::TextListComponent(Window* window) :
|
|
IList<TextListData, T>(window), mSelectorImage(window)
|
|
{
|
|
mMarqueeOffset = 0;
|
|
mMarqueeOffset2 = 0;
|
|
mMarqueeTime = 0;
|
|
|
|
mHorizontalMargin = 0;
|
|
mAlignment = ALIGN_CENTER;
|
|
|
|
mFont = Font::get(FONT_SIZE_MEDIUM);
|
|
mUppercase = false;
|
|
mLineSpacing = 1.5f;
|
|
mSelectorHeight = mFont->getSize() * 1.5f;
|
|
mSelectorOffsetY = 0;
|
|
mSelectorColor = 0x000000FF;
|
|
mSelectedColor = 0;
|
|
mColors[0] = 0x0000FFFF;
|
|
mColors[1] = 0x00FF00FF;
|
|
}
|
|
|
|
template <typename T>
|
|
void TextListComponent<T>::render(const Transform4x4f& parentTrans)
|
|
{
|
|
Transform4x4f trans = parentTrans * getTransform();
|
|
|
|
std::shared_ptr<Font>& font = mFont;
|
|
|
|
if(size() == 0)
|
|
return;
|
|
|
|
const float entrySize = std::max(font->getHeight(1.0), (float)font->getSize()) * mLineSpacing;
|
|
|
|
int startEntry = 0;
|
|
|
|
//number of entries that can fit on the screen simultaniously
|
|
int screenCount = (int)(mSize.y() / entrySize + 0.5f);
|
|
|
|
if(size() >= screenCount)
|
|
{
|
|
startEntry = mCursor - screenCount/2;
|
|
if(startEntry < 0)
|
|
startEntry = 0;
|
|
if(startEntry >= size() - screenCount)
|
|
startEntry = size() - screenCount;
|
|
}
|
|
|
|
float y = 0;
|
|
|
|
int listCutoff = startEntry + screenCount;
|
|
if(listCutoff > size())
|
|
listCutoff = size();
|
|
|
|
// draw selector bar
|
|
if(startEntry < listCutoff)
|
|
{
|
|
if (mSelectorImage.hasImage()) {
|
|
mSelectorImage.setPosition(0.f, (mCursor - startEntry)*entrySize + mSelectorOffsetY, 0.f);
|
|
mSelectorImage.render(trans);
|
|
} else {
|
|
Renderer::setMatrix(trans);
|
|
Renderer::drawRect(0.f, (mCursor - startEntry)*entrySize + mSelectorOffsetY, mSize.x(), mSelectorHeight, mSelectorColor);
|
|
}
|
|
}
|
|
|
|
// clip to inside margins
|
|
Vector3f dim(mSize.x(), mSize.y(), 0);
|
|
dim = trans * dim - trans.translation();
|
|
Renderer::pushClipRect(Vector2i((int)(trans.translation().x() + mHorizontalMargin), (int)trans.translation().y()),
|
|
Vector2i((int)(dim.x() - mHorizontalMargin*2), (int)dim.y()));
|
|
|
|
for(int i = startEntry; i < listCutoff; i++)
|
|
{
|
|
typename IList<TextListData, T>::Entry& entry = mEntries.at((unsigned int)i);
|
|
|
|
unsigned int color;
|
|
if(mCursor == i && mSelectedColor)
|
|
color = mSelectedColor;
|
|
else
|
|
color = mColors[entry.data.colorId];
|
|
|
|
if(!entry.data.textCache)
|
|
entry.data.textCache = std::unique_ptr<TextCache>(font->buildTextCache(mUppercase ? strToUpper(entry.name) : entry.name, 0, 0, 0x000000FF));
|
|
|
|
entry.data.textCache->setColor(color);
|
|
|
|
Vector3f offset(0, y, 0);
|
|
|
|
switch(mAlignment)
|
|
{
|
|
case ALIGN_LEFT:
|
|
offset[0] = mHorizontalMargin;
|
|
break;
|
|
case ALIGN_CENTER:
|
|
offset[0] = (mSize.x() - entry.data.textCache->metrics.size.x()) / 2;
|
|
if(offset[0] < mHorizontalMargin)
|
|
offset[0] = mHorizontalMargin;
|
|
break;
|
|
case ALIGN_RIGHT:
|
|
offset[0] = (mSize.x() - entry.data.textCache->metrics.size.x());
|
|
offset[0] -= mHorizontalMargin;
|
|
if(offset[0] < mHorizontalMargin)
|
|
offset[0] = mHorizontalMargin;
|
|
break;
|
|
}
|
|
|
|
// render text
|
|
Transform4x4f drawTrans = trans;
|
|
|
|
// currently selected item text might be scrolling
|
|
if((mCursor == i) && (mMarqueeOffset > 0))
|
|
drawTrans.translate(offset - Vector3f(mMarqueeOffset, 0, 0));
|
|
else
|
|
drawTrans.translate(offset);
|
|
|
|
Renderer::setMatrix(drawTrans);
|
|
font->renderTextCache(entry.data.textCache.get());
|
|
|
|
// render currently selected item text again if
|
|
// marquee is scrolled far enough for it to repeat
|
|
if((mCursor == i) && (mMarqueeOffset2 < 0))
|
|
{
|
|
drawTrans = trans;
|
|
drawTrans.translate(offset - Vector3f(mMarqueeOffset2, 0, 0));
|
|
Renderer::setMatrix(drawTrans);
|
|
font->renderTextCache(entry.data.textCache.get());
|
|
}
|
|
|
|
y += entrySize;
|
|
}
|
|
|
|
Renderer::popClipRect();
|
|
|
|
listRenderTitleOverlay(trans);
|
|
|
|
GuiComponent::renderChildren(trans);
|
|
}
|
|
|
|
template <typename T>
|
|
bool TextListComponent<T>::input(InputConfig* config, Input input)
|
|
{
|
|
if(size() > 0)
|
|
{
|
|
if(input.value != 0)
|
|
{
|
|
if(config->isMappedTo("down", input))
|
|
{
|
|
listInput(1);
|
|
return true;
|
|
}
|
|
|
|
if(config->isMappedTo("up", input))
|
|
{
|
|
listInput(-1);
|
|
return true;
|
|
}
|
|
if(config->isMappedTo("pagedown", input))
|
|
{
|
|
listInput(10);
|
|
return true;
|
|
}
|
|
|
|
if(config->isMappedTo("pageup", input))
|
|
{
|
|
listInput(-10);
|
|
return true;
|
|
}
|
|
}else{
|
|
if(config->isMappedTo("down", input) || config->isMappedTo("up", input) ||
|
|
config->isMappedTo("pagedown", input) || config->isMappedTo("pageup", input))
|
|
{
|
|
stopScrolling();
|
|
}
|
|
}
|
|
}
|
|
|
|
return GuiComponent::input(config, input);
|
|
}
|
|
|
|
template <typename T>
|
|
void TextListComponent<T>::update(int deltaTime)
|
|
{
|
|
listUpdate(deltaTime);
|
|
|
|
if(!isScrolling() && size() > 0)
|
|
{
|
|
// always reset the marquee offsets
|
|
mMarqueeOffset = 0;
|
|
mMarqueeOffset2 = 0;
|
|
|
|
// if we're not scrolling and this object's text goes outside our size, marquee it!
|
|
const float textLength = mFont->sizeText(mEntries.at((unsigned int)mCursor).name).x();
|
|
const int limit = mSize.x() - mHorizontalMargin * 2;
|
|
|
|
if(textLength > limit)
|
|
{
|
|
// loop
|
|
// pixels per second ( based on nes-mini font at 1920x1080 to produce a speed of 200 )
|
|
const float speed = mFont->sizeText("ABCDEFGHIJKLMNOPQRSTUVWXYZ").x() * 0.247f;
|
|
const int delay = 3000;
|
|
const int scrollLength = textLength;
|
|
const int returnLength = (int)(speed * 1.5);
|
|
const int scrollTime = (int)((scrollLength * 1000) / speed);
|
|
const int returnTime = (int)((returnLength * 1000) / speed);
|
|
const int maxTime = (delay + scrollTime + returnTime);
|
|
|
|
mMarqueeTime += deltaTime;
|
|
while(mMarqueeTime > maxTime)
|
|
mMarqueeTime -= maxTime;
|
|
|
|
mMarqueeOffset = Math::scroll_loop(delay, scrollTime + returnTime, mMarqueeTime, scrollLength + returnLength);
|
|
|
|
if(mMarqueeOffset > (scrollLength - (limit - returnLength)))
|
|
mMarqueeOffset2 = mMarqueeOffset - (scrollLength + returnLength);
|
|
}
|
|
}
|
|
|
|
GuiComponent::update(deltaTime);
|
|
}
|
|
|
|
//list management stuff
|
|
template <typename T>
|
|
void TextListComponent<T>::add(const std::string& name, const T& obj, unsigned int color)
|
|
{
|
|
assert(color < COLOR_ID_COUNT);
|
|
|
|
typename IList<TextListData, T>::Entry entry;
|
|
entry.name = name;
|
|
entry.object = obj;
|
|
entry.data.colorId = color;
|
|
static_cast<IList< TextListData, T >*>(this)->add(entry);
|
|
}
|
|
|
|
template <typename T>
|
|
void TextListComponent<T>::onCursorChanged(const CursorState& state)
|
|
{
|
|
mMarqueeOffset = 0;
|
|
mMarqueeOffset2 = 0;
|
|
mMarqueeTime = 0;
|
|
|
|
if(mCursorChangedCallback)
|
|
mCursorChangedCallback(state);
|
|
}
|
|
|
|
template <typename T>
|
|
void TextListComponent<T>::applyTheme(const std::shared_ptr<ThemeData>& theme, const std::string& view, const std::string& element, unsigned int properties)
|
|
{
|
|
GuiComponent::applyTheme(theme, view, element, properties);
|
|
|
|
const ThemeData::ThemeElement* elem = theme->getElement(view, element, "textlist");
|
|
if(!elem)
|
|
return;
|
|
|
|
using namespace ThemeFlags;
|
|
if(properties & COLOR)
|
|
{
|
|
if(elem->has("selectorColor"))
|
|
setSelectorColor(elem->get<unsigned int>("selectorColor"));
|
|
if(elem->has("selectedColor"))
|
|
setSelectedColor(elem->get<unsigned int>("selectedColor"));
|
|
if(elem->has("primaryColor"))
|
|
setColor(0, elem->get<unsigned int>("primaryColor"));
|
|
if(elem->has("secondaryColor"))
|
|
setColor(1, elem->get<unsigned int>("secondaryColor"));
|
|
}
|
|
|
|
setFont(Font::getFromTheme(elem, properties, mFont));
|
|
const float selectorHeight = std::max(mFont->getHeight(1.0), (float)mFont->getSize()) * mLineSpacing;
|
|
setSelectorHeight(selectorHeight);
|
|
|
|
if(properties & SOUND && elem->has("scrollSound"))
|
|
mScrollSound = elem->get<std::string>("scrollSound");
|
|
|
|
if(properties & ALIGNMENT)
|
|
{
|
|
if(elem->has("alignment"))
|
|
{
|
|
const std::string& str = elem->get<std::string>("alignment");
|
|
if(str == "left")
|
|
setAlignment(ALIGN_LEFT);
|
|
else if(str == "center")
|
|
setAlignment(ALIGN_CENTER);
|
|
else if(str == "right")
|
|
setAlignment(ALIGN_RIGHT);
|
|
else
|
|
LOG(LogError) << "Unknown TextListComponent alignment \"" << str << "\"!";
|
|
}
|
|
if(elem->has("horizontalMargin"))
|
|
{
|
|
mHorizontalMargin = elem->get<float>("horizontalMargin") * (this->mParent ? this->mParent->getSize().x() : (float)Renderer::getScreenWidth());
|
|
}
|
|
}
|
|
|
|
if(properties & FORCE_UPPERCASE && elem->has("forceUppercase"))
|
|
setUppercase(elem->get<bool>("forceUppercase"));
|
|
|
|
if(properties & LINE_SPACING)
|
|
{
|
|
if(elem->has("lineSpacing"))
|
|
setLineSpacing(elem->get<float>("lineSpacing"));
|
|
if(elem->has("selectorHeight"))
|
|
{
|
|
setSelectorHeight(elem->get<float>("selectorHeight") * Renderer::getScreenHeight());
|
|
}
|
|
if(elem->has("selectorOffsetY"))
|
|
{
|
|
float scale = this->mParent ? this->mParent->getSize().y() : (float)Renderer::getScreenHeight();
|
|
setSelectorOffsetY(elem->get<float>("selectorOffsetY") * scale);
|
|
} else {
|
|
setSelectorOffsetY(0.0);
|
|
}
|
|
}
|
|
|
|
if (elem->has("selectorImagePath"))
|
|
{
|
|
std::string path = elem->get<std::string>("selectorImagePath");
|
|
bool tile = elem->has("selectorImageTile") && elem->get<bool>("selectorImageTile");
|
|
mSelectorImage.setImage(path, tile);
|
|
mSelectorImage.setSize(mSize.x(), mSelectorHeight);
|
|
mSelectorImage.setColorShift(mSelectorColor);
|
|
} else {
|
|
mSelectorImage.setImage("");
|
|
}
|
|
}
|
|
|
|
#endif // ES_APP_COMPONENTS_TEXT_LIST_COMPONENT_H
|