ilikecats/stk-code_catmod
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
2c56e19620
stk-code_catmod/data/gui/screens/gp_info.stkgui

83 lines
4.8 KiB
Plaintext
Raw Normal View History

First version of the GP info screen (instead of dialog).
2014-08-27 08:08:50 -04:00
<?xml version="1.0" encoding="UTF-8"?>
<stkgui>
Add small left margin to all back buttons
2019-10-24 16:24:20 -04:00
<icon-button id="back" x="1%" y="0" height="9%" icon="gui/icons/back.png"/>
First version of the GP info screen (instead of dialog).
2014-08-27 08:08:50 -04:00
Slightly increase back button size and more consistent header pos/size
2019-10-05 17:03:04 -04:00
<div x="2%" y="1%" width="96%" height="98%" layout="vertical-row">
<header id="name" height="8%" width="80%" align="center" text_align="center"/>
<spacer width="1" height="1%"/>
First version of the GP info screen (instead of dialog).
2014-08-27 08:08:50 -04:00
Improve the layout of the GP info screen
2019-11-10 17:17:50 -05:00
<div width="100%" height="72%" padding="10" layout="horizontal-row">
<box width="55%" height="100%" layout="vertical-row">
<!-- Track screenshot -->
<div width="100%" height="54%" layout="vertical-row">
<icon-button proportion="1" width="100%" height="100%" id="screenshot" custom_ratio="1.33333"/>
Some tweaks in track info screen. Use the same layout for gp info screen.
2018-09-04 17:24:47 -04:00
</div>
Improve the layout of the GP info screen
2019-11-10 17:17:50 -05:00
<spacer width="1" height="1%"/>
<!-- Options list -->
<div width="100%" height="45%" layout="vertical-row">
<div width="100%" height="fit" layout="horizontal-row" >
<div width="45%" height="fit" layout="horizontal-row">
<spinner id="ai-spinner" width="100%" min_value="1" max_value="20" align="center" wrap_around="true" />
</div>
<spacer width="3%"/>
<label id="ai-text" width="52%" height="fit" I18N="In the grand prix info screen" text="AI karts" text_align="left"/>
</div>
<spacer width="1" height="1%"/>
<div width="100%" height="fit" layout="horizontal-row" >
<div width="45%" height="fit" layout="horizontal-row">
<spinner id="reverse-spinner" width="100%" align="center" wrap_around="true" />
</div>
<spacer width="3%"/>
<label id="reverse-text" width="52%" height="fit" I18N="In the grand prix info screen" text="Reverse" text_align="left"/>
</div>
<spacer width="1" height="1%"/>
Add Lap Trial mode (#4663)
2021-11-01 15:02:16 -04:00
<div width="100%" height="fit" layout="horizontal-row">
<div width="45%" height="fit" layout="horizontal-row">
<spinner id="time-target-spinner" width="100%" min_value="1" max_value="20" align="center" wrap_around="true" />
</div>
<spacer width="3%"/>
<label id="time-target-text" width="52%" height="fit" I18N="In the grand prix info screen" text="Maximum time (min.)" text_align="left"/>
</div>
<spacer width="1" height="1%"/>
Improve the layout of the GP info screen
2019-11-10 17:17:50 -05:00
<div width="100%" height="fit" layout="horizontal-row">
<div width="45%" height="fit" layout="horizontal-row">
<spinner id="track-spinner" width="100%" min_value="1" max_value="20" align="center" wrap_around="true" />
</div>
<spacer width="3%"/>
<label id="track-text" width="52%" height="fit" I18N="In the grand prix info screen" text="Tracks" text_align="left"/>
</div>
<spacer width="1" height="1%"/>
<div width="100%" height="fit" layout="horizontal-row" >
<div width="45%" height="fit" layout="horizontal-row">
<spinner id="group-spinner" width="100%" align="center" wrap_around="true" />
</div>
<spacer width="3%"/>
<label id="group-text" width="52%" height="fit" I18N="In the grand prix info screen" text="Track group" text_align="left"/>
</div>
Some tweaks in track info screen. Use the same layout for gp info screen.
2018-09-04 17:24:47 -04:00
</div>
Improve the layout of the GP info screen
2019-11-10 17:17:50 -05:00
</box>
<spacer width="2%" height="1"/>
Add grandprix highscore (#4566)
2021-08-01 23:38:07 -04:00
<div width="43%" height="100%" layout="vertical-row">
<!-- Track list -->
<box width="100%" height="49%" layout="vertical-row">
<list id="tracks" width="100%" height="100%"/>
</box>
<spacer width="1" height="2%" layout="vertical-row"/>
<box width="100%" height="49%" layout="vertical-row">
<list id="highscore-entries" width="100%" height="100%"/>
</box>
</div>
Improve the layout of the GP info screen
2019-11-10 17:17:50 -05:00
</div>
Some tweaks in track info screen. Use the same layout for gp info screen.
2018-09-04 17:24:47 -04:00
<spacer width="1" height="1%"/>
<buttonbar id="buttons" height="17%" width="100%" align="center">
Move GUI files to categorized folders and update all references
2018-09-16 10:37:42 -04:00
<icon-button id="continue" width="64" height="64" icon="gui/icons/green_check.png"
Unify I18N attributes in screens
2014-11-08 08:53:39 -05:00
I18N="In the grand prix info screen" text="Continue saved GP"/>
UI/UX: Put OK/Confirm/Yes on the right In UX, back/cancel/etc buttons usually go on the left, while forward/confirm/etc go on the right. (Note that even the icon for "Back" is a leftwards-pointing arrow.) STK put the Back arrow button on general screens in the upper left corner, but before this commit, put back/cancel/etc on the right in dialogs and such. This commit fixes things to be in line with standard UX conventions, and also in line with the pre-existing upper-left corner Back button placement on screens in STK. https://ux.stackexchange.com/a/63239
2023-04-22 04:36:52 -04:00
<icon-button id="start" width="64" height="64" icon="gui/icons/green_check.png"
I18N="In the grand prix info screen" text="Start Race"/>
First version of the GP info screen (instead of dialog).
2014-08-27 08:08:50 -04:00
</buttonbar>
</div>
</stkgui>
Reference in New Issue Copy Permalink