(slate-DE) Added support for the 4:3 screen aspect ratio.

This commit is contained in:
Leon Styhre 2022-11-01 17:33:23 +01:00
parent 9584c1bcc7
commit 40f7c9b361
4 changed files with 128 additions and 69 deletions

View file

@ -55,10 +55,12 @@
<zIndex>50</zIndex> <zIndex>50</zIndex>
</text> </text>
<helpsystem name="help"> <helpsystem name="help">
<pos>0.012 0.955</pos>
<textColor>${systemHelpColor}</textColor> <textColor>${systemHelpColor}</textColor>
<iconColor>${systemHelpColor}</iconColor> <iconColor>${systemHelpColor}</iconColor>
<textColorDimmed>${systemHelpColorDimmed}</textColorDimmed> <textColorDimmed>${systemHelpColorDimmed}</textColorDimmed>
<iconColorDimmed>${systemHelpColorDimmed}</iconColorDimmed> <iconColorDimmed>${systemHelpColorDimmed}</iconColorDimmed>
<fontSize>0.035</fontSize>
</helpsystem> </helpsystem>
</view> </view>
<view name="gamelist"> <view name="gamelist">
@ -78,10 +80,12 @@
<collectionIndicators>symbols</collectionIndicators> <collectionIndicators>symbols</collectionIndicators>
</textlist> </textlist>
<helpsystem name="help"> <helpsystem name="help">
<pos>0.012 0.955</pos>
<textColor>${gamelistHelpColor}</textColor> <textColor>${gamelistHelpColor}</textColor>
<iconColor>${gamelistHelpColor}</iconColor> <iconColor>${gamelistHelpColor}</iconColor>
<textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed> <textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed>
<iconColorDimmed>${gamelistHelpColorDimmed}</iconColorDimmed> <iconColorDimmed>${gamelistHelpColorDimmed}</iconColorDimmed>
<fontSize>0.035</fontSize>
</helpsystem> </helpsystem>
</view> </view>
</variant> </variant>
@ -370,19 +374,51 @@
</view> </view>
</variant> </variant>
<variant name="withVideos, withoutVideos">
<aspectRatio name="4:3"> <aspectRatio name="4:3">
<view name="gamelist"> <view name="system, gamelist">
<text name="4:3_temporary"> <helpsystem name="help">
<pos>0.8 0.01</pos> <pos>0.012 0.955</pos>
<size>0.2 0.04</size> <fontSize>0.034</fontSize>
<text>4:3 not implemented yet</text> </helpsystem>
<fontPath>./core/fonts/Exo2-SemiBoldCondensed.otf</fontPath> </view>
<fontSize>0.03</fontSize> <view name="system">
<color>FFFFFF</color> <text name="info1, info2, info3, info4, info5, info6, info7, info8, info9, info10">
<letterCase>uppercase</letterCase> <size>0.44 0.03</size>
</text>
<text name="info1">
<pos>0.34 0.695</pos>
</text>
<text name="info2">
<pos>0.34 0.716</pos>
</text>
<text name="info3">
<pos>0.34 0.737</pos>
</text>
<text name="info4">
<pos>0.34 0.758</pos>
</text>
<text name="info5">
<pos>0.34 0.799</pos>
</text>
<text name="info6">
<pos>0.34 0.820</pos>
</text>
<text name="info7">
<pos>0.34 0.841</pos>
</text>
<text name="info8">
<pos>0.34 0.862</pos>
</text>
<text name="info9">
<pos>0.34 0.883</pos>
</text>
<text name="info10">
<pos>0.34 0.904</pos>
</text> </text>
</view> </view>
</aspectRatio> </aspectRatio>
</variant>
<variant name="themeEngineTest_1"> <variant name="themeEngineTest_1">
<include>./theme_engine_test_1.xml</include> <include>./theme_engine_test_1.xml</include>

View file

@ -18,7 +18,9 @@
<itemVerticalAlignment>center</itemVerticalAlignment> <itemVerticalAlignment>center</itemVerticalAlignment>
<wheelHorizontalAlignment>right</wheelHorizontalAlignment> <wheelHorizontalAlignment>right</wheelHorizontalAlignment>
<horizontalOffset>-0.05</horizontalOffset> <horizontalOffset>-0.05</horizontalOffset>
<color>555555BB</color>
<text>${system.fullName}</text> <text>${system.fullName}</text>
<textColor>F0F0F0</textColor>
<fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath> <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
<fontSize>0.056</fontSize> <fontSize>0.056</fontSize>
<letterCase>uppercase</letterCase> <letterCase>uppercase</letterCase>
@ -44,7 +46,8 @@
<zIndex>3</zIndex> <zIndex>3</zIndex>
</image> </image>
<image name="recent_game_image"> <image name="recent_game_image">
<pos>0.775 0.08</pos> <pos>0.975 0.08</pos>
<origin>1 0</origin>
<size>0.2 0</size> <size>0.2 0</size>
<imageType>cover</imageType> <imageType>cover</imageType>
<gameselector>selector_recent</gameselector> <gameselector>selector_recent</gameselector>
@ -71,6 +74,8 @@
<fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath> <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
<fontSize>0.048</fontSize> <fontSize>0.048</fontSize>
<horizontalAlignment>left</horizontalAlignment> <horizontalAlignment>left</horizontalAlignment>
<color>C6C6C6</color>
<backgroundColor>55555500</backgroundColor>
<letterCase>uppercase</letterCase> <letterCase>uppercase</letterCase>
<zIndex>50</zIndex> <zIndex>50</zIndex>
</text> </text>
@ -82,6 +87,8 @@
<fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath> <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
<fontSize>0.035</fontSize> <fontSize>0.035</fontSize>
<horizontalAlignment>center</horizontalAlignment> <horizontalAlignment>center</horizontalAlignment>
<color>D6D6D6</color>
<backgroundColor>555555D8</backgroundColor>
<letterCase>uppercase</letterCase> <letterCase>uppercase</letterCase>
<visible>false</visible> <visible>false</visible>
<zIndex>50</zIndex> <zIndex>50</zIndex>
@ -93,6 +100,8 @@
<fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath> <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
<fontSize>0.075</fontSize> <fontSize>0.075</fontSize>
<horizontalAlignment>left</horizontalAlignment> <horizontalAlignment>left</horizontalAlignment>
<color>E6E6E6</color>
<backgroundColor>55555500</backgroundColor>
<letterCase>uppercase</letterCase> <letterCase>uppercase</letterCase>
<zIndex>50</zIndex> <zIndex>50</zIndex>
</text> </text>
@ -104,6 +113,8 @@
<fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath> <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
<fontSize>0.045</fontSize> <fontSize>0.045</fontSize>
<horizontalAlignment>right</horizontalAlignment> <horizontalAlignment>right</horizontalAlignment>
<color>E6E6E6</color>
<backgroundColor>55555500</backgroundColor>
<letterCase>none</letterCase> <letterCase>none</letterCase>
<zIndex>50</zIndex> <zIndex>50</zIndex>
</text> </text>
@ -115,6 +126,8 @@
<fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath> <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
<fontSize>0.045</fontSize> <fontSize>0.045</fontSize>
<horizontalAlignment>right</horizontalAlignment> <horizontalAlignment>right</horizontalAlignment>
<color>E6E6E6</color>
<backgroundColor>55555500</backgroundColor>
<letterCase>capitalize</letterCase> <letterCase>capitalize</letterCase>
<displayRelative>true</displayRelative> <displayRelative>true</displayRelative>
<zIndex>50</zIndex> <zIndex>50</zIndex>
@ -126,9 +139,14 @@
<fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath> <fontPath>./core/fonts/Exo2-RegularCondensed.otf</fontPath>
<fontSize>0.035</fontSize> <fontSize>0.035</fontSize>
<horizontalAlignment>left</horizontalAlignment> <horizontalAlignment>left</horizontalAlignment>
<color>E6E6E6</color>
<backgroundColor>55555500</backgroundColor>
<letterCase>uppercase</letterCase> <letterCase>uppercase</letterCase>
<zIndex>50</zIndex> <zIndex>50</zIndex>
</text> </text>
<text name="info1, info2, info3, info4, info5, info6, info7, info8, info9, info10">
<color>D6D6D6</color>
</text>
<text name="info1"> <text name="info1">
<pos>0.58 0.695</pos> <pos>0.58 0.695</pos>
<horizontalAlignment>right</horizontalAlignment> <horizontalAlignment>right</horizontalAlignment>
@ -173,15 +191,18 @@
<pos>0.30 0.167</pos> <pos>0.30 0.167</pos>
<size>0.06 0.04</size> <size>0.06 0.04</size>
<gameselector>selector_random</gameselector> <gameselector>selector_random</gameselector>
<color>FFEE00</color>
<opacity>0.9</opacity> <opacity>0.9</opacity>
</rating> </rating>
<rating name="recent_game_rating"> <rating name="recent_game_rating">
<pos>0.889 0.042</pos> <pos>0.975 0.042</pos>
<origin>1 0</origin>
<size>0.03 0.03</size> <size>0.03 0.03</size>
<gameselector>selector_recent</gameselector> <gameselector>selector_recent</gameselector>
<color>FFEE00</color>
</rating> </rating>
<helpsystem name="help"> <helpsystem name="help">
<pos>0.9885 0.954</pos> <pos>0.9885 0.955</pos>
<origin>1 0</origin> <origin>1 0</origin>
<textColor>A6A6A6</textColor> <textColor>A6A6A6</textColor>
<iconColor>A6A6A6</iconColor> <iconColor>A6A6A6</iconColor>
@ -236,6 +257,7 @@
<scrollFadeIn>true</scrollFadeIn> <scrollFadeIn>true</scrollFadeIn>
</video> </video>
<helpsystem name="help"> <helpsystem name="help">
<pos>0.012 0.955</pos>
<textColor>${gamelistHelpColor}</textColor> <textColor>${gamelistHelpColor}</textColor>
<iconColor>${gamelistHelpColor}</iconColor> <iconColor>${gamelistHelpColor}</iconColor>
<textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed> <textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed>
@ -243,56 +265,27 @@
</helpsystem> </helpsystem>
</view> </view>
<!-- Color customizations --> <aspectRatio name="4:3">
<view name="system">
<helpsystem name="help">
<pos>0.9885 0.955</pos>
<fontSize>0.034</fontSize>
</helpsystem>
</view>
<view name="system"> <view name="system">
<carousel name="system_carousel"> <carousel name="system_carousel">
<color>555555BB</color> <itemRotationOrigin>-4.05 0.5</itemRotationOrigin>
<textColor>F0F0F0</textColor> <horizontalOffset>-0.03</horizontalOffset>
</carousel> </carousel>
<text name="game_counter">
<color>C6C6C6</color>
<backgroundColor>55555500</backgroundColor>
</text>
<text name="game_counter2">
<color>D6D6D6</color>
<backgroundColor>555555D8</backgroundColor>
</text>
<text name="info1, info2, info3, info4, info5, info6, info7, info8, info9, info10">
<color>B6B6B6</color>
</text>
<text name="system_name">
<color>E6E6E6</color>
<backgroundColor>55555500</backgroundColor>
</text>
<text name="game_name">
<color>E6E6E6</color>
<backgroundColor>55555500</backgroundColor>
</text>
<datetime name="game_release_date">
<color>E6E6E6</color>
<backgroundColor>55555500</backgroundColor>
</datetime>
<text name="recently_played_text"> <text name="recently_played_text">
<color>E6E6E6</color> <pos>0.775 0.038</pos>
<backgroundColor>55555500</backgroundColor> <size>0.2 0</size>
<fontSize>0.031</fontSize>
</text> </text>
<text name="info1, info2, info3, info4, info5, info6, info7, info8, info9, info10">
<color>D6D6D6</color>
</text>
<rating name="random_game_rating">
<color>FFEE00</color>
</rating>
<rating name="recent_game_rating"> <rating name="recent_game_rating">
<color>FFEE00</color> <pos>0.975 0.050</pos>
<size>0.022 0.022</size>
</rating> </rating>
</view> </view>
</aspectRatio>
<view name="gamelist">
<textlist name="gamelist_textlist">
<selectorColor>161616</selectorColor>
<selectedColor>AFAFAF</selectedColor>
<primaryColor>000000</primaryColor>
<secondaryColor>333333</secondaryColor>
</textlist>
</view>
</theme> </theme>

View file

@ -97,6 +97,7 @@
<horizontalAlignment>left</horizontalAlignment> <horizontalAlignment>left</horizontalAlignment>
</text> </text>
<helpsystem name="help"> <helpsystem name="help">
<pos>0.012 0.955</pos>
<textColor>${gamelistHelpColor}</textColor> <textColor>${gamelistHelpColor}</textColor>
<iconColor>${gamelistHelpColor}</iconColor> <iconColor>${gamelistHelpColor}</iconColor>
<textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed> <textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed>
@ -111,7 +112,7 @@
<type>vertical</type> <type>vertical</type>
<itemType>marquee</itemType> <itemType>marquee</itemType>
<maxItemCount>5</maxItemCount> <maxItemCount>5</maxItemCount>
<itemSize>0.20 0.105</itemSize> <itemSize>0.2 0.105</itemSize>
<itemScale>1.23</itemScale> <itemScale>1.23</itemScale>
<itemInterpolation>linear</itemInterpolation> <itemInterpolation>linear</itemInterpolation>
<itemHorizontalAlignment>center</itemHorizontalAlignment> <itemHorizontalAlignment>center</itemHorizontalAlignment>
@ -134,10 +135,24 @@
<scrollFadeIn>true</scrollFadeIn> <scrollFadeIn>true</scrollFadeIn>
</image> </image>
<helpsystem name="help"> <helpsystem name="help">
<pos>0.012 0.955</pos>
<textColor>${gamelistHelpColor}</textColor> <textColor>${gamelistHelpColor}</textColor>
<iconColor>${gamelistHelpColor}</iconColor> <iconColor>${gamelistHelpColor}</iconColor>
<textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed> <textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed>
<iconColorDimmed>${gamelistHelpColorDimmed}</iconColorDimmed> <iconColorDimmed>${gamelistHelpColorDimmed}</iconColorDimmed>
</helpsystem> </helpsystem>
</view> </view>
<aspectRatio name="4:3">
<view name="system, gamelist">
<helpsystem name="help">
<fontSize>0.034</fontSize>
</helpsystem>
</view>
<view name="gamelist">
<carousel name="gamelist_carousel">
<itemSize>0.25 0.105</itemSize>
</carousel>
</view>
</aspectRatio>
</theme> </theme>

View file

@ -97,6 +97,7 @@
<horizontalAlignment>left</horizontalAlignment> <horizontalAlignment>left</horizontalAlignment>
</text> </text>
<helpsystem name="help"> <helpsystem name="help">
<pos>0.012 0.955</pos>
<textColor>${gamelistHelpColor}</textColor> <textColor>${gamelistHelpColor}</textColor>
<iconColor>${gamelistHelpColor}</iconColor> <iconColor>${gamelistHelpColor}</iconColor>
<textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed> <textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed>
@ -171,6 +172,7 @@
<itemsPerLine>10</itemsPerLine> <itemsPerLine>10</itemsPerLine>
</badges> </badges>
<helpsystem name="help"> <helpsystem name="help">
<pos>0.012 0.955</pos>
<textColor>${gamelistHelpColor}</textColor> <textColor>${gamelistHelpColor}</textColor>
<iconColor>${gamelistHelpColor}</iconColor> <iconColor>${gamelistHelpColor}</iconColor>
<textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed> <textColorDimmed>${gamelistHelpColorDimmed}</textColorDimmed>
@ -192,4 +194,17 @@
<visible>false</visible> <visible>false</visible>
</rating> </rating>
</view> </view>
<aspectRatio name="4:3">
<view name="system, gamelist">
<helpsystem name="help">
<fontSize>0.034</fontSize>
</helpsystem>
</view>
<view name="gamelist">
<carousel name="gamelist_carousel">
<itemSize>0.12 0.225</itemSize>
</carousel>
</view>
</aspectRatio>
</theme> </theme>