CEGUI (Crazy Eddie's GUI) Forums

Hi,

I'm starting using CEGUI now and I would like to make a button with a image as background and some text in the bottom of this button. How can I do it? I would like to do it dinamicly not with scripts.

Thanks a lot and Happy New Year!
Dirso.

I think the most easy way to do it (if you load a layout from a xml blabla.layout file) is the following:

Create a picture with the four button states (normal, over, pressed, disabled). The picture's size should be in powers of two. create an imageset file for that picture and put both the picture and the imageset file into the "imagesets" directory. The imageset file can look somawhat like this:

That defines four named images: btnNormal, btnHover, btnPushed and btnDisabl that are located in the imageset FTSUI

Now, in your program's initialisation code, load that imageset:



This loads the imageset into CEGUI. If later on, for some reason, you need to acces that imageset, you can get it by calling the following function:

Now let's go on creating the buttons. we'll do this in the layout file of your window or UI. We first create an imagebutton using the images we put in the imageset, and then we'll create a child into it of the type StaticText, so we can put some caption into the button. There we go (I assume you know how to work with layouts. If not, just ask ):


That's it basically. Try it out, give me feedback, test it, tell me the typos, ... because I think i'll write a wiki page about this

Thanks a lot for your answer!
I try it out and I'll give you feedback whether it works or not (I hope it DOES work )

Happy new Year!
Dirso.

Hi,

I'm starting work with your code and I have a few questions:
1) I have several buttons, one image for each button. Do I need to create a layout for each one?
2) Is there any way to create a template and, in run time, assign a imageset for it?
3) If I have to make a layout for each button, do I need to change its name? I mean:


Thanks a lot,
Dirso

If i understood your post right (i'll go to sleep after writing this hehe), you misunderstood what is an layout file. I saw your other posts, you created everything (window, button, ...) in code. A .layout file avoids you this work: you define the window, its buttons and so one in an xml file (named blabla.layout) and load that xml file and display it via the following code:




Won't work, because that line would mean: "create a window of type TaharezLook/ImageButton1, named btnNewGame2", but TaharezLook/ImageButton1 doesn't exist, TaharezLook/ImageButton exists. Know what i mean ?

If you want, i can give you an example of a full .layout file (the one in my last post is not a full working one .... tought ... thinking about it, i have a nice idea that would go into the direction of your questions ... i'll post it tomorrow

EDIT:
ok here it is. If you want to add the buttons in code (maybe because you create everything else by code), you have to create one layout that looks exactly like the one above, for each button one. The

should be different in each layout. Then you can load the layout with the function i showed you above and put it into your window. I hope I was clear

About your template idea: i have currently no idea how to do this in a simple way. Just add all pictures in one imageset and name them differently.

To understand how a .layout file works, you can take a look here:
http://www.cegui.org.uk/wiki/index.php/The_Beginner_Guide_to_Creating_a_CEGUI_Window#XML_layouts

Hi,

First: Thank you very much for your help!
I would like to create the buttons because I would like to make a expansible game, so any user could create a "extension" for the game and just drop the files in the folder, but with the layout idea i think it would work (I would just have to look into some folder and load all the files inside to my game - it would works GREAT!! Am I right?

Thanks a lot,
Dirso

I don't know your game but it sounds this would work
Tell me when it works or if you have another question about that

Hi Pompei2 ,

I just used OGRE to programming Graphic , so i get a trouble with image button . I can't create a imagebutton . so you can give me a full code about imagebutton and files : *.imageset, layout , image file (.tga, ...) ?

Please help me soon !

Thank you very much !
---------------------------

Oh yes, the server doesn't exist anymore ! At home, I may have a look if I still have those files, but I can't guarantee you.

I won't be able to help you fast, as I'm very busy these days, but I will try to have a look. As to OGRE, I have no idea about ogre at all, did never use it

Thx4Thread, but i´ve still a little question. I Want to Create a toolbar with more than 1 Imagebutton e.g 10 Imagebuttons. Is it possible to put alle imagesets about the informations of the Imagebuttons together in one imageset which can be load with CEGUI in one step?


gretz Toa

An imageset can contain multiple images - in this sense the actual graphics should be in a single file, the xml part can be defined by hand or with CEImagesetEditor. If you require that each image be in it's own image file, then each will be treated as a separate Imageset, though you could group those together in a scheme file so they all get loaded at once.

CE