Jump to content

[GUI] Trying to Move Battle GUI


Recommended Posts

So I've been messing around in the battle.xml in themes and using the code under the line:

    <!-- Theme used by various battle windows including the main window, skill learn dialog and item selection dialog -->
    <theme name="battle-panel" ref="-defaults" allowWildcard="true">

        <param name="background"><image>none</image></param>
        <param name="border"><border>7</border></param>                            <- setting this to another number changes where the battle command UI is on screen

 

but for the life of me Im not sure how it works because instead of just moving the UI up and down it shifts it to the right and down.

I would like to move the battle commands so they are OFF the actual battle area, preferable centered just below.
The best I could do is set that number to 207 which results it being slight off center and too low.

Battle Map.png

 

The code comments leave a little something to be desired when trying to mess with the files....

Edited by Vouru
Link to comment
  • 3 weeks later...

It might be that the "border" attribute edits both left-right and up-down borders. Because of this you are experiencing a larger border on all the sides of the battle panel box.
To solve this you should find a way to edit only the left side, or even to automatically center the box without even changing border's value.
Honestly I've never tried to edit an xml for PokéMMO so I can't really help by telling you how it should be written, but the least I can do is to explain why this is happening.

Edited by DjVayer99
Link to comment
  • 4 months later...
On 4/23/2020 at 12:46 AM, Vouru said:

but for the life of me Im not sure how it works because instead of just moving the UI up and down it shifts it to the right and down.

It's been quite some time since I've played with the themes, but if I had to make a guess as to why it's not working properly, it's because you are only looking at one part of that theme block.

 

<!-- Theme used by various battle windows including the main window, skill learn dialog and item selection dialog -->
	<theme name="battle-panel" ref="-defaults" allowWildcard="true">

		<param name="background"><image>label1.background</image></param>
		<param name="border"><border>7</border></param>
		<param name="defaultGap"><dimension>2,2</dimension></param>
		<param name="smallGap"><dimension>8,8</dimension></param>
		<param name="mediumGap"><dimension>10,10</dimension></param>
		<param name="largeGap"><dimension>15,15</dimension></param>
		<param name="namedGaps"><map/></param>
		<theme name="dialoglayout" ref="-defaults">
			<param name="border"><border>0</border></param>
			<param name="defaultGap"><dimension>5,5</dimension></param>
			<param name="smallGap"><dimension>8,8</dimension></param>
			<param name="mediumGap"><dimension>10,10</dimension></param>
			<param name="largeGap"><dimension>15,15</dimension></param>
			<param name="namedGaps"><map/></param>
			<theme name="label-black" ref="-defaults" allowWildcard="true">
				<param name="font"><font>alphabeta-border</font></param>
				<param name="border"><border>0,0,25,0</border></param>
			</theme>
		</theme>
		<theme name="scrollpane" ref="scrollpane" allowWildcard="true">
			<param name="minWidth"><int>300</int></param>
			<param name="maxWidth"><int>300</int></param>
			<param name="maxHeight"><int>70</int></param>
			<param name="minHeight"><int>70</int></param>
			<theme name="dialoglayout" ref="-dialog">
				<param name="defaultGap"><dimension>0,0</dimension></param>
				<theme name="button" ref="-defaults" allowWildcard="true">
					<param name="font"><font>alphabeta-border</font></param>
					<param name="border"><border>2,0,4,10</border></param>
					<param name=""><image>button-small.*</image></param>
					<param name="textAlignment"><enum type="alignment">RIGHT</enum></param>
				</theme>
			</theme>
		</theme>
		<theme name="label-black" ref="-defaults" allowWildcard="true">
			<param name="font"><font>mechabold</font></param>
			<param name="minWidth"><int>155</int></param>
			<param name="textAlignment"><enum type="alignment">CENTER</enum></param>
		</theme>
		<theme name="label" ref="-defaults" allowWildcard="true">
			<param name="font"><font>alphabeta-border</font></param>
		</theme>
		<theme name="button" ref="-defaults" allowWildcard="true">
			<param name="font"><font>alphabeta-border</font></param>
			<param name="border"><border>2,0,4,10</border></param>
			<param name=""><image>button-small.*</image></param>
			<param name="textAlignment"><enum type="alignment">RIGHT</enum></param>
		</theme>
	</theme>

The code above is the entire child theme code block for the battle panel. If you are finding that changing a single border attribute is doing something close to what you are wanting to achieve then it would stand to reason that you would simply need to change one of the other border attributes to get a closer effect.

 

Something I would highly suggest is using Notepad++, or some other text editor with syntax highlighting, as those will allow you to better see the full theme blocks rather than trying to figure out what tags go with which blocks. Below is an example screenshot from Notepad++. The minus signs on the left side of the screen allow you to collapse entire blocks of code so that you can focus on the exact block you need and it also allows you to see which line has the end of a given block for larger chunks.

 

image.png.2dc2dcf12284adb963523ce0092ce069.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use and Privacy Policy.