Slick Forums • View topic - Image on Button instead of Text (not with Themes)

View unanswered posts | View active topics

Board index » Related Libraries and Tools » TWL

All times are UTC

Image on Button instead of Text (not with Themes)

Moderators: MatthiasM, moderators

Page 1 of 1

[ 4 posts ]

Print view

Previous topic | Next topic

Author

Message

HolgerS

Post subject: Image on Button instead of Text (not with Themes)

Posted: Mon Oct 10, 2011 7:26 am

Joined: Mon Oct 10, 2011 7:07 am
Posts: 2

Hi all,
I was wondering how we could place an image (e.g. png) on a button. Of course, using a theme works but unfortunately this does not help as we do not have the images available upfront and therefore can not "hard-code" them in a theme.

So far I was trying to use the following code:

[code]
Button btn = new Button() {
@Override
protected void afterAddToGUI(final GUI gui) {
Texture texture = gui.getRenderer().loadTexture(pngFileLocation, "RGBA", "linear");
setBackground(texture.getImage(0,0, texture.getWidth(), texture.getHeight, null, false, Rotation.NONE);
}
}
[/code]

Background:
We are using TWL within an Eclipse rich client application. Other plugins may contribute extensions to our GUI that contain buttons with images. As we do not know what will be contributed before, we need to set the image of a button within the code when evaluating the UI contributions. The Button shall look like a regular button (designed by a theme :-)

but instead of text, an image shall be shown.

Any help would be great.
Thanks,
Holger

Top

laxika

Post subject:

Posted: Mon Oct 10, 2011 3:51 pm

Joined: Thu Jul 28, 2011 3:21 pm
Posts: 17
Location: Hungary

This is what I use.

in layout method:

I use a HashMap to store the images.

Code:

button.setBackground(ImageStore.getInstance().getTWLImage("wctitle"));

This method load a png image and convert it to TWL's DynamicImage

Code:

private DynamicImage loadTWLImage(String name) {
        try {
            BufferedImage img = ImageIO.read(new File("images/" + name + ".png"));
            ByteBuffer bb = ByteBuffer.allocateDirect(img.getWidth() * img.getHeight() * 4);

            for (int i = 0; i < img.getHeight(); i++) {
                for (int j = 0; j < img.getWidth(); j++) {
                    int argb = img.getRGB(j, i);
                    byte alpha = (byte) (argb >> 24);
                    byte red = (byte) (argb >> 16);
                    byte green = (byte) (argb >> 8);
                    byte blue = (byte) (argb);

                    bb.put(red);
                    bb.put(green);
                    bb.put(blue);
                    bb.put(alpha);
                }
            }
            bb.flip();

            DynamicImage dymage = Main.getTWLRenderer().createDynamicImage(img.getWidth(), img.getHeight());
            dymage.update(bb, DynamicImage.Format.RGBA);
            return dymage;
        } catch (IOException ex) {
            Logger.getLogger(ImageStore.class.getName()).log(Level.SEVERE, null, ex);
            return null;
        }
    }

Hope it helps. Matthias have answers to your questations.

Top

MatthiasM

Post subject:

Posted: Mon Oct 10, 2011 5:39 pm

Slick Zombie

Joined: Fri Jan 29, 2010 7:02 pm
Posts: 1171

If you call setBackground you should also override applyThemeBackground to be a nop. Otherwise applying a theme (or adding the widget to the GUI) will over write your background.

_________________
TWL - The Themable Widget Library

Top

HolgerS

Post subject:

Posted: Tue Oct 11, 2011 7:21 am

Joined: Mon Oct 10, 2011 7:07 am
Posts: 2

Thanks guys,
you helped me out.

Taking Matthias hint into account, I now use the following solution (I could not copy/paste the code so there might be some typos :roll:

Code:

URL imageUrl = ...; // the URL where the image is

Button btn = new Button(){
   @Override
   protected applyThemeBackground(final ThemeInfo themeInfo) {
      if (null != imageUrl) {
         try {
            final BufferedImage bi = ImageIO.read(imageUrl);
            final DynamicImage dynImage = getGUI().getRenderer().createDynamicImage(bi.getWidth(), bi.getHeight());
            dynImage.update(getDataBuffer(bi), Format.BGRA);
            setBackground(dynImage);
         }
         catch (IOException e) {
            e.printStackTrace();
         }
      }
   }
};

public static ByteBuffer getDataBuffer(final BufferedImage bufImage) {
   final boolean hasAlpha = hasAlpha(bufImage);
   final BufferedImage bi = new BufferedImage(bugImage.getWidth(), bufImage.getHeight(), hasAlpha ? BufferedImage.TYPE_INT_ARGB : BufferedImage.TYPE_INT_RGB);
   final Graphics2D g = bi.createGraphics();
   g.drawImage(bi, null, null);
   d.dispose();
   final int[] data = ((DataBufferInt) bi.getRaster().getDataBuffer()).getData();
   final ByteBuffer bb = ByteBuffer.allocateDirect(data.length * 4);
   bb.order(ByteOrder.LITTLE_ENDIAN);
   bb.asIntBuffer().put(data);
   return bb;
}

public static hasAlpha(final java.awt.Image img) {
   boolean hasAlpha = false;
   if (img instanceof BufferedImage) {
      hasAlpha = ((BufferedImage)img).getColorModel().hasAlpha();
   }
   else {
      final PixelGrabber pg = new PixelGrabber(img, 0, 0, 1, 1, false);
      try {
         pg.grabPixels();
         hasAlpha = pg.getColorModel().hasAlpha();
      }
      catch (final InterruptedException e) {
         e.printStackTrace();
      }
   }
}

Greetings,
Holger

Top

Page 1 of 1

[ 4 posts ]

Board index » Related Libraries and Tools » TWL

All times are UTC

Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum