UI - Custom Buttons - How?

Discussion in 'Starcraft 2 (SC2) Editor Help' started by Fulla, Jan 26, 2012.

  1. Fulla

    Fulla Evil Overlord

    Ratings:
    +31 / 0 / -0
    Does anyone know how to setup DIALOG buttons with custom UI via triggers?

    I have scoured google searches and multiple forums, nothing seems to cover this. I tried to no avail the: Set - Dialog Item Image

    thanks.
     
  2. Kyuft

    Kyuft Member

    Ratings:
    +11 / 0 / -0
    You want to make your own button?
    -Kyuft:shades:
     
  3. Fulla

    Fulla Evil Overlord

    Ratings:
    +31 / 0 / -0
    Eventually artwise yes, but just for starters just

    how do you change a buttons image with triggers?
     
  4. Kyuft

    Kyuft Member

    Ratings:
    +11 / 0 / -0
    You don't need to use triggers if you are making the button on a unit's command card.
    Is that what you are doing?
    -Kyuft:shades:
     
  5. Fulla

    Fulla Evil Overlord

    Ratings:
    +31 / 0 / -0
    Dialogs Buttons!!!
     
  6. Kyuft

    Kyuft Member

    Ratings:
    +11 / 0 / -0
  7. Fulla

    Fulla Evil Overlord

    Ratings:
    +31 / 0 / -0
    Thanks for being helpful, however that Dialog has standard default buttons.

    I'd like to have custom art buttons.
     
  8. Siretu

    Siretu Starcraft 2 Editor Moderator Staff Member

    Ratings:
    +295 / 0 / -0
    [del]
    It depends on what kind of button we're talking about.

    As far as I know, there's two relevant buttons you might be talking about(excluding screen buttons since they're not really useful for anything since the dialog does everything they do but better if I recall correctly).

    There's dialog buttons and command card buttons.

    Dialog buttons are created through triggers and are used to create custom menus and stuff. You can view a tutorial about them[/del].

    Since there's been like 3 additional replies since I started writing this thread, it's easier for me to explain since I know what kind of button you want. Basically, I've had problems getting an image to work for the buttons. You can set the button text and in the button text add an image but it's clumsy and looks bad. The way I do it is to create a separate dialog item(an image) and place it over the button. Make it slightly smaller than the button and set it in a separate variable that you can refer to. Then you use the "Set - Dialog Item Image" action to set the image's image instead of the button's image.

    Edit: Or are you talking about modifying the borders of the button?
     
  9. Fulla

    Fulla Evil Overlord

    Ratings:
    +31 / 0 / -0
    Here is an example: Look at the art of the buttons, NOT standard.

    More importantly he's set it up just like a button so
    - if your mouse goes over them, they highlight just like a button
    - if you click (without releasing mouse button) they change colour as well.
     
  10. Siretu

    Siretu Starcraft 2 Editor Moderator Staff Member

    Ratings:
    +295 / 0 / -0
    There are several things you have to know. First of all, to achieve the mouse-over effect, make sure you set the "Hover Image" of the button when creating it(or later on by using the "Set Dialog Item Hover Image" action).

    Now, the image that buttons use are not the same as an ordinary image. They're chipped up in pieces so the editor can use them to make a working button of ANY size. View this post on sc2mapster to get some more information on that.

    Basically, you have to make an image, divide it into squares, put the correct parts of your button in the correct squares, save it and import it back in and set the dialog buttons image to that.

    Another way I tried but failed with was to just setting the button's image to a normal image and then setting the Image Type to normal. However, this seems to stretch it out for some reason.
     
  11. Fulla

    Fulla Evil Overlord

    Ratings:
    +31 / 0 / -0
    Thanks, got it working flawlessly now.

    I may right a tutorial on it, to help others.
     
  12. Siretu

    Siretu Starcraft 2 Editor Moderator Staff Member

    Ratings:
    +295 / 0 / -0
    Awesome, I would love it if you made a tutorial about it.
     
  13. Kyuft

    Kyuft Member

    Ratings:
    +11 / 0 / -0
    Please write a tutorial on it, I think it would help many people on TH including me.
    -Kyuft:shades:
     
  14. GFreak45

    GFreak45 I didnt slap you, i high 5'd your face.

    Ratings:
    +132 / 0 / -0
    pretty sure there is an event that a dialog item is clicked, regardless of whether it is a button or not, ie: event an image is clicked, that way you can create your own 100% custom images for buttons, which with a graphics background i would like to do in one of my own maps when i have the time to actually make one
     
  15. Siretu

    Siretu Starcraft 2 Editor Moderator Staff Member

    Ratings:
    +295 / 0 / -0
    This doesn't work. Unfortunately, the "Dialog Item is used" event does not trigger upon clicking an image.

    However, if you read the thread you'll see that this was actually solved. The solution provided also allows you to create 100% custom images for buttons. Even if the event had worked that way you would just've created a button that is not as flexible as the standard one.
     
  16. GFreak45

    GFreak45 I didnt slap you, i high 5'd your face.

    Ratings:
    +132 / 0 / -0
    that depends, you could easily have 2 coppies of a button, btn.filetype and btnPressed.filetype, with some clever scripting you could basically have re-skinned the button, unless thats not what you mean

    but oh well :*( shoot my hopes and dreams down! :p
     
  17. Siretu

    Siretu Starcraft 2 Editor Moderator Staff Member

    Ratings:
    +295 / 0 / -0
    I just don't see what you're trying to accomplish GFreak. You can have a button that has one appearance normally, one when it's highlighted and one when it's pressed. If you read the rest of the thread, you can find out how to do it.
     
  18. GFreak45

    GFreak45 I didnt slap you, i high 5'd your face.

    Ratings:
    +132 / 0 / -0
    you can? my derp...
    i guess i shouldnt be browsing the SC2 editor forum when i havent touched the thing in a month+
    been using Visual Studio C++ Express, and you kinda have to make all these things do what they do yourself
    more versatile but increases the "gruntwork" or tedious but easy parts of programming -.-
     

Share This Page