image size and location problem

[deaddog4201]

Haveing a problem with a new image i made for some ui pieces im working on. I made the image in adobe photoshop with the dds plugin. The problem im haveing is getting the image to keep the size and locations i give it in the ui builder. in the uibuilder everthing is in perfect alignment and proper size but as soon as i load it in game the image shifts up and over and shrinks itself just a little smaller then what i made it in the builder. Ive ready here about the image sizes need to be power of 2 and they are both from the original i made in adobe and in the resized image. no matter what i do the images shift out of place. I tried making locations fixed, absolute and so on. getting frustrated here. I can get the image to align if i shift it over and down so its out of place in the uibuilder but still sizes itself slightly smaller then what i made it. I tried loading an empty ui with nothing other then the pieces im working on and still same issue? Any help ideas anything?

[Othesus]

You'll have to post more specific details or screenshots or the actual files you're working on. Things in the UIBuilder should look pretty much how they look in the game with a few exceptions.

[Landiin]

The only time I've had this happen to me is if the image wasn't a power of 2.

but like Othesus said, post some more info; like the image size the xml tag you use to show the image ect.

Also make sure you look at the actual xml code sometimes when you get stumped the UI build is handing the issue and it will sticks out like sore thumb in the xml file. (well for me any ways)

[deaddog4201]

Sorry it took a little bit to respond back! But anyway heres a screen shot of whats going on. The image on the left is in the UIbuilder the right is in game. You can see how the alignments shift on either piece for the frame i put on them. I put one in alignment and one out of alignment just to show how its being effected in the game vs the UIbuilder. The code for the compass is below. The frame code for both pieces are identical so any error I've made should be the same or what ever the problem is. I also attached the .dds image of the frame itself in case you want to try it in the UIbuilder yourself.
I'm using the frame in another piece I'm working on and don't seem to be having this problem with it yet. I've written the code below several different ways and always get the same result in game.

<?xml version="1.0" encoding="utf-8"?>
<Page allowcloseontop="false" alwaysontop="false" eq2usescomwndcontrols="true" Location="374,174" MaximumSize="170,82" Name="Compass" OnShow="show_window=(MainHUD.Clock)
show_window=(MainHUD.Clock)
show_window=(MainHUD.Compass)
show_window=(MainHUD.Compass)
" PackLocation="center,center" PackLocationProp="-266/0001,-338/0001" ScrollExtent="170,82" show_window="MainHUD.Clock" Size="170,82" UserMovable="true">
<Button BackgroundOpacity="0.000" LocalTooltip="Toggle Loc/Zone" Location="65,22" Name="ToggleLocZone" OnPress="parent.Loco.visible=(!parent.Loco.visible)
" ScrollExtent="41,38" Size="41,38" Style="/Fetish.ButtonStyles.invisible" Tooltip="Toggle Loc/Zone"></Button>
<Page allowcloseontop="false" eq2usescomwndcontrols="true" Location="50,10" MaximumSize="75,60" Name="Frame" PackLocation="center,center" PackLocationProp="-035/0001,-031/0001" ScrollExtent="75,60" Size="75,60">
<Image AbsorbsInput="false" Location="5,5" MaximumSize="75,60" Name="wardensframe" ScrollExtent="75,60" Size="75,60" SourceRect="1,6,229,190" SourceResource="images/Arcane/wardensframe.dds"/>
</Page>
<Page allowcloseontop="false" eq2usescomwndcontrols="true" Location="46,11" Name="Frame" PackLocation="center,center" PackLocationProp="-039/0001,-030/0001" ScrollExtent="78,64" Size="78,64">
<Image AbsorbsInput="false" BoundaryPolygon="19.000,0.000,4.000,6.000,0.000,21.000,5.000,35.000,19.000,41.000,34.000,35.000,40.000,20.000,34.000,6.000" GetsInput="true" Location="19,9" Name="Frame" ScrollExtent="41,41" Size="41,41" SourceRect="0,35,41,76" SourceResource="images/fetish_clock.dds" Stretch="false"/>
</Page>
<Page AbsorbsInput="false" Location="67,25" Name="Highlight" PackLocation="right,top" PackLocationProp="-103/0001,0025/0001" PackSize="fixed,fixed" PackSizeProp="0002/0003,0002/0003" RStyleDefault=" " ScrollExtent="36,36" Size="36,36">
<Image Name="CompassFrame" PackSize="absolute,absolute" PackSizeProp="0000/0001,0000/0001" ScrollExtent="36,36" Size="36,36" SourceRect="161,1,207,46" SourceResource="images/round_compass.dds" Style=" "/>
</Page>
<Page AbsorbsInput="false" Location="71,29" Name="CropPage" PackLocation="right,top" PackLocationProp="-099/0001,0029/0001" PackSize="fixed,fixed" PackSizeProp="0002/0003,0002/0003" ScrollExtent="29,28" Size="29,28">
<Page Location="-242,0" Name="ScrollPage" PackLocation="left,top" PackLocationProp="-242/0001,0000/0001" PackSize="fixed,fixed" PackSizeProp="0002/0003,0002/0003" ScrollExtent="478,28" Size="478,28">
<Image AbsorbsInput="false" Location="145,0" Name="CompassDirections_Mid" PackSize="absolute,absolute" PackSizeProp="0318/0001,0000/0001" ScrollExtent="160,28" Size="160,28" SourceRect="1,1,160,36" SourceResource="images/round_compass.dds" Style=" "/>
<Image Location="305,0" Name="CompassDirections_Right" PackSize="absolute,absolute" PackSizeProp="0318/0001,0000/0001" ScrollExtent="160,28" Size="160,28" SourceRect="1,1,160,36" SourceResource="images/round_compass.dds" Style=" "/>
<Image Location="-15,0" Name="CompassDirections_Left" PackSize="absolute,absolute" PackSizeProp="0318/0001,0000/0001" ScrollExtent="160,28" Size="160,28" SourceRect="1,1,160,36" SourceResource="images/round_compass.dds" Style=" "/>
</Page>
</Page>
<Page Location="0,3" Name="Loco" ScrollExtent="170,74" Size="170,74">
<Text AbsorbsInput="false" DynamicData="/GameData.Self.ZoneName" Font="/Fonts.FontZapf15" LocalText=":fa6ca395e379584c:The Isle of Refuge" Location="0,-1" MaxLines="1" Name="CurrentZone" PackLocation="left,top" PackLocationProp="0000/0001,-001/0001" PackSize="absolute,fixed" PackSizeProp="0000/0001,0002/0003" ScrollExtent="200,16" ShadowStyle="/ShadowStyles.Outline1" Size="170,16" TextAlignment="Center" TextAlignmentVertical="Center" TextColor="#88CCFF">:fa6ca395e379584c:The Isle of Refuge</Text>
<Text DynamicData="/GameData.Self.Location" Font="/Fetish.Fonts.FontArial14T" LocalText="-999.99, -999.99, -999.99" Location="0,57" Name="LocInfo" ScrollExtent="170,19" ShadowStyle="/ShadowStyles.Outline1" Size="170,19" TextAlignment="Center" TextAlignmentVertical="Bottom">-999.99, -999.99, -999.99</Text>
</Page>
</Page>

[Othesus]

Originally Posted by deaddog4201

Ive ready here about the image sizes need to be power of 2 and they are both from the original i made in adobe and in the resized image.

Your DDS is 432x432. Try 128x128, 256x256, or 512x512. You don't need to generate mipmaps since they aren't necessary.

[deaddog4201]

ah i actually found the problem last night too. I was changeing the document size and not the pixels when i first made the images. Now i understand the pixels need to be by the power of 2. 2,4,8,16,32,64,128,256,512 ect... all fixed now thxs othesus