073e5a4314
This improves things for #4378 but is not a comprehensive solution. It also includes unrelated improvements to this screen. - Switch from 2 track rows to 3 track rows. This allows to show more tracks at once. Nonetheless amount of white space between track pictures is still significant. Showing the track name below each track is part of the issue, as it needs space on the bottom and margins on the side to avoid track names overflowing onto each other. Word-wrap for track title would incur a small vertical cost while gaining a lot of horizontal space. Alternatively, the track names could be hidden and only shown on hover (like the game's main track selection screeen). - Select the standard set of tracks by default instead of all. - Reduce the amount of vertical spacing for the buttons below the track picker. - Group laps/reverse and ok/cancel vertically instead of horizontally. This creates clear visual blocks, as the reduced vertical spacing didn't work out well otherwise. - Add a new selected track picture. The selected track's name is always shown as title, but some users may miss it or not know track names well enough. Now, which track is going to be added to the GP when clicking ok is obvious. - When selecting a different track, change the lap number to the track's default.
78 lines
2.7 KiB
XML
78 lines
2.7 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<stkgui>
|
|
<div x="2%" y="1%" width="96%" height="98%" layout="vertical-row" padding="10">
|
|
|
|
<header id="selected_track" height="8%" width="80%"
|
|
I18N="No neeed to translate this, it will be overwritten by the track name"
|
|
text="" align="center" text_align="center" />
|
|
|
|
<spacer height="3%" />
|
|
|
|
<!-- Track selection -->
|
|
<box proportion="3" width="100%" layout="vertical-row">
|
|
<ribbon_grid id="tracks" proportion="1" width="100%" square_items="true"
|
|
label_location="each" align="center" max_rows="3" child_width="160"
|
|
child_height="120"/>
|
|
</box>
|
|
|
|
<!-- Populated dynamically at runtime -->
|
|
<tabs width="100%" height="1f" id="trackgroups"> </tabs>
|
|
|
|
<spacer height="3%" />
|
|
|
|
|
|
<div width="100%" height="fit" layout="horizontal-row" align="center">
|
|
<!-- Selected track preview picture -->
|
|
<spacer width="2%" />
|
|
|
|
<icon-button width="12%" height="100%" id="screenshot" custom_ratio="1.33333"/>
|
|
|
|
<spacer width="3%" />
|
|
|
|
<div width="80%" height="fit" layout="vertical-row" align="center">
|
|
<!-- Laps selection and ok button -->
|
|
<div width="100%" height="fit" layout="horizontal-row">
|
|
|
|
<spacer width="5%" />
|
|
|
|
<div width="60%" height="fit" layout="horizontal-row">
|
|
<label id="laps_label" text_align="left"
|
|
I18N="In the edit track screen" text="Number of laps:" />
|
|
<spacer width="0.2f" />
|
|
<spinner id="laps"width="200" min_value="1"
|
|
max_value="99" wrap_around="false" />
|
|
</div>
|
|
|
|
<spacer width="10%" />
|
|
|
|
<button id="ok" text="OK" width="25%" />
|
|
</div>
|
|
|
|
<spacer height="2%" />
|
|
|
|
<!-- Reverse selection and cancel button -->
|
|
<div width="100%" height="fit" layout="horizontal-row">
|
|
|
|
<spacer width="5%" />
|
|
|
|
<div width="60%" height="fit" layout="horizontal-row">
|
|
<label id="reverse_label" text_align="left"
|
|
I18N="In the edit track screen" text="Reverse:" />
|
|
<spacer width="0.2f" />
|
|
<checkbox id="reverse" />
|
|
</div>
|
|
|
|
<spacer width="10%" />
|
|
|
|
<button id="cancel" text="Cancel" width="25%" />
|
|
</div>
|
|
</div>
|
|
|
|
<spacer width="3%" />
|
|
</div>
|
|
|
|
<spacer height="2%" />
|
|
|
|
</div>
|
|
</stkgui>
|