LibGDX how to make a buttons size independent of image

[katherineamt]

When adding images to a TextButton in LibGDX how would I match the button to the contents of the image. Currently when I set size the image scales down to fit the button which leaves a large gap between the edge of the button and the contents of the image (See distance from green debug border to the edge of the buttons image).

I would like to be able to set the size of the button to match the content of the image so that the empty space around the image is ignored. I could crop out the empty space from the image but would have an off centered image due to the drop shadow and so would like to avoid that.

Top image shows the displayed dutton in game including the debug button border in green. Bottom image shows the source image with empty space.

Code: Select all

TextButton.TextButtonStyle buttonStyle = new TextButton.TextButtonStyle();
buttonStyle.font = FontLoader.uiFont;
buttonStyle.up = new SpriteDrawable(new Sprite(assetManager.get(UISpriteLoader.SPRITE_UI_TAMING_BUTTON_BASE, Texture.class)));
buttonStyle.down = new SpriteDrawable(new Sprite(assetManager.get(UISpriteLoader.SPRITE_UI_TAMING_BUTTON_PRESSED, Texture.class)));
buttonStyle.over = new SpriteDrawable(new Sprite(assetManager.get(UISpriteLoader.SPRITE_UI_TAMING_BUTTON_HOVER, Texture.class)));
tameButton = new TextButton("Tame", buttonStyle);
tameButton.setPosition(1470, 1080-330-80);
tameButton.setSize(250, 80);
stage.addActor(tameButton);

[shatterblast]

I am just throwing out an idea. As a work-around, you could have two different sizes of the same image, and thus, two different sizes of the same Button. You could set the width and height of the current Button to be relatively same to the width and height of the existing image. Just change the size of the Button when swapping one picture with a different one. You could use these instead of entering your own values in setSize() of tameButton :

https://libgdx.badlogicgames.com/ci/nightlies/docs/api/com/badlogic/gdx/graphics/Texture.html#getWidth--

https://libgdx.badlogicgames.com/ci/nightlies/docs/api/com/badlogic/gdx/graphics/Texture.html#getHeight--

[Androphin]

Why don't you use an ImageTextButton? https://libgdx.badlogicgames.com/ci/nig ... utton.html

A button (and therefore its subclasses) is implementing the layout interface. So you can deal with a min, max and preferred size.