Define texture size in xml

[Letho]

Hey guys,

there is a little problem that currently drives me into desperation. Lets take the following example:

-- results in a button control of 24x24 with a smaller texture in it
<Button name="$(parent)_CloseButton" clickSound="Click">
  <Dimensions x="24" y="24" />
  <Anchor point="TOPRIGHT" relativeTo="$(parent)" relativePoint="TOPRIGHT" offsetX="0" offsetY="0" />
  <Textures normal="EsoUI/Art/Buttons/closebutton_up.dds" pressed="EsoUI/Art/Buttons/closebutton_down.dds" mouseOver="EsoUI/Art/Buttons/closebutton_mouseover.dds" disabled="EsoUI/Art/Buttons/closebutton_disabled.dds" />
</Button>

Although the button has a size of 24x24 the texture is not stretched to match its size. If I use lua to initialize the control OR to modify it after its xml has been loaded, it works as intended and the texture is stretched to match the buttons actual size:

-- will result in a texture of 24x24
local button = WM:GetControlByName("someButtonControl")

button:SetNormalTexture("/esoui/art/buttons/decline_up.dds");
button:SetMouseOverTexture("/esoui/art/buttons/decline_over.dds");
button:SetPressedTexture("/esoui/art/buttons/decline_down.dds");

Some enlightenment would be much appreciated, because I'd like to use XML for setting up the UI.

[Ayantir]

Could you post an example of your problem and what expected ? I don't see the issue.

Here is an example of things which works well for me.
The button is 120x120 px when you mouse over its dimensions becomes 140x140 and texture is changed aswell.

<Button name="$(parent)Execute" inherits="ZO_ButtonBehaviorClickSound">
    <Dimensions x="120" y="120" />
    <OnMouseEnter>
        self:SetDimensions(140, 140)
    </OnMouseEnter>
    <OnMouseExit>
        self:SetDimensions(120, 120)
    </OnMouseExit>
    <OnClicked>
        BankManagerRevived_executeRule()
    </OnClicked>
    <OnMouseWheel>
        BankManagerRevived_nextRule(_, delta)
    </OnMouseWheel>
    <Textures
        normal="BankManagerRevived/img/gold-normal.dds"
        pressed="BankManagerRevived/img/gold-pressed.dds"
    />
    <Anchor point="CENTER" relativePoint="CENTER" relativeTo="$(parent)" />
</Button>

[Letho]

Hi Ayantir, what I meant is:

The way I understand how to setup a button with a texture in lua or xml is, that

<Textures normal="EsoUI/Art/Buttons/closebutton_up.dds" pressed="EsoUI/Art/Buttons/closebutton_down.dds" mouseOver="EsoUI/Art/Buttons/closebutton_mouseover.dds" disabled="EsoUI/Art/Buttons/closebutton_disabled.dds" />

and

:SetNormalTexture("/esoui/art/buttons/decline_up.dds");
:SetMouseOverTexture("/esoui/art/buttons/decline_over.dds");
:SetPressedTexture("/esoui/art/buttons/decline_down.dds");

should do exactly the same thing. But they don't, because the XML variant does not scale the texture to the size of it's parent element (<Button>), where SetxyzTexture does.

This is the difference (I used Circonians Control outline to show the actual dimensions of the button element):

... using SetXyzTexture() working as intended


... using XML not working as intended


Cheers, Letho

[Baertram]

Try the tag <AnchorFill/> below the Textures in the xml.
I'm not sure if this works for the Textures tag but it does inside a button, if you are using different Texture controls inside this button (setting each one fir one except using textures to set all in one line).

Check this thread here, maybe it helps too
http://www.esoui.com/forums/showthre...ght=Anchorfill

[Letho]

Hey,
tried <AnchorFill /> already, also setting up dimensions, etc. - that does not work.
<TextureCoords> do sth. different, they define to only use a section of a texture, like an imagemap in html.


@Ayantir:
Copied your mouseHandlers to my example. If defined in lua the texture will grow with the button. If defined in xml the texture will grow too, but only in relation to it's former size (probably its original size).

This behavior is really strange.

[merlight]

@Letho Could it be that you're confusing different textures? In the XML example you use *closebutton*.dds, while in the Lua example you use *decline*.dds.

I can't find the *closebutton*.dds files to check, but looking at the ZO template that uses them, they actually do have padding that's cropped out with TextureCoords:

<Button name="ZO_CloseButton" inherits="ZO_ButtonBehaviorClickSound" mouseOverBlendMode="ADD" virtual="true">
    <Dimensions x="20" y="20" />
    <Anchor point="TOPRIGHT" offsetX="-5" offsetY="6" />
 
    <TextureCoords left="0" top="0" right="0.625" bottom="0.625" />
 
    <Textures
        normal="EsoUI/Art/Buttons/closeButton_up.dds"
        pressed="EsoUI/Art/Buttons/closeButton_down.dds"
        mouseOver="EsoUI/Art/Buttons/closeButton_mouseOver.dds"
        disabled="EsoUI/Art/Buttons/closeButton_disabled.dds"
     />
</Button>

[Letho]

Originally Posted by merlight @Letho Could it be that you're confusing different textures? In the XML example you use *closebutton*.dds, while in the Lua example you use *decline*.dds. I can't find the *closebutton*.dds files to check, but looking at the ZO template that uses them, they actually do have padding that's cropped out with TextureCoords: <Button name="ZO_CloseButton" inherits="ZO_ButtonBehaviorClickSound" mouseOverBlendMode="ADD" virtual="true">     <Dimensions x="20" y="20" />     <Anchor point="TOPRIGHT" offsetX="-5" offsetY="6" />       <TextureCoords left="0" top="0" right="0.625" bottom="0.625" />       <Textures        normal="EsoUI/Art/Buttons/closeButton_up.dds"        pressed="EsoUI/Art/Buttons/closeButton_down.dds"        mouseOver="EsoUI/Art/Buttons/closeButton_mouseOver.dds"        disabled="EsoUI/Art/Buttons/closeButton_disabled.dds"     /> </Button>

Oh man, that's it! Unbelievable how stupid I am... Thx for your hint