improved ui of profile screen

Output/Themes/Changelog/Changelog_ScreenProfiles.txt

@@ -1,4 +1,12 @@
 ScreenProfiles
+++++++++++
+Version 4:
+Change: all select sliders show 1 element
+Change: profile select slider show 0 elements
+Change: move avatar in center of profile select slider
+Change: Player name slider text set to height 40
+Change: re-grouped control buttons, back button aside from others
+
 ++++++++++
 Version 3:
 Rename: <SelectSlideGuestProfile> to <SelectSlideUserRole>

Output/Themes/Vocaluxe 2024/Screens/ScreenProfiles.xml

@@ -2,7 +2,7 @@
 <Screen xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
   <Informations>
     <ScreenName>ScreenProfiles</ScreenName>
-    <ScreenVersion>3</ScreenVersion>
+    <ScreenVersion>4</ScreenVersion>
   </Informations>
   <Backgrounds>
     <Background Name="Background1">
@@ -29,11 +29,11 @@
       <Skin />
       <Color Name="Visible" />
       <Rect>
-        <X>85</X>
-        <Y>110</Y>
+        <X>765</X>
+        <Y>100</Y>
         <W>160</W>
         <H>160</H>
-        <Z>0</Z>
+        <Z>-1</Z>
       </Rect>
     </Static>
   </Statics>
@@ -140,7 +140,7 @@
         <X>355</X>
         <Y>10</Y>
         <Z>0</Z>
-        <H>27</H>
+        <H>40</H>
         <MaxW>702</MaxW>
         <Color Name="ButtonTextSelColor" />
         <SelColor Name="ButtonTextSelColor" />
@@ -155,7 +155,7 @@
       <Skin>Button</Skin>
       <SkinSelected>Button</SkinSelected>
       <Rect>
-        <X>145</X>
+        <X>75</X>
         <Y>600</Y>
         <W>150</W>
         <H>50</H>
@@ -190,7 +190,7 @@
       <Skin>Button</Skin>
       <SkinSelected>Button</SkinSelected>
       <Rect>
-        <X>355</X>
+        <X>455</X>
         <Y>600</Y>
         <W>150</W>
         <H>50</H>
@@ -225,7 +225,7 @@
       <Skin>Button</Skin>
       <SkinSelected>Button</SkinSelected>
       <Rect>
-        <X>565</X>
+        <X>665</X>
         <Y>600</Y>
         <W>150</W>
         <H>50</H>
@@ -260,7 +260,7 @@
       <Skin>Button</Skin>
       <SkinSelected>Button</SkinSelected>
       <Rect>
-        <X>775</X>
+        <X>875</X>
         <Y>600</Y>
         <W>150</W>
         <H>50</H>
@@ -295,7 +295,7 @@
       <Skin>Button</Skin>
       <SkinSelected>Button</SkinSelected>
       <Rect>
-        <X>985</X>
+        <X>1085</X>
         <Y>600</Y>
         <W>150</W>
         <H>50</H>
@@ -330,11 +330,11 @@
       <Skin>Button</Skin>
       <SkinSelected>Button</SkinSelected>
       <Rect>
-        <X>300</X>
-        <Y>205</Y>
-        <W>150</W>
+        <X>765</X>
+        <Y>180</Y>
+        <W>160</W>
         <H>50</H>
-        <Z>0</Z>
+        <Z>-2</Z>
       </Rect>
       <Color Name="ButtonColor" />
       <SelColor Name="ButtonSelColor" />
@@ -357,11 +357,11 @@
       <Skin>Button</Skin>
       <SkinSelected>Button</SkinSelected>
       <Rect>
-        <X>300</X>
-        <Y>125</Y>
-        <W>150</W>
+        <X>765</X>
+        <Y>130</Y>
+        <W>160</W>
         <H>50</H>
-        <Z>0</Z>
+        <Z>-2</Z>
       </Rect>
       <Color Name="ButtonColor" />
       <SelColor Name="ButtonSelColor" />
@@ -384,7 +384,7 @@
       <Skin>Button</Skin>
       <SkinSelected>Button</SkinSelected>
       <Rect>
-        <X>985</X>
+        <X>1085</X>
         <Y>600</Y>
         <W>150</W>
         <H>50</H>
@@ -428,9 +428,9 @@
       <SkinArrowRightSelected>SelectSlideArrowRight</SkinArrowRightSelected>
       <Rect>
         <X>500</X>
-        <Y>160</Y>
+        <Y>145</Y>
         <W>715</W>
-        <H>50</H>
+        <H>80</H>
         <Z>0</Z>
       </Rect>
       <RectArrowLeft>
@@ -459,7 +459,7 @@
       <TextMaxW>219.2</TextMaxW>
       <TextFont>Outline</TextFont>
       <TextStyle>Bold</TextStyle>
-      <NumVisible>3</NumVisible>
+      <NumVisible>0</NumVisible>
     </SelectSlide>
     <SelectSlide Name="SelectSlideDifficulty">
       <Skin/>
@@ -501,7 +501,7 @@
       <TextMaxW>208.67</TextMaxW>
       <TextFont>Outline</TextFont>
       <TextStyle>Bold</TextStyle>
-      <NumVisible>3</NumVisible>
+      <NumVisible>1</NumVisible>
     </SelectSlide>
     <SelectSlide Name="SelectSlideAvatars">
       <Skin/>
@@ -543,7 +543,7 @@
       <TextMaxW>208.67</TextMaxW>
       <TextFont>Outline</TextFont>
       <TextStyle>Bold</TextStyle>
-      <NumVisible>3</NumVisible>
+      <NumVisible>1</NumVisible>
     </SelectSlide>
     <SelectSlide Name="SelectSlideUserRole">
       <Skin/>
@@ -585,7 +585,7 @@
       <TextMaxW>313</TextMaxW>
       <TextFont>Outline</TextFont>
       <TextStyle>Bold</TextStyle>
-      <NumVisible>2</NumVisible>
+      <NumVisible>1</NumVisible>
     </SelectSlide>
     <SelectSlide Name="SelectSlideActive">
       <Skin/>
@@ -627,7 +627,7 @@
       <TextMaxW>313</TextMaxW>
       <TextFont>Outline</TextFont>
       <TextStyle>Bold</TextStyle>
-      <NumVisible>2</NumVisible>
+      <NumVisible>1</NumVisible>
     </SelectSlide>
   </SelectSlides>
   <SingNotes />