mirror of
https://github.com/RetroDECK/ES-DE.git
synced 2024-11-29 17:45:38 +00:00
Merge pull request #433 from Koerty/grid-tile-background-padding
Add 3 new theming properties to the grid tile background
This commit is contained in:
commit
d85f3b8a42
12
THEMES.md
12
THEMES.md
|
@ -598,12 +598,18 @@ Can be created as an extra.
|
||||||
- The size of the default gridtile is used to calculate how many tiles can fit in the imagegrid. If not explicitly set, the size of the selected gridtile is equal the size of the default gridtile * 1.2
|
- The size of the default gridtile is used to calculate how many tiles can fit in the imagegrid. If not explicitly set, the size of the selected gridtile is equal the size of the default gridtile * 1.2
|
||||||
* `padding` - type: NORMALIZED_PAIR.
|
* `padding` - type: NORMALIZED_PAIR.
|
||||||
- The padding around the gridtile content. Default `16 16`. If not explicitly set, the selected tile padding will be equal to the default tile padding.
|
- The padding around the gridtile content. Default `16 16`. If not explicitly set, the selected tile padding will be equal to the default tile padding.
|
||||||
* `backgroundImage` - type: PATH.
|
|
||||||
- If not explicitly set, the selected tile background image will be the same as the default tile background image.
|
|
||||||
* `imageColor` - type: COLOR.
|
* `imageColor` - type: COLOR.
|
||||||
- The default tile image color and selected tile image color have no influence on each others.
|
- The default tile image color and selected tile image color have no influence on each others.
|
||||||
|
* `backgroundImage` - type: PATH.
|
||||||
|
- If not explicitly set, the selected tile background image will be the same as the default tile background image.
|
||||||
|
* `backgroundCornerSize` - type: NORMALIZED_PAIR.
|
||||||
|
- The corner size of the ninepatch used for the tile background. Default is `16 16`.
|
||||||
* `backgroundColor` - type: COLOR.
|
* `backgroundColor` - type: COLOR.
|
||||||
- The default tile background color and selected tile background color have no influence on each others.
|
- A shortcut to define both the center color and edge color at the same time. The default tile background color and selected tile background color have no influence on each others.
|
||||||
|
* `backgroundCenterColor` - type: COLOR.
|
||||||
|
- Set the color of the center part of the ninepatch. The default tile background center color and selected tile background center color have no influence on each others.
|
||||||
|
* `backgroundEdgeColor` - type: COLOR.
|
||||||
|
- Set the color of the edge parts of the ninepatch. The default tile background edge color and selected tile background edge color have no influence on each others.
|
||||||
|
|
||||||
#### video
|
#### video
|
||||||
|
|
||||||
|
|
|
@ -35,9 +35,12 @@ std::map<std::string, std::map<std::string, ThemeData::ElementPropertyType>> The
|
||||||
{ "gridtile", {
|
{ "gridtile", {
|
||||||
{ "size", NORMALIZED_PAIR },
|
{ "size", NORMALIZED_PAIR },
|
||||||
{ "padding", NORMALIZED_PAIR },
|
{ "padding", NORMALIZED_PAIR },
|
||||||
{ "backgroundImage", PATH },
|
|
||||||
{ "imageColor", COLOR },
|
{ "imageColor", COLOR },
|
||||||
{ "backgroundColor", COLOR } } },
|
{ "backgroundImage", PATH },
|
||||||
|
{ "backgroundCornerSize", NORMALIZED_PAIR },
|
||||||
|
{ "backgroundColor", COLOR },
|
||||||
|
{ "backgroundCenterColor", COLOR },
|
||||||
|
{ "backgroundEdgeColor", COLOR } } },
|
||||||
{ "text", {
|
{ "text", {
|
||||||
{ "pos", NORMALIZED_PAIR },
|
{ "pos", NORMALIZED_PAIR },
|
||||||
{ "size", NORMALIZED_PAIR },
|
{ "size", NORMALIZED_PAIR },
|
||||||
|
|
|
@ -8,15 +8,19 @@ GridTileComponent::GridTileComponent(Window* window) : GuiComponent(window), mBa
|
||||||
{
|
{
|
||||||
mDefaultProperties.mSize = getDefaultTileSize();
|
mDefaultProperties.mSize = getDefaultTileSize();
|
||||||
mDefaultProperties.mPadding = Vector2f(16.0f, 16.0f);
|
mDefaultProperties.mPadding = Vector2f(16.0f, 16.0f);
|
||||||
mDefaultProperties.mBackgroundImage = ":/frame.png";
|
|
||||||
mDefaultProperties.mImageColor = 0xAAAAAABB;
|
mDefaultProperties.mImageColor = 0xAAAAAABB;
|
||||||
mDefaultProperties.mBackgroundColor = 0xAAAAEEFF;
|
mDefaultProperties.mBackgroundImage = ":/frame.png";
|
||||||
|
mDefaultProperties.mBackgroundCornerSize = Vector2f(16 ,16);
|
||||||
|
mDefaultProperties.mBackgroundCenterColor = 0xAAAAEEFF;
|
||||||
|
mDefaultProperties.mBackgroundEdgeColor = 0xAAAAEEFF;
|
||||||
|
|
||||||
mSelectedProperties.mSize = getSelectedTileSize();
|
mSelectedProperties.mSize = getSelectedTileSize();
|
||||||
mSelectedProperties.mPadding = mDefaultProperties.mPadding;
|
mSelectedProperties.mPadding = mDefaultProperties.mPadding;
|
||||||
mSelectedProperties.mBackgroundImage = mDefaultProperties.mBackgroundImage;
|
|
||||||
mSelectedProperties.mImageColor = 0xFFFFFFFF;
|
mSelectedProperties.mImageColor = 0xFFFFFFFF;
|
||||||
mSelectedProperties.mBackgroundColor = 0xFFFFFFFF;
|
mSelectedProperties.mBackgroundImage = mDefaultProperties.mBackgroundImage;
|
||||||
|
mSelectedProperties.mBackgroundCornerSize = mDefaultProperties.mBackgroundCornerSize;
|
||||||
|
mSelectedProperties.mBackgroundCenterColor = 0xFFFFFFFF;
|
||||||
|
mSelectedProperties.mBackgroundEdgeColor = 0xFFFFFFFF;
|
||||||
|
|
||||||
mImage = std::make_shared<ImageComponent>(mWindow);
|
mImage = std::make_shared<ImageComponent>(mWindow);
|
||||||
mImage->setOrigin(0.5f, 0.5f);
|
mImage->setOrigin(0.5f, 0.5f);
|
||||||
|
@ -46,8 +50,8 @@ void GridTileComponent::update()
|
||||||
mBackground.setImagePath(currentProperties.mBackgroundImage);
|
mBackground.setImagePath(currentProperties.mBackgroundImage);
|
||||||
|
|
||||||
mImage->setColorShift(currentProperties.mImageColor);
|
mImage->setColorShift(currentProperties.mImageColor);
|
||||||
mBackground.setCenterColor(currentProperties.mBackgroundColor);
|
mBackground.setCenterColor(currentProperties.mBackgroundCenterColor);
|
||||||
mBackground.setEdgeColor(currentProperties.mBackgroundColor);
|
mBackground.setEdgeColor(currentProperties.mBackgroundEdgeColor);
|
||||||
|
|
||||||
resize();
|
resize();
|
||||||
}
|
}
|
||||||
|
@ -56,6 +60,7 @@ void GridTileComponent::applyTheme(const std::shared_ptr<ThemeData>& theme, cons
|
||||||
{
|
{
|
||||||
Vector2f screen = Vector2f((float)Renderer::getScreenWidth(), (float)Renderer::getScreenHeight());
|
Vector2f screen = Vector2f((float)Renderer::getScreenWidth(), (float)Renderer::getScreenHeight());
|
||||||
|
|
||||||
|
// Apply theme to the default gridtile
|
||||||
const ThemeData::ThemeElement* elem = theme->getElement(view, "default", "gridtile");
|
const ThemeData::ThemeElement* elem = theme->getElement(view, "default", "gridtile");
|
||||||
if (elem)
|
if (elem)
|
||||||
{
|
{
|
||||||
|
@ -65,16 +70,31 @@ void GridTileComponent::applyTheme(const std::shared_ptr<ThemeData>& theme, cons
|
||||||
if (elem->has("padding"))
|
if (elem->has("padding"))
|
||||||
mDefaultProperties.mPadding = elem->get<Vector2f>("padding");
|
mDefaultProperties.mPadding = elem->get<Vector2f>("padding");
|
||||||
|
|
||||||
if (elem->has("backgroundImage"))
|
|
||||||
mDefaultProperties.mBackgroundImage = elem->get<std::string>("backgroundImage");
|
|
||||||
|
|
||||||
if (elem->has("imageColor"))
|
if (elem->has("imageColor"))
|
||||||
mDefaultProperties.mImageColor = elem->get<unsigned int>("imageColor");
|
mDefaultProperties.mImageColor = elem->get<unsigned int>("imageColor");
|
||||||
|
|
||||||
|
if (elem->has("backgroundImage"))
|
||||||
|
mDefaultProperties.mBackgroundImage = elem->get<std::string>("backgroundImage");
|
||||||
|
|
||||||
|
if (elem->has("backgroundCornerSize"))
|
||||||
|
mDefaultProperties.mBackgroundCornerSize = elem->get<Vector2f>("backgroundCornerSize");
|
||||||
|
|
||||||
if (elem->has("backgroundColor"))
|
if (elem->has("backgroundColor"))
|
||||||
mDefaultProperties.mBackgroundColor = elem->get<unsigned int>("backgroundColor");
|
{
|
||||||
|
mDefaultProperties.mBackgroundCenterColor = elem->get<unsigned int>("backgroundColor");
|
||||||
|
mDefaultProperties.mBackgroundEdgeColor = elem->get<unsigned int>("backgroundColor");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (elem->has("backgroundCenterColor"))
|
||||||
|
mDefaultProperties.mBackgroundCenterColor = elem->get<unsigned int>("backgroundCenterColor");
|
||||||
|
|
||||||
|
if (elem->has("backgroundEdgeColor"))
|
||||||
|
mDefaultProperties.mBackgroundEdgeColor = elem->get<unsigned int>("backgroundEdgeColor");
|
||||||
|
}
|
||||||
|
|
||||||
|
// Apply theme to the selected gridtile
|
||||||
|
// NOTE that some of the default gridtile properties influence on the selected gridtile properties
|
||||||
|
// See THEMES.md for more informations
|
||||||
elem = theme->getElement(view, "selected", "gridtile");
|
elem = theme->getElement(view, "selected", "gridtile");
|
||||||
|
|
||||||
mSelectedProperties.mSize = elem && elem->has("size") ?
|
mSelectedProperties.mSize = elem && elem->has("size") ?
|
||||||
|
@ -85,15 +105,28 @@ void GridTileComponent::applyTheme(const std::shared_ptr<ThemeData>& theme, cons
|
||||||
elem->get<Vector2f>("padding") :
|
elem->get<Vector2f>("padding") :
|
||||||
mDefaultProperties.mPadding;
|
mDefaultProperties.mPadding;
|
||||||
|
|
||||||
|
if (elem && elem->has("imageColor"))
|
||||||
|
mSelectedProperties.mImageColor = elem->get<unsigned int>("imageColor");
|
||||||
|
|
||||||
mSelectedProperties.mBackgroundImage = elem && elem->has("backgroundImage") ?
|
mSelectedProperties.mBackgroundImage = elem && elem->has("backgroundImage") ?
|
||||||
elem->get<std::string>("backgroundImage") :
|
elem->get<std::string>("backgroundImage") :
|
||||||
mDefaultProperties.mBackgroundImage;
|
mDefaultProperties.mBackgroundImage;
|
||||||
|
|
||||||
if (elem && elem->has("imageColor"))
|
mSelectedProperties.mBackgroundCornerSize = elem && elem->has("backgroundCornerSize") ?
|
||||||
mSelectedProperties.mImageColor = elem->get<unsigned int>("imageColor");
|
elem->get<Vector2f>("backgroundCornerSize") :
|
||||||
|
mDefaultProperties.mBackgroundCornerSize;
|
||||||
|
|
||||||
if (elem && elem->has("backgroundColor"))
|
if (elem && elem->has("backgroundColor"))
|
||||||
mSelectedProperties.mBackgroundColor = elem->get<unsigned int>("backgroundColor");
|
{
|
||||||
|
mSelectedProperties.mBackgroundCenterColor = elem->get<unsigned int>("backgroundColor");
|
||||||
|
mSelectedProperties.mBackgroundEdgeColor = elem->get<unsigned int>("backgroundColor");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (elem && elem->has("backgroundCenterColor"))
|
||||||
|
mSelectedProperties.mBackgroundCenterColor = elem->get<unsigned int>("backgroundCenterColor");
|
||||||
|
|
||||||
|
if (elem && elem->has("backgroundEdgeColor"))
|
||||||
|
mSelectedProperties.mBackgroundEdgeColor = elem->get<unsigned int>("backgroundEdgeColor");
|
||||||
}
|
}
|
||||||
|
|
||||||
// Made this a static function because the ImageGridComponent need to know the default tile size
|
// Made this a static function because the ImageGridComponent need to know the default tile size
|
||||||
|
@ -143,7 +176,8 @@ void GridTileComponent::resize()
|
||||||
const GridTileProperties& currentProperties = getCurrentProperties();
|
const GridTileProperties& currentProperties = getCurrentProperties();
|
||||||
|
|
||||||
mImage->setMaxSize(currentProperties.mSize - currentProperties.mPadding);
|
mImage->setMaxSize(currentProperties.mSize - currentProperties.mPadding);
|
||||||
mBackground.fitTo(currentProperties.mSize - Vector2f(32.0f, 32.0f)); // (32f, 32f) the NinePatchComponent natural padding
|
mBackground.setCornerSize(currentProperties.mBackgroundCornerSize);
|
||||||
|
mBackground.fitTo(currentProperties.mSize - mBackground.getCornerSize() * 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
const GridTileProperties& GridTileComponent::getCurrentProperties() const
|
const GridTileProperties& GridTileComponent::getCurrentProperties() const
|
||||||
|
|
|
@ -9,9 +9,11 @@ struct GridTileProperties
|
||||||
{
|
{
|
||||||
Vector2f mSize;
|
Vector2f mSize;
|
||||||
Vector2f mPadding;
|
Vector2f mPadding;
|
||||||
std::string mBackgroundImage;
|
|
||||||
unsigned int mImageColor;
|
unsigned int mImageColor;
|
||||||
unsigned int mBackgroundColor;
|
std::string mBackgroundImage;
|
||||||
|
Vector2f mBackgroundCornerSize;
|
||||||
|
unsigned int mBackgroundCenterColor;
|
||||||
|
unsigned int mBackgroundEdgeColor;
|
||||||
};
|
};
|
||||||
|
|
||||||
class GridTileComponent : public GuiComponent
|
class GridTileComponent : public GuiComponent
|
||||||
|
|
Loading…
Reference in a new issue