ES-DE/es-core/src/components/FlexboxComponent.cpp

188 lines
6 KiB
C++
Raw Normal View History

// SPDX-License-Identifier: MIT
//
// EmulationStation Desktop Edition
// FlexboxComponent.cpp
//
// Flexbox layout component.
// Used by gamelist views.
//
#include "components/FlexboxComponent.h"
#include "Settings.h"
#include "ThemeData.h"
#include "resources/TextureResource.h"
2021-09-13 23:01:46 +00:00
FlexboxComponent::FlexboxComponent(Window* window)
: GuiComponent(window)
, mDirection(DEFAULT_DIRECTION)
, mAlign(DEFAULT_ALIGN)
2021-09-13 23:01:46 +00:00
, mItemsPerLine(DEFAULT_ITEMS_PER_LINE)
, mLines(DEFAULT_LINES)
, mItemMargin({DEFAULT_MARGIN_X, DEFAULT_MARGIN_Y})
, mLayoutValid(false)
{
}
2021-09-27 19:06:07 +00:00
void FlexboxComponent::onSizeChanged() { mLayoutValid = false; }
2021-09-13 23:01:46 +00:00
void FlexboxComponent::computeLayout()
{
2021-09-23 22:26:41 +00:00
// Start placing items in the top-left.
2021-09-13 23:01:46 +00:00
float anchorX = 0;
float anchorY = 0;
float anchorOriginX = 0;
float anchorOriginY = 0;
// Translation directions when placing items.
glm::ivec2 directionLine = {1, 0};
glm::ivec2 directionRow = {0, 1};
2021-09-13 23:01:46 +00:00
// Change direction.
if (mDirection == Direction::column) {
2021-09-13 23:01:46 +00:00
directionLine = {0, 1};
directionRow = {1, 0};
}
// Compute children maximal dimensions.
glm::vec2 grid;
if (mDirection == Direction::row)
grid = {mItemsPerLine, mLines};
else
grid = {mLines, mItemsPerLine};
glm::vec2 maxItemSize = (mSize + mItemMargin - grid * mItemMargin) / grid;
// Set final children dimensions.
2021-09-13 23:01:46 +00:00
for (auto i : mChildren) {
auto oldSize = i->getSize();
if (oldSize.x == 0)
oldSize.x = maxItemSize.x;
glm::vec2 sizeMaxX = {maxItemSize.x, oldSize.y * (maxItemSize.x / oldSize.x)};
glm::vec2 sizeMaxY = {oldSize.x * (maxItemSize.y / oldSize.y), maxItemSize.y};
glm::vec2 newSize;
if (sizeMaxX.y > maxItemSize.y)
newSize = sizeMaxY;
else if (sizeMaxY.x > maxItemSize.x)
newSize = sizeMaxX;
else
newSize = sizeMaxX.x * sizeMaxX.y >= sizeMaxY.x * sizeMaxY.y ? sizeMaxX : sizeMaxY;
2021-09-13 23:01:46 +00:00
i->setSize(newSize);
}
2021-09-23 22:26:41 +00:00
// Pre-compute layout parameters.
float lineWidth = (mDirection == Direction::row ? (maxItemSize.y + mItemMargin.y) :
(maxItemSize.x + mItemMargin.x));
2021-09-13 23:01:46 +00:00
float anchorXStart = anchorX;
float anchorYStart = anchorY;
// Iterate through the children.
for (int i = 0; i < static_cast<int>(mChildren.size()); i++) {
2021-09-27 19:06:07 +00:00
GuiComponent* child = mChildren[i];
2021-09-13 23:01:46 +00:00
auto size = child->getSize();
// Top-left anchor position.
float x = anchorX - anchorOriginX * size.x;
float y = anchorY - anchorOriginY * size.y;
// Apply alignment
if (mAlign == Align::end) {
2021-09-13 23:01:46 +00:00
x += directionLine.x == 0 ? (maxItemSize.x - size.x) : 0;
y += directionLine.y == 0 ? (maxItemSize.y - size.y) : 0;
2021-09-27 19:06:07 +00:00
}
else if (mAlign == Align::center) {
2021-09-13 23:01:46 +00:00
x += directionLine.x == 0 ? (maxItemSize.x - size.x) / 2 : 0;
y += directionLine.y == 0 ? (maxItemSize.y - size.y) / 2 : 0;
2021-09-27 19:06:07 +00:00
}
else if (mAlign == Align::stretch && mDirection == Direction::row) {
2021-09-13 23:01:46 +00:00
child->setSize(child->getSize().x, maxItemSize.y);
}
2021-09-23 22:26:41 +00:00
// Apply origin.
if (mOrigin.x > 0 && mOrigin.x <= 1)
x -= mOrigin.x * mSize.x;
2021-09-23 22:26:41 +00:00
if (mOrigin.y > 0 && mOrigin.y <= 1)
y -= mOrigin.y * mSize.y;
2021-09-23 22:26:41 +00:00
2021-09-13 23:01:46 +00:00
// Store final item position.
child->setPosition(getPosition().x + x, getPosition().y + y);
2021-09-13 23:01:46 +00:00
// Translate anchor.
if ((i + 1) % std::max(1, static_cast<int>(mItemsPerLine)) != 0) {
2021-09-13 23:01:46 +00:00
// Translate on same line.
anchorX += (size.x + mItemMargin.x) * static_cast<float>(directionLine.x);
anchorY += (size.y + mItemMargin.y) * static_cast<float>(directionLine.y);
2021-09-13 23:01:46 +00:00
}
else {
// Translate to first position of next line.
if (directionRow.x == 0) {
anchorY += lineWidth * static_cast<float>(directionRow.y);
2021-09-13 23:01:46 +00:00
anchorX = anchorXStart;
2021-09-27 19:06:07 +00:00
}
else {
anchorX += lineWidth * static_cast<float>(directionRow.x);
2021-09-13 23:01:46 +00:00
anchorY = anchorYStart;
}
}
}
2021-09-23 22:05:32 +00:00
mLayoutValid = true;
}
2021-09-27 19:06:07 +00:00
void FlexboxComponent::render(const glm::mat4& parentTrans)
{
if (!isVisible())
return;
2021-09-23 22:05:32 +00:00
if (!mLayoutValid)
computeLayout();
renderChildren(parentTrans);
}
void FlexboxComponent::applyTheme(const std::shared_ptr<ThemeData>& theme,
const std::string& view,
const std::string& element,
unsigned int properties)
{
using namespace ThemeFlags;
2021-09-13 23:01:46 +00:00
glm::vec2 scale{getParent() ? getParent()->getSize() :
glm::vec2{static_cast<float>(Renderer::getScreenWidth()),
static_cast<float>(Renderer::getScreenHeight())}};
// TODO: How to do this without explicit 'badges' property?
const ThemeData::ThemeElement* elem = theme->getElement(view, element, "badges");
if (!elem)
return;
if (properties & DIRECTION && elem->has("direction"))
mDirection =
elem->get<std::string>("direction") == "row" ? Direction::row : Direction::column;
if (elem->has("align")) {
const auto a = elem->get<std::string>("align");
mAlign = (a == "start" ?
Align::start :
(a == "end" ? Align::end : (a == "center" ? Align::center : Align::stretch)));
}
2021-09-13 23:01:46 +00:00
if (elem->has("itemsPerLine"))
mItemsPerLine = elem->get<float>("itemsPerLine");
if (elem->has("lines"))
mLines = elem->get<float>("lines");
2021-09-13 23:01:46 +00:00
if (elem->has("itemMargin"))
mItemMargin = elem->get<glm::vec2>("itemMargin") * scale;
2021-09-13 23:01:46 +00:00
GuiComponent::applyTheme(theme, view, element, properties);
2021-09-23 22:05:32 +00:00
// Layout no longer valid.
mLayoutValid = false;
}
std::vector<HelpPrompt> FlexboxComponent::getHelpPrompts()
{
std::vector<HelpPrompt> prompts;
return prompts;
}