ilikecats/stk-code_catmod
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

massive improvements to looks of options and help menus

Browse Source 
git-svn-id: svn+ssh://svn.code.sf.net/p/supertuxkart/code/main/branches/irrlicht@3456 178a84e3-b1eb-0310-8ba1-8eac791a3b58
This commit is contained in:
auria 2009-05-03 16:16:11 +00:00
parent 99c171e3f4
commit 720bbbaee0
14 changed files with 565 additions and 430 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
data/gui/glass_section.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

42
data/gui/help1.stkgui
View File

@ -1,44 +1,48 @@
<div x="2%" y="2%" width="96%" height="96%" layout="vertical-row" > <div x="2%" y="2%" width="96%" height="96%" layout="vertical-row" >
<label align="center" text="SuperTuxKart Help"/> <label align="center" text="SuperTuxKart Help"/>
<tabs id="category" height="10%" max_height="110" width="100%" align="center"> <tabs id="category" height="10%" max_height="110" width="100%" align="center">
<icon-button id="page1" width="128" height="128" icon="gui/track_random.png" text="General"/> <icon-button id="page1" width="128" height="128" icon="gui/track_random.png" text="General"/>
<icon-button id="page2" width="128" height="128" icon="gui/mode_normal.png" text="Weapons"/> <icon-button id="page2" width="128" height="128" icon="gui/mode_normal.png" text="Weapons"/>
<icon-button id="page3" width="128" height="128" icon="gui/mode_ftl.png" text="Game Modes"/> <icon-button id="page3" width="128" height="128" icon="gui/mode_ftl.png" text="Game Modes"/>
</tabs> </tabs>
<spacer proportion="1" width="10" proportion="1"/> <box proportion="1" width="100%" layout="vertical-row">
<label align="center" text="Make your rivals bite dust!"/> <label align="center" text="Make your rivals bite dust!"/>
<spacer height="25" width="10"/> <spacer height="25" width="10"/>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="textures/bonusblock2.png"/> <icon align="center" icon="textures/bonusblock2.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Collect blue boxes : they will give you weapons or other powerups"/> <label proportion="1" height="100%" align="left" word_wrap="true"
</div> text="Collect blue boxes : they will give you weapons or other powerups"/>
</div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="textures/nitro-particle.png"/> <icon align="center" icon="textures/nitro-particle.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Collecting nitro allows you to get speed boosts whenever you wish by pressing the appropriate key. You can see your current level of nitro in the bar at the right of the game screen."/> <label proportion="1" height="100%" align="left" word_wrap="true"
</div> text="Collecting nitro allows you to get speed boosts whenever you wish by pressing the appropriate key. You can see your current level of nitro in the bar at the right of the game screen."/>
</div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="textures/gui_lock.png"/> <icon align="center" icon="textures/gui_lock.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="If you see a button with a lock like this one, you need to complete a challenge to unlock it."/> <label proportion="1" height="100%" align="left" word_wrap="true"
</div> text="If you see a button with a lock like this one, you need to complete a challenge to unlock it."/>
</div>
<label align="left" word_wrap="true" width="100%" proportion="1" text="The 'sharp turn' key allows you to do sharp turns and have better control in tight curves"/> <label align="left" word_wrap="true" width="100%" proportion="1" text="The 'sharp turn' key allows you to do sharp turns and have better control in tight curves"/>
<spacer proportion="1" width="10" proportion="1"/> <spacer proportion="1" width="10" proportion="1"/>
<label align="center" text="* Current key bindings can be seen/changed in menu Options"/> <label align="center" text="* Current key bindings can be seen/changed in menu Options"/>
<spacer width="50" height="45" /> </box>
<spacer width="50" height="45" />
</div> </div>
<button id="back" x="20" y="-40" width="250" height="35" align="left" text="Back to main menu"/> <button id="back" x="20" y="-40" width="250" height="35" align="left" text="Back to main menu"/>

47
data/gui/help2.stkgui
View File

@ -1,56 +1,57 @@
<div x="2%" y="2%" width="96%" height="96%" layout="vertical-row" > <div x="2%" y="2%" width="96%" height="96%" layout="vertical-row" >
<label align="center" text="SuperTuxKart Help"/> <label align="center" text="SuperTuxKart Help"/>
<tabs id="category" height="10%" max_height="110" width="100%" align="center"> <tabs id="category" height="10%" max_height="110" width="100%" align="center">
<icon-button id="page1" width="128" height="128" icon="gui/track_random.png" text="General"/> <icon-button id="page1" width="128" height="128" icon="gui/track_random.png" text="General"/>
<icon-button id="page2" width="128" height="128" icon="gui/mode_normal.png" text="Weapons"/> <icon-button id="page2" width="128" height="128" icon="gui/mode_normal.png" text="Weapons"/>
<icon-button id="page3" width="128" height="128" icon="gui/mode_ftl.png" text="Game Modes"/> <icon-button id="page3" width="128" height="128" icon="gui/mode_ftl.png" text="Game Modes"/>
</tabs> </tabs>
<spacer proportion="1" width="10" proportion="1"/> <box proportion="1" width="100%" layout="vertical-row">
<label align="center" text="To help you win, there are some powerups you can collect :"/>
<label align="center" text="To help you win, there are some powerups you can collect :"/> <spacer height="25" width="10"/>
<spacer height="25" width="10"/> <div width="100%" proportion="1" layout="horizontal-row">
<div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="textures/bubblegum-icon.png"/> <icon align="center" icon="textures/bubblegum-icon.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="BubbleGum - leave a sticky pink puddle behind you"/> <label proportion="1" height="100%" align="left" word_wrap="true" text="BubbleGum - leave a sticky pink puddle behind you"/>
</div> </div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="textures/cake-icon.png"/> <icon align="center" icon="textures/cake-icon.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Cake - thrown at the closest rival, best on short ranges and long straights"/> <label proportion="1" height="100%" align="left" word_wrap="true"
</div> text="Cake - thrown at the closest rival, best on short ranges and long straights"/>
</div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="textures/plunger-icon.png"/> <icon align="center" icon="textures/plunger-icon.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Plunger - throw straight to pull an opponent back, or throw while looking back to make one lose sight!"/> <label proportion="1" height="100%" align="left" word_wrap="true" text="Plunger - throw straight to pull an opponent back, or throw while looking back to make one lose sight!"/>
</div> </div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="textures/bowling-icon.png"/> <icon align="center" icon="textures/bowling-icon.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Bowling Ball - bounces off walls. If you are looking back,\nit will be thrown backwards."/> <label proportion="1" height="100%" align="left" word_wrap="true"
</div> text="Bowling Ball - bounces off walls. If you are looking back,\nit will be thrown backwards."/>
</div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="textures/parachute.png"/> <icon align="center" icon="textures/parachute.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Parachute - slows down all karts in a better position!"/> <label proportion="1" height="100%" align="left" word_wrap="true" text="Parachute - slows down all karts in a better position!"/>
</div> </div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="textures/anchor-icon.png"/> <icon align="center" icon="textures/anchor-icon.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Anchor - slows down greatly the kart in the first position"/> <label proportion="1" height="100%" align="left" word_wrap="true" text="Anchor - slows down greatly the kart in the first position"/>
</div> </div>
<spacer width="50" height="45" /> </box>
<spacer width="50" height="45" />
</div> </div>
<button id="back" x="20" y="-40" width="250" height="35" align="left" text="Back to main menu"/> <button id="back" x="20" y="-40" width="250" height="35" align="left" text="Back to main menu"/>

44
data/gui/help3.stkgui
View File

@ -1,48 +1,52 @@
<div x="2%" y="2%" width="96%" height="96%" layout="vertical-row" > <div x="2%" y="2%" width="96%" height="96%" layout="vertical-row" >
<label align="center" text="SuperTuxKart Help"/> <label align="center" text="SuperTuxKart Help"/>
<tabs id="category" height="10%" max_height="110" width="100%" align="center"> <tabs id="category" height="10%" max_height="110" width="100%" align="center">
<icon-button id="page1" width="128" height="128" icon="gui/track_random.png" text="General"/> <icon-button id="page1" width="128" height="128" icon="gui/track_random.png" text="General"/>
<icon-button id="page2" width="128" height="128" icon="gui/mode_normal.png" text="Weapons"/> <icon-button id="page2" width="128" height="128" icon="gui/mode_normal.png" text="Weapons"/>
<icon-button id="page3" width="128" height="128" icon="gui/mode_ftl.png" text="Game Modes"/> <icon-button id="page3" width="128" height="128" icon="gui/mode_ftl.png" text="Game Modes"/>
</tabs> </tabs>
<spacer proportion="1" width="10" proportion="1"/> <box proportion="1" width="100%" layout="vertical-row">
<label align="center" text="SuperTuxKart features several game modes (TO BE UPDATED FOR NEW GUI LAYOUT!!)"/>
<label align="center" text="SuperTuxKart features several game modes (TO BE UPDATED FOR NEW GUI LAYOUT!!)"/> <spacer height="25" width="10"/>
<spacer height="25" width="10"/> <div width="100%" proportion="1" layout="horizontal-row">
<div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="gui/mode_normal.png"/> <icon align="center" icon="gui/mode_normal.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Regular Race (TODO - find a better name :( ) - all blows allowed, so catch weapons and make clever use of them!"/> <label proportion="1" height="100%" align="left" word_wrap="true"
</div> text="Regular Race (TODO - find a better name :( ) - all blows allowed, so catch weapons and make clever use of them!"/>
</div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="gui/mode_tt.png"/> <icon align="center" icon="gui/mode_tt.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Time Trial: Contains no powerups, so only your driving skills matter!"/> <label proportion="1" height="100%" align="left" word_wrap="true"
</div> text="Time Trial: Contains no powerups, so only your driving skills matter!"/>
</div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="gui/mode_ftl.png"/> <icon align="center" icon="gui/mode_ftl.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="Follow the leader: run for second place, as the last kart will be disqualified every time the counter hits zero. Beware : going in front of the leader will get you eliminated too!"/> <label proportion="1" height="100%" align="left" word_wrap="true"
</div> text="Follow the leader: run for second place, as the last kart will be disqualified every time the counter hits zero. Beware : going in front of the leader will get you eliminated too!"/>
</div>
<div width="100%" proportion="1" layout="horizontal-row"> <div width="100%" proportion="1" layout="horizontal-row">
<icon align="center" icon="gui/mode_3strikes.png"/> <icon align="center" icon="gui/mode_3strikes.png"/>
<spacer width="25" height="25"/> <spacer width="25" height="25"/>
<label proportion="1" height="100%" align="left" word_wrap="true" text="3 Strikes Battle : only in multiplayer games. Hit others with weapons until they lose all their lives."/> <label proportion="1" height="100%" align="left" word_wrap="true"
</div> text="3 Strikes Battle : only in multiplayer games. Hit others with weapons until they lose all their lives."/>
</div>
<label proportion="1" width="100%" align="left" word_wrap="true" text="* Most of these game modes can also be played in a Grand Prix fashion : instead of playing a single race, you play many in a row. The better you rank, the more points you get. In the end, the player with the most points wins the cup."/> <label proportion="1" width="100%" align="left" word_wrap="true" text="* Most of these game modes can also be played in a Grand Prix fashion : instead of playing a single race, you play many in a row. The better you rank, the more points you get. In the end, the player with the most points wins the cup."/>
<spacer width="50" height="45" /> </box>
<spacer width="50" height="45" />
</div> </div>
<button id="back" x="20" y="-40" width="250" height="35" align="left" text="Back to main menu"/> <button id="back" x="20" y="-40" width="250" height="35" align="left" text="Back to main menu"/>

45
data/gui/options_av.stkgui
View File

@ -1,52 +1,59 @@
<div x="5%" y="2%" width="90%" height="96%" layout="vertical-row" > <div x="2%" y="2%" width="96%" height="96%" layout="vertical-row" >
<label align="center" text="SuperTuxKart Options"/> <label align="center" text="SuperTuxKart Options"/>
<tabs id="options_choice" height="10%" max_height="110" width="100%" align="center"> <tabs id="options_choice" height="10%" max_height="110" width="100%" align="center">
<icon-button id="audio_video" width="128" height="128" icon="gui/options_audio_video.png" text="Audio/Video"/> <icon-button id="audio_video" width="128" height="128" icon="gui/options_audio_video.png" text="Audio/Video"/>
<icon-button id="players" width="128" height="128" icon="gui/options_players.png" text="Players"/> <icon-button id="players" width="128" height="128" icon="gui/options_players.png" text="Players"/>
<icon-button id="controls" width="128" height="128" icon="gui/options_input.png" text="Controls"/> <icon-button id="controls" width="128" height="128" icon="gui/options_input.png" text="Controls"/>
</tabs> </tabs>
<spacer height="25" width="10"/> <box proportion="1" width="100%" layout="vertical-row">
<div width="75%" height="40" layout="horizontal-row" > <spacer height="15" width="10"/>
<div width="75%" height="40" layout="horizontal-row" >
<label proportion="2" height="100%" text="Music"/> <label proportion="2" height="100%" text="Music"/>
<checkbox id="music_enabled" width="40" icon="gui/glasscheckbox.png" height="40"/> <checkbox id="music_enabled" width="40" icon="gui/glasscheckbox.png" height="40"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<label proportion="1" height="100%" text="Enabled"/> <label proportion="1" height="100%" text="Enabled"/>
</div> </div>
<div width="75%" height="30" layout="horizontal-row" > <div width="75%" height="30" layout="horizontal-row" >
<spacer proportion="1" height="100%"/> <spacer proportion="1" height="100%"/>
<gauge id="music_volume" proportion="1" height="100%"/> <gauge id="music_volume" proportion="1" height="100%"/>
</div> </div>
<spacer height="25" width="10"/> <spacer height="15" width="10"/>
<div width="75%" height="40" layout="horizontal-row" > <div width="75%" height="40" layout="horizontal-row" >
<label proportion="2" height="100%" text="Sound Effects"/> <label proportion="2" height="100%" text="Sound Effects"/>
<checkbox id="sfx_enabled" width="40" height="40"/> <checkbox id="sfx_enabled" width="40" height="40"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<label proportion="1" height="100%" text="Enabled"/> <label proportion="1" height="100%" text="Enabled"/>
</div> </div>
<div width="75%" height="30" layout="horizontal-row" > <div width="75%" height="30" layout="horizontal-row" >
<spacer proportion="1" height="100%"/> <spacer proportion="1" height="100%"/>
<gauge id="sfx_volume" proportion="1" height="100%"/> <gauge id="sfx_volume" proportion="1" height="100%"/>
</div> </div>
<spacer proportion="1" width="10"/> <spacer height="20" width="10"/>
<div width="75%" height="40" layout="horizontal-row" > <div width="75%" height="40" layout="horizontal-row" >
<label proportion="2" height="100%" text="Video"/> <label proportion="2" height="100%" text="Video"/>
<checkbox id="fullscreen" width="40" height="40"/> <checkbox id="fullscreen" width="40" height="40"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<label proportion="1" height="100%" text="Fullscreen"/> <label proportion="1" height="100%" text="Fullscreen"/>
</div> </div>
<scrollable_ribbon id="resolutions" proportion="2" text="all" width="100%" square_items="false" align="center" child_width="128" child_height="128" /> <scrollable_ribbon id="resolutions" proportion="2" text="all" width="100%" square_items="false"
align="center" child_width="128" child_height="128" max_height="150" />
<button id="apply_resolution" width="20%" height="30" text="Apply video changes" /> <button id="apply_resolution" width="20%" height="30" text="Apply video changes" />
</box>
<spacer height="15" width="10"/>
</div> </div>

67
data/gui/options_input.stkgui
View File

@ -1,80 +1,83 @@
<div x="5%" y="2%" width="90%" height="96%" layout="vertical-row" > <div x="2%" y="2%" width="96%" height="96%" layout="vertical-row" >
<label align="center" text="SuperTuxKart Options"/> <label align="center" text="SuperTuxKart Options"/>
<tabs id="options_choice" height="10%" max_height="110" width="100%" align="center"> <tabs id="options_choice" height="10%" max_height="110" width="100%" align="center">
<icon-button id="audio_video" width="128" height="128" icon="gui/options_audio_video.png" text="Audio/Video"/> <icon-button id="audio_video" width="128" height="128" icon="gui/options_audio_video.png" text="Audio/Video"/>
<icon-button id="players" width="128" height="128" icon="gui/options_players.png" text="Players"/> <icon-button id="players" width="128" height="128" icon="gui/options_players.png" text="Players"/>
<icon-button id="controls" width="128" height="128" icon="gui/options_input.png" text="Controls"/> <icon-button id="controls" width="128" height="128" icon="gui/options_input.png" text="Controls"/>
</tabs> </tabs>
<spacer height="15" width="10" /> <box proportion="1" width="100%" layout="vertical-row">
<scrollable_ribbon id="devices" proportion="3" text="all" width="100%" square_items="false" align="center" child_width="256" child_height="128" /> <scrollable_ribbon id="devices" proportion="3" text="all" width="100%" square_items="false" align="center" child_width="256" child_height="128" />
<div width="75%" proportion="1" layout="horizontal-row" > <div width="75%" proportion="1" layout="horizontal-row" >
<label proportion="2" height="100%" text="Accelerate"/> <label proportion="2" height="100%" text="Accelerate"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<button id="binding_up" proportion="1" height="100%" text="[none]"/> <button id="binding_up" proportion="1" height="100%" text="[none]"/>
</div> </div>
<spacer height="5" width="10"/> <spacer height="5" width="10"/>
<div width="75%" proportion="1" layout="horizontal-row" > <div width="75%" proportion="1" layout="horizontal-row" >
<label proportion="2" height="100%" text="Brake"/> <label proportion="2" height="100%" text="Brake"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<button id="binding_down" proportion="1" height="100%" text="[none]"/> <button id="binding_down" proportion="1" height="100%" text="[none]"/>
</div> </div>
<spacer height="5" width="10"/> <spacer height="5" width="10"/>
<div width="75%" proportion="1" layout="horizontal-row" > <div width="75%" proportion="1" layout="horizontal-row" >
<label proportion="2" height="100%" text="Left"/> <label proportion="2" height="100%" text="Left"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<button id="binding_left" proportion="1" height="100%" text="[none]"/> <button id="binding_left" proportion="1" height="100%" text="[none]"/>
</div> </div>
<spacer height="5" width="10"/> <spacer height="5" width="10"/>
<div width="75%" proportion="1" layout="horizontal-row" > <div width="75%" proportion="1" layout="horizontal-row" >
<label proportion="2" height="100%" text="Right"/> <label proportion="2" height="100%" text="Right"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<button id="binding_right" proportion="1" height="100%" text="[none]"/> <button id="binding_right" proportion="1" height="100%" text="[none]"/>
</div> </div>
<spacer height="5" width="10"/> <spacer height="5" width="10"/>
<div width="75%" proportion="1" layout="horizontal-row" > <div width="75%" proportion="1" layout="horizontal-row" >
<label proportion="2" height="100%" text="Fire"/> <label proportion="2" height="100%" text="Fire"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<button id="binding_fire" proportion="1" height="100%" text="[none]"/> <button id="binding_fire" proportion="1" height="100%" text="[none]"/>
</div> </div>
<spacer height="5" width="10"/> <spacer height="5" width="10"/>
<div width="75%" proportion="1" layout="horizontal-row" > <div width="75%" proportion="1" layout="horizontal-row" >
<label proportion="2" height="100%" text="Nitro"/> <label proportion="2" height="100%" text="Nitro"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<button id="binding_nitro" proportion="1" height="100%" text="[none]"/> <button id="binding_nitro" proportion="1" height="100%" text="[none]"/>
</div> </div>
<spacer height="5" width="10"/> <spacer height="5" width="10"/>
<div width="75%" proportion="1" layout="horizontal-row" > <div width="75%" proportion="1" layout="horizontal-row" >
<label proportion="2" height="100%" text="Sharp Turn"/> <label proportion="2" height="100%" text="Sharp Turn"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<button id="binding_drift" proportion="1" height="100%" text="[none]"/> <button id="binding_drift" proportion="1" height="100%" text="[none]"/>
</div> </div>
<spacer height="5" width="10"/> <spacer height="5" width="10"/>
<div width="75%" proportion="1" layout="horizontal-row" > <div width="75%" proportion="1" layout="horizontal-row" >
<label proportion="2" height="100%" text="Rescue"/> <label proportion="2" height="100%" text="Rescue"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<button id="binding_rescue" proportion="1" height="100%" text="[none]"/> <button id="binding_rescue" proportion="1" height="100%" text="[none]"/>
</div> </div>
<spacer height="5" width="10"/> <spacer height="5" width="10"/>
<div width="75%" proportion="1" layout="horizontal-row" > <div width="75%" proportion="1" layout="horizontal-row" >
<label proportion="2" height="100%" text="Look Back"/> <label proportion="2" height="100%" text="Look Back"/>
<spacer width="20" height="100%" /> <spacer width="20" height="100%" />
<button id="binding_look_back" proportion="1" height="100%" text="[none]"/> <button id="binding_look_back" proportion="1" height="100%" text="[none]"/>
</div> </div>
</box>
<spacer height="15" width="10"/>
</div> </div>

16
data/gui/options_players.stkgui
View File

@ -1,15 +1,19 @@
<div x="5%" y="2%" width="90%" height="96%" layout="vertical-row" > <div x="2%" y="2%" width="96%" height="96%" layout="vertical-row" >
<label align="center" text="SuperTuxKart Options"/> <label align="center" text="SuperTuxKart Options"/>
<tabs id="options_choice" height="10%" max_height="110" width="100%" align="center"> <tabs id="options_choice" height="10%" max_height="110" width="100%" align="center">
<icon-button id="audio_video" width="128" height="128" icon="gui/options_audio_video.png" text="Audio/Video"/> <icon-button id="audio_video" width="128" height="128" icon="gui/options_audio_video.png" text="Audio/Video"/>
<icon-button id="players" width="128" height="128" icon="gui/options_players.png" text="Players"/> <icon-button id="players" width="128" height="128" icon="gui/options_players.png" text="Players"/>
<icon-button id="controls" width="128" height="128" icon="gui/options_input.png" text="Controls"/> <icon-button id="controls" width="128" height="128" icon="gui/options_input.png" text="Controls"/>
</tabs> </tabs>
<spacer proportion="1" width="10" proportion="1"/> <box proportion="1" width="100%" layout="vertical-row">
<spacer width="20" height="20"/>
<list id="players" proportion="5" width="75%" align="center"/>
<spacer width="20" height="20"/>
</box>
<list id="players" proportion="5" width="75%" align="center"/> <spacer height="15" width="10"/>
</div> </div>

9
src/gui/engine.cpp
View File

@ -12,7 +12,7 @@
namespace GUIEngine namespace GUIEngine
{ {
IGUIEnvironment* g_env; IGUIEnvironment* g_env;
IGUISkin* g_skin = NULL; Skin* g_skin = NULL;
IGUIFont* g_font; IGUIFont* g_font;
IrrlichtDevice* g_device; IrrlichtDevice* g_device;
irr::video::IVideoDriver* g_driver; irr::video::IVideoDriver* g_driver;
@ -173,16 +173,19 @@ void init(IrrlichtDevice* device_a, IVideoDriver* driver_a, void (*eventCallback
//g_skin->setFont(g_env->getBuiltInFont(), EGDF_TOOLTIP); //g_skin->setFont(g_env->getBuiltInFont(), EGDF_TOOLTIP);
} }
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
/** transmit event to user event callback (out of encapsulated GUI module) */
void transmitEvent(Widget* widget, std::string& name) void transmitEvent(Widget* widget, std::string& name)
{ {
assert(g_event_callback != NULL); assert(g_event_callback != NULL);
g_event_callback(widget, name); g_event_callback(widget, name);
} }
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
void render(float elapsed_time) void render(float elapsed_time)
{ {
GUIEngine::dt = elapsed_time; GUIEngine::dt = elapsed_time;
// ---- background image
// on one end, making these static is not too clean. // on one end, making these static is not too clean.
// on another end, these variables are really only used locally, // on another end, these variables are really only used locally,
// and making them static avoids doing the same stupid computations every frame // and making them static avoids doing the same stupid computations every frame
@ -224,6 +227,10 @@ void render(float elapsed_time)
//GUIEngine::getDriver()->draw2DRectangle( SColor(255, 0, 150, 0), rect ); //GUIEngine::getDriver()->draw2DRectangle( SColor(255, 0, 150, 0), rect );
// ---- render sections (bounding boxes)
g_skin->renderSections();
// ---- let irrLicht do the rest (the Skin object will be called for further render)
g_env->drawAll(); g_env->drawAll();
} }

2
src/gui/screen.hpp
View File

@ -23,6 +23,8 @@ namespace GUIEngine
class Screen : public IEventReceiver class Screen : public IEventReceiver
{ {
friend class Skin;
bool m_loaded; bool m_loaded;
std::string m_filename; std::string m_filename;
ptr_vector<Widget, HOLD> m_widgets; ptr_vector<Widget, HOLD> m_widgets;

9
src/gui/screen_loader.cpp
View File

@ -38,6 +38,13 @@ void parseScreenFileDiv(irr::io::IrrXMLReader* xml, ptr_vector<Widget>& append_t
type = WTYPE_DIV; type = WTYPE_DIV;
append_to.push_back(new Widget()); append_to.push_back(new Widget());
} }
else if (!strcmp("box", xml->getNodeName()))
{
type = WTYPE_DIV;
Widget* w = new Widget();
w->m_show_bounding_box = true;
append_to.push_back(w);
}
else if (!strcmp("ribbon", xml->getNodeName())) else if (!strcmp("ribbon", xml->getNodeName()))
{ {
type = WTYPE_RIBBON; type = WTYPE_RIBBON;
@ -162,6 +169,8 @@ if(prop_name != NULL) widget.m_properties[prop_flag] = prop_name; else widget.m_
// we're done parsing this 'div', return one step back in the recursive call // we're done parsing this 'div', return one step back in the recursive call
if (!strcmp("div", xml->getNodeName())) if (!strcmp("div", xml->getNodeName()))
return; return;
if (!strcmp("box", xml->getNodeName()))
return;
// we're done parsing this 'ribbon', return one step back in the recursive call // we're done parsing this 'ribbon', return one step back in the recursive call
if (!strcmp("ribbon", xml->getNodeName()) || if (!strcmp("ribbon", xml->getNodeName()) ||

246
src/gui/skin.cpp
View File

@ -38,6 +38,8 @@ Skin::Skin(IGUISkin* fallback_skin)
m_tex_fcheckbox = GUIEngine::getDriver()->getTexture( (file_manager->getGUIDir() + "/glasscheckbox_focus.png").c_str() ); m_tex_fcheckbox = GUIEngine::getDriver()->getTexture( (file_manager->getGUIDir() + "/glasscheckbox_focus.png").c_str() );
m_tex_dcheckbox = GUIEngine::getDriver()->getTexture( (file_manager->getGUIDir() + "/glasscheckbox_checked.png").c_str() ); m_tex_dcheckbox = GUIEngine::getDriver()->getTexture( (file_manager->getGUIDir() + "/glasscheckbox_checked.png").c_str() );
m_tex_dfcheckbox = GUIEngine::getDriver()->getTexture( (file_manager->getGUIDir() + "/glasscheckbox_checked_focus.png").c_str() ); m_tex_dfcheckbox = GUIEngine::getDriver()->getTexture( (file_manager->getGUIDir() + "/glasscheckbox_checked_focus.png").c_str() );
m_tex_section = GUIEngine::getDriver()->getTexture( (file_manager->getGUIDir() + "/glass_section.png").c_str() );
} }
Skin::~Skin() Skin::~Skin()
@ -46,12 +48,35 @@ Skin::~Skin()
} }
void Skin::drawBoxFromStretchableTexture(const core::rect< s32 > &dest, ITexture* source,
const int left_border, const int right_border, /** load default values */
const int top_border, const int bottom_border, BoxRenderParams::BoxRenderParams()
const bool preserve_h_aspect_ratios,
const float border_out_portion, int areas, const bool vertical_flip)
{ {
left_border = 0;
right_border = 0;
top_border = 0;
bottom_border = 0;
preserve_h_aspect_ratios = false;
hborder_out_portion = 0.5;
vborder_out_portion = 1.0;
areas = BODY | LEFT | RIGHT | TOP | BOTTOM;
vertical_flip = false;
}
void Skin::drawBoxFromStretchableTexture(const core::rect< s32 > &dest, ITexture* source, const BoxRenderParams& params)
{
const int left_border = params.left_border;
const int right_border = params.right_border;
const int top_border = params.top_border;
const int bottom_border = params.bottom_border;
const bool preserve_h_aspect_ratios = params.preserve_h_aspect_ratios;
const float hborder_out_portion = params.hborder_out_portion;
const float vborder_out_portion = params.vborder_out_portion;
int areas = params.areas;
const bool vertical_flip = params.vertical_flip;
// FIXME? - lots of things here will be re-calculated every frame, which is useless since // FIXME? - lots of things here will be re-calculated every frame, which is useless since
// widgets won't move, so they'd only need to be calculated once. // widgets won't move, so they'd only need to be calculated once.
const int texture_w = source->getSize().Width; const int texture_w = source->getSize().Width;
@ -95,7 +120,7 @@ void Skin::drawBoxFromStretchableTexture(const core::rect< s32 > &dest, ITexture
/* /*
The dest area is split this way. Borders can go a bit beyond the given area so The dest area is split this way. Borders can go a bit beyond the given area so
components inside don't go over the borders components inside don't go over the borders
(how much it exceeds horizontally is specified in 'border_out_portion'. vertically is always the totality) (how much it exceeds horizontally is specified in 'hborder_out_portion'. vertically is always the totality)
a----b--------------------c----+ a----b--------------------c----+
| | | | | | | |
@ -132,27 +157,21 @@ void Skin::drawBoxFromStretchableTexture(const core::rect< s32 > &dest, ITexture
int dest_top_border = (int)(top_border *std::min<float>(yscale, 1.0)); int dest_top_border = (int)(top_border *std::min<float>(yscale, 1.0));
int dest_bottom_border = (int)(bottom_border*std::min<float>(yscale, 1.0)); int dest_bottom_border = (int)(bottom_border*std::min<float>(yscale, 1.0));
/*
if(vertical_flip)
{
int temp = dest_bottom_border;
dest_bottom_border = dest_top_border;
dest_top_border = temp;
}*/
const float border_in_portion = 1 - border_out_portion; const float hborder_in_portion = 1 - hborder_out_portion;
const float vborder_in_portion = 1 - vborder_out_portion;
const int ax = (int)(dest_x - dest_left_border*border_out_portion); const int ax = (int)(dest_x - dest_left_border*hborder_out_portion);
const int ay = dest_y - dest_top_border; const int ay = (int)(dest_y - dest_top_border*vborder_out_portion);
const int bx = (int)(dest_x + dest_left_border*border_in_portion); const int bx = (int)(dest_x + dest_left_border*hborder_in_portion);
const int by = ay; const int by = ay;
const int cx = (int)(dest_x2 - dest_right_border*border_in_portion); const int cx = (int)(dest_x2 - dest_right_border*hborder_in_portion);
const int cy = ay; const int cy = ay;
const int dx = ax; const int dx = ax;
const int dy = dest_y; const int dy = (int)(dest_y + dest_top_border*vborder_in_portion);
const int ex = bx; const int ex = bx;
const int ey = dy; const int ey = dy;
@ -160,11 +179,11 @@ void Skin::drawBoxFromStretchableTexture(const core::rect< s32 > &dest, ITexture
const int fx = cx; const int fx = cx;
const int fy = dy; const int fy = dy;
const int gx = (int)(dest_x2 + dest_right_border*border_out_portion); const int gx = (int)(dest_x2 + dest_right_border*hborder_out_portion);
const int gy = dy; const int gy = dy;
const int hx = ax; const int hx = ax;
const int hy = dest_y2; const int hy = (int)(dest_y2 - dest_bottom_border*vborder_in_portion);
const int ix = bx; const int ix = bx;
const int iy = hy; const int iy = hy;
@ -176,7 +195,7 @@ void Skin::drawBoxFromStretchableTexture(const core::rect< s32 > &dest, ITexture
const int ky = hy; const int ky = hy;
const int lx = bx; const int lx = bx;
const int ly = dest_y2 + dest_bottom_border; const int ly = (int)(dest_y2 + dest_bottom_border*vborder_out_portion);
const int mx = cx; const int mx = cx;
const int my = ly; const int my = ly;
@ -235,51 +254,51 @@ X.LowerRightCorner.Y = y1;}
#undef FLIP_Y #undef FLIP_Y
} }
if((areas & LEFT) != 0) if((areas & BoxRenderParams::LEFT) != 0)
{ {
GUIEngine::getDriver()->draw2DImage(source, dest_area_left, source_area_left, GUIEngine::getDriver()->draw2DImage(source, dest_area_left, source_area_left,
0 /* no clipping */, 0, true /* alpha */); 0 /* no clipping */, 0, true /* alpha */);
} }
if((areas & BODY) != 0) if((areas & BoxRenderParams::BODY) != 0)
{ {
GUIEngine::getDriver()->draw2DImage(source, dest_area_center, source_area_center, GUIEngine::getDriver()->draw2DImage(source, dest_area_center, source_area_center,
0 /* no clipping */, 0, true /* alpha */); 0 /* no clipping */, 0, true /* alpha */);
} }
if((areas & RIGHT) != 0) if((areas & BoxRenderParams::RIGHT) != 0)
{ {
GUIEngine::getDriver()->draw2DImage(source, dest_area_right, source_area_right, GUIEngine::getDriver()->draw2DImage(source, dest_area_right, source_area_right,
0 /* no clipping */, 0, true /* alpha */); 0 /* no clipping */, 0, true /* alpha */);
} }
if((areas & TOP) != 0) if((areas & BoxRenderParams::TOP) != 0)
{ {
GUIEngine::getDriver()->draw2DImage(source, dest_area_top, source_area_top, GUIEngine::getDriver()->draw2DImage(source, dest_area_top, source_area_top,
0 /* no clipping */, 0, true /* alpha */); 0 /* no clipping */, 0, true /* alpha */);
} }
if((areas & BOTTOM) != 0) if((areas & BoxRenderParams::BOTTOM) != 0)
{ {
GUIEngine::getDriver()->draw2DImage(source, dest_area_bottom, source_area_bottom, GUIEngine::getDriver()->draw2DImage(source, dest_area_bottom, source_area_bottom,
0 /* no clipping */, 0, true /* alpha */); 0 /* no clipping */, 0, true /* alpha */);
} }
if( ((areas & LEFT) != 0) && ((areas & TOP) != 0) ) if( ((areas & BoxRenderParams::LEFT) != 0) && ((areas & BoxRenderParams::TOP) != 0) )
{ {
GUIEngine::getDriver()->draw2DImage(source, dest_area_top_left, source_area_top_left, GUIEngine::getDriver()->draw2DImage(source, dest_area_top_left, source_area_top_left,
0 /* no clipping */, 0, true /* alpha */); 0 /* no clipping */, 0, true /* alpha */);
} }
if( ((areas & RIGHT) != 0) && ((areas & TOP) != 0) ) if( ((areas & BoxRenderParams::RIGHT) != 0) && ((areas & BoxRenderParams::TOP) != 0) )
{ {
GUIEngine::getDriver()->draw2DImage(source, dest_area_top_right, source_area_top_right, GUIEngine::getDriver()->draw2DImage(source, dest_area_top_right, source_area_top_right,
0 /* no clipping */, 0, true /* alpha */); 0 /* no clipping */, 0, true /* alpha */);
} }
if( ((areas & LEFT) != 0) && ((areas & BOTTOM) != 0) ) if( ((areas & BoxRenderParams::LEFT) != 0) && ((areas & BoxRenderParams::BOTTOM) != 0) )
{ {
GUIEngine::getDriver()->draw2DImage(source, dest_area_bottom_left, source_area_bottom_left, GUIEngine::getDriver()->draw2DImage(source, dest_area_bottom_left, source_area_bottom_left,
0 /* no clipping */, 0, true /* alpha */); 0 /* no clipping */, 0, true /* alpha */);
} }
if( ((areas & RIGHT) != 0) && ((areas & BOTTOM) != 0) ) if( ((areas & BoxRenderParams::RIGHT) != 0) && ((areas & BoxRenderParams::BOTTOM) != 0) )
{ {
GUIEngine::getDriver()->draw2DImage(source, dest_area_bottom_right, source_area_bottom_right, GUIEngine::getDriver()->draw2DImage(source, dest_area_bottom_right, source_area_bottom_right,
0 /* no clipping */, 0, true /* alpha */); 0 /* no clipping */, 0, true /* alpha */);
@ -290,15 +309,17 @@ X.LowerRightCorner.Y = y1;}
void Skin::drawButton(const core::rect< s32 > &rect, const bool pressed, const bool focused) void Skin::drawButton(const core::rect< s32 > &rect, const bool pressed, const bool focused)
{ {
// FIXME - move these numbers to a config file static BoxRenderParams params;
const int left_border = 80;
const int right_border = 80;
const int border_above = 0;
const int border_below = 36;
drawBoxFromStretchableTexture(rect, (focused ? m_tex_fbutton : m_tex_button), // FIXME - move these numbers to a config file
left_border, right_border, params.left_border = 80;
border_above, border_below, true /* horizontal aspect ratio kept */); params.right_border = 80;
params.top_border = 0;
params.bottom_border = 36;
params.preserve_h_aspect_ratios = true;
drawBoxFromStretchableTexture(rect, (focused ? m_tex_fbutton : m_tex_button), params);
} }
void Skin::drawRibbon(const core::rect< s32 > &rect, const Widget* widget, const bool pressed, bool focused) void Skin::drawRibbon(const core::rect< s32 > &rect, const Widget* widget, const bool pressed, bool focused)
@ -344,11 +365,12 @@ void Skin::drawRibbonChild(const core::rect< s32 > &rect, const Widget* widget,
{ {
// ribbons containing buttons are actually tabs // ribbons containing buttons are actually tabs
static BoxRenderParams params;
// FIXME - specify in file, don't hardcode // FIXME - specify in file, don't hardcode
int left_border = 75; params.left_border = 75;
int right_border = 75; params.right_border = 75;
int border_above = 0; params.top_border = 0;
int border_below = 15; params.bottom_border = 15;
// automatically guess from position on-screen if tabs go up or down // automatically guess from position on-screen if tabs go up or down
const bool vertical_flip = rect.UpperLeftCorner.Y < GUIEngine::getDriver()->getCurrentRenderTargetSize().Height/2; const bool vertical_flip = rect.UpperLeftCorner.Y < GUIEngine::getDriver()->getCurrentRenderTargetSize().Height/2;
@ -362,6 +384,8 @@ void Skin::drawRibbonChild(const core::rect< s32 > &rect, const Widget* widget,
core::rect< s32 > rect2 = rect; core::rect< s32 > rect2 = rect;
params.hborder_out_portion = portion_out;
params.vertical_flip = vertical_flip;
if (mark_selected) if (mark_selected)
{ {
@ -371,10 +395,7 @@ void Skin::drawRibbonChild(const core::rect< s32 > &rect, const Widget* widget,
else else
rect2.LowerRightCorner.Y += 10; rect2.LowerRightCorner.Y += 10;
drawBoxFromStretchableTexture(rect2, (focused || parent_focused ? m_tex_ftab : m_tex_dtab), drawBoxFromStretchableTexture(rect2, (focused || parent_focused ? m_tex_ftab : m_tex_dtab), params);
left_border, right_border,
border_above, border_below, false /* horizontal aspect ratio not kept */, portion_out,
BODY | LEFT | RIGHT | TOP | BOTTOM, vertical_flip);
/* /*
GUIEngine::getDriver()->draw2DLine( core::position2d< s32 >(rect2.UpperLeftCorner.X,rect2.LowerRightCorner.Y), GUIEngine::getDriver()->draw2DLine( core::position2d< s32 >(rect2.UpperLeftCorner.X,rect2.LowerRightCorner.Y),
@ -388,10 +409,7 @@ void Skin::drawRibbonChild(const core::rect< s32 > &rect, const Widget* widget,
} }
else else
{ {
drawBoxFromStretchableTexture(rect2, m_tex_tab, drawBoxFromStretchableTexture(rect2, m_tex_tab, params);
left_border, right_border,
border_above, border_below, false /* horizontal aspect ratio not kept */, portion_out,
BODY | LEFT | RIGHT | TOP | BOTTOM, vertical_flip);
} }
} }
@ -471,10 +489,14 @@ void Skin::drawRibbonChild(const core::rect< s32 > &rect, const Widget* widget,
core::rect<s32> source_area = core::rect<s32>(0, 0, texture_w, texture_h); core::rect<s32> source_area = core::rect<s32>(0, 0, texture_w, texture_h);
drawBoxFromStretchableTexture(rect, m_tex_squarefocus, static BoxRenderParams params;
6 /* left border */, 6 /* rightborder */, params.left_border = 6;
6 /* top border */, 6 /* bottom border */, params.right_border = 6;
false /* horizontal aspect ratio not kept */, 1); params.top_border = 6;
params.bottom_border = 6;
params.hborder_out_portion = 1.0;
drawBoxFromStretchableTexture(rect, m_tex_squarefocus, params);
} }
} // end if mark_selected } // end if mark_selected
@ -484,12 +506,6 @@ void Skin::drawRibbonChild(const core::rect< s32 > &rect, const Widget* widget,
void Skin::drawSpinnerBody(const core::rect< s32 > &rect, const Widget* widget, const bool pressed, bool focused) void Skin::drawSpinnerBody(const core::rect< s32 > &rect, const Widget* widget, const bool pressed, bool focused)
{ {
// FIXME - move these numbers to a config file
const int left_border = 110;
const int right_border = 110;
const int border_above = 0;
const int border_below = 36;
if(!focused) if(!focused)
{ {
IGUIElement* focused_widget = GUIEngine::getGUIEnv()->getFocus(); IGUIElement* focused_widget = GUIEngine::getGUIEnv()->getFocus();
@ -505,18 +521,22 @@ void Skin::drawSpinnerBody(const core::rect< s32 > &rect, const Widget* widget,
} }
} }
drawBoxFromStretchableTexture(rect, (focused || pressed ? m_tex_fspinner : m_tex_spinner), static BoxRenderParams params;
left_border, right_border, // FIXME - move these numbers to a config file
border_above, border_below, true /* horizontal aspect ratio kept */, 0); params.left_border = 110;
params.right_border = 110;
params.top_border = 0;
params.bottom_border = 36;
params.preserve_h_aspect_ratios = true;
params.hborder_out_portion = 0.0f;
drawBoxFromStretchableTexture(rect, (focused || pressed ? m_tex_fspinner : m_tex_spinner), params);
} }
void Skin::drawSpinnerChild(const core::rect< s32 > &rect, Widget* widget, const bool pressed, bool focused) void Skin::drawSpinnerChild(const core::rect< s32 > &rect, Widget* widget, const bool pressed, bool focused)
{ {
// FIXME - move these numbers to a config file
const int left_border = 110;
const int right_border = 110;
const int border_above = 0;
const int border_below = 36;
if(pressed) if(pressed)
{ {
@ -525,19 +545,26 @@ void Skin::drawSpinnerChild(const core::rect< s32 > &rect, Widget* widget, const
//std::cout << "drawing spinner child " << widget->m_properties[PROP_ID].c_str() << std::endl; //std::cout << "drawing spinner child " << widget->m_properties[PROP_ID].c_str() << std::endl;
if (widget->m_properties[PROP_ID] == "left") areas = LEFT; if (widget->m_properties[PROP_ID] == "left") areas = BoxRenderParams::LEFT;
else if (widget->m_properties[PROP_ID] == "right") areas = RIGHT; else if (widget->m_properties[PROP_ID] == "right") areas = BoxRenderParams::RIGHT;
else return; else return;
core::rect< s32 > rect2 = core::rect< s32 >( spinner->x, spinner->y, core::rect< s32 > rect2 = core::rect< s32 >( spinner->x, spinner->y,
spinner->x + spinner->w, spinner->x + spinner->w,
spinner->y + spinner->h ); spinner->y + spinner->h );
drawBoxFromStretchableTexture(rect2, m_tex_dspinner, static BoxRenderParams params;
left_border, right_border, // FIXME - move these numbers to a config file
border_above, border_below, params.left_border = 110;
true /* horizontal aspect ratio kept */, params.right_border = 110;
0, areas); params.top_border = 0;
params.bottom_border = 36;
params.preserve_h_aspect_ratios = true;
params.hborder_out_portion = 0.0f;
params.areas = areas;
drawBoxFromStretchableTexture(rect2, m_tex_dspinner, params);
} }
@ -545,16 +572,16 @@ void Skin::drawSpinnerChild(const core::rect< s32 > &rect, Widget* widget, const
void Skin::drawGauge(const core::rect< s32 > &rect, Widget* widget, bool focused) void Skin::drawGauge(const core::rect< s32 > &rect, Widget* widget, bool focused)
{ {
static BoxRenderParams params;
// FIXME - move these numbers to a config file // FIXME - move these numbers to a config file
const int left_border = 110; params.left_border = 110;
const int right_border = 110; params.right_border = 110;
const int border_above = 0; params.top_border = 0;
const int border_below = 36; params.bottom_border = 36;
drawBoxFromStretchableTexture(rect, (focused ? m_tex_fspinner : m_tex_spinner), params.hborder_out_portion = -0.9;
left_border, right_border,
border_above, border_below, drawBoxFromStretchableTexture(rect, (focused ? m_tex_fspinner : m_tex_spinner), params);
false /* horizontal aspect ratio kept */, -0.9);
} }
void Skin::drawGaugeFill(const core::rect< s32 > &rect, Widget* widget, bool focused) void Skin::drawGaugeFill(const core::rect< s32 > &rect, Widget* widget, bool focused)
{ {
@ -608,6 +635,57 @@ void Skin::drawCheckBox(const core::rect< s32 > &rect, Widget* widget, bool focu
} }
} }
/** recusrive function to render all sections (recursion allows to easily travesre the tree of children and sub-children) */
void Skin::renderSections(ptr_vector<Widget>* within_vector)
{
if(within_vector == NULL) within_vector = &getCurrentScreen()->m_widgets;
const unsigned short widgets_amount = within_vector->size();
for(int n=0; n<widgets_amount; n++)
{
Widget& widget = (*within_vector)[n];
if(widget.m_type == WTYPE_DIV)
{
if(widget.m_show_bounding_box)
{
core::rect< s32 > rect = core::rect<s32>( widget.x, widget.y, widget.x + widget.w, widget.y + widget.h );
//getDriver()->draw2DImage(g_skin->m_tex_section, rect, source_area,
// 0 /* no clipping */, 0, true /* alpha */);
static BoxRenderParams params;
params.left_border = 15;
params.right_border = 15;
params.top_border = 15;
params.bottom_border = 15;
params.hborder_out_portion = 1.0;
params.vborder_out_portion = 0.2;
drawBoxFromStretchableTexture( rect, m_tex_section, params );
/*
void drawBoxFromStretchableTexture(const core::rect< s32 > &dest, ITexture* source,
const int left_border, const int right_border,
const int top_border, const int bottom_border,
const bool preserve_h_aspect_ratios=false,
const float hborder_out_portion = 0.5,
int areas = BODY | LEFT | RIGHT | TOP | BOTTOM,
const bool vertical_flip=false);
*/
}
else
{
renderSections( &widget.m_children );
}
}
} // next
}
#if 0 #if 0
#pragma mark - #pragma mark -
#pragma mark irrlicht skin functions #pragma mark irrlicht skin functions

49
src/gui/skin.hpp
View File

@ -2,6 +2,8 @@
#define HEADER_SKIN_HPP #define HEADER_SKIN_HPP
#include <irrlicht.h> #include <irrlicht.h>
#include "ptr_vector.hpp"
using namespace irr; using namespace irr;
using namespace core; using namespace core;
using namespace scene; using namespace scene;
@ -14,15 +16,29 @@ namespace GUIEngine
class Widget; class Widget;
// areas /** class containing render params for the 'drawBoxFromStretchableTexture' function */
const int BODY = 1; class BoxRenderParams
const int LEFT = 2; {
const int RIGHT = 4; public:
const int TOP = 8; int left_border, right_border, top_border, bottom_border;
const int BOTTOM = 16; bool preserve_h_aspect_ratios;
float hborder_out_portion, vborder_out_portion;
bool vertical_flip;
class Skin : public IGUISkin /** bitmap containing which areas to render */
{ int areas;
// possible values in areas
static const int BODY = 1;
static const int LEFT = 2;
static const int RIGHT = 4;
static const int TOP = 8;
static const int BOTTOM = 16;
BoxRenderParams();
};
class Skin : public IGUISkin
{
IGUISkin* m_fallback_skin; IGUISkin* m_fallback_skin;
/* f : focused; d : down state */ /* f : focused; d : down state */
@ -47,15 +63,12 @@ class Skin : public IGUISkin
void drawBoxFromStretchableTexture(const core::rect< s32 > &dest, ITexture* source,
const int left_border, const int right_border,
const int top_border, const int bottom_border,
const bool preserve_h_aspect_ratios=false,
const float border_out_portion = 0.5,
int areas = BODY | LEFT | RIGHT | TOP | BOTTOM,
const bool vertical_flip=false);
public: void drawBoxFromStretchableTexture(const core::rect< s32 > &dest, ITexture* source, const BoxRenderParams& params);
public:
ITexture* m_tex_section;
Skin(IGUISkin* fallback_skin); Skin(IGUISkin* fallback_skin);
~Skin(); ~Skin();
@ -70,6 +83,8 @@ public:
void drawGaugeFill(const core::rect< s32 > &rect, Widget* widget, bool focused); void drawGaugeFill(const core::rect< s32 > &rect, Widget* widget, bool focused);
void drawCheckBox(const core::rect< s32 > &rect, Widget* widget, bool focused); void drawCheckBox(const core::rect< s32 > &rect, Widget* widget, bool focused);
void renderSections(ptr_vector<Widget>* within_vector=NULL);
// irrlicht's callbacks // irrlicht's callbacks
virtual void draw2DRectangle (IGUIElement *element, const video::SColor &color, const core::rect< s32 > &pos, const core::rect< s32 > *clip); virtual void draw2DRectangle (IGUIElement *element, const video::SColor &color, const core::rect< s32 > &pos, const core::rect< s32 > *clip);
virtual void draw3DButtonPanePressed (IGUIElement *element, const core::rect< s32 > &rect, const core::rect< s32 > *clip); virtual void draw3DButtonPanePressed (IGUIElement *element, const core::rect< s32 > &rect, const core::rect< s32 > *clip);
@ -95,6 +110,6 @@ public:
virtual void setSize (EGUI_DEFAULT_SIZE which, s32 size); virtual void setSize (EGUI_DEFAULT_SIZE which, s32 size);
virtual void setSpriteBank (IGUISpriteBank *bank); virtual void setSpriteBank (IGUISpriteBank *bank);
}; };
} }
#endif #endif

1
src/gui/widget.cpp
View File

@ -43,6 +43,7 @@ Widget::Widget()
m_type = WTYPE_NONE; m_type = WTYPE_NONE;
m_selected = false; m_selected = false;
m_event_handler = NULL; m_event_handler = NULL;
m_show_bounding_box = false;
} }
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
/** /**

6
src/gui/widget.hpp
View File

@ -108,8 +108,11 @@ namespace GUIEngine
static bool convertToCoord(std::string& x, int* absolute, int* percentage); static bool convertToCoord(std::string& x, int* absolute, int* percentage);
public: public:
Widget();
virtual ~Widget() {} virtual ~Widget() {}
bool m_show_bounding_box;
/** /**
* If this widget has any children, they go here. Children can be either * If this widget has any children, they go here. Children can be either
* specified in the XML file (e.g. Ribbon or Div children), or can also * specified in the XML file (e.g. Ribbon or Div children), or can also
@ -139,9 +142,6 @@ namespace GUIEngine
/** A map that holds values for all specified widget properties (in the XML file)*/ /** A map that holds values for all specified widget properties (in the XML file)*/
std::map<Property, std::string> m_properties; std::map<Property, std::string> m_properties;
Widget();
static void resetIDCounters(); static void resetIDCounters();
bool isSelected() const { return m_selected; } bool isSelected() const { return m_selected; }