How do I properly center Nifty GUI elements on screen?
- by Jason Crosby
I am new to JME3 game engine but I know Android XML GUI layouts pretty good. I have a simple layout here and I cant figure out what is wrong. Here is my XML code:
<?xml version="1.0" encoding="UTF-8"?>
<nifty xmlns="http://nifty-gui.sourceforge.net/nifty-1.3.xsd"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://nifty-gui.sourceforge.net/nifty-1.3.xsd
http://nifty-gui.sourceforge.net/nifty-1.3.xsd">
<useControls filename="nifty-default-controls.xml" />
<useStyles filename="nifty-default-styles.xml" />
<screen id="start" controller="com.jasoncrosby.game.farkle.gui.MenuScreenGui">
<layer id="layer" backgroundColor="#66CD00" childLayout="center">
<panel id="panel" align="center" valign="center" childLayout="center" visibleToMouse="true">
<image filename="Textures/wood_floor.png" height="95%" width="95%"/>
<panel id="panel" align="center" valign="center" childLayout="center" visibleToMouse="true">
<text text="test" font="Interface/Fonts/Eraser.fnt"></text>
</panel>
</panel>
</layer>
</screen>
Everything works well until I get to displaying the text. I have tried different alignments and tried moving the text into different panels but no matter what I do the text is never in the center of the screen. It's always in the upper left corner, so far I can only see the lower right part of the text. How can I center the text element in the center of the screen?