[Solved] Imagebutton ATL Hover/Unhover Animation

[papiersam]

Very silly question that I'm sure has a concise answer somewhere that I can't find, but:

How do you use an ATL image as an argument for an imagebutton?

I tried it like this:

Code: Select all

image test:
    "newgame.png"
    0.5
    "newgameo.png" with Dissolve(0.75, alpha=True)

screen main_menu():
    tag menu
    
    hbox:
        align 0.5, 0.8
        imagebutton idle "newgame.png" hover test action Start()  

But that just throws a "test undefined" error.

I did an outdated workaround like this:

Code: Select all

define nwg = anim.TransitionAnimation("newgame.png", 1.0, Dissolve(0.5, alpha=True), 
                "newgameo.png", 2.0, Dissolve(0.5, alpha=True))
screen main_menu():

    hbox:
        align 0.5, 0.8
        imagebutton idle "newgame.png" hover nwg action Start() 

However, it's deprecated and it doesn't reset the animation every time I unhover and re-hover. So how would I accomplish this?

Thanks.

Postscript: and is there an 'unhover' animation option/workaround?

[Ocelot]

Did you try imagebutton idle "newgame.png" hover "test"?

IIRC it will try to find defined image with that name before trying to load it.

[papiersam]

Did you try imagebutton idle "newgame.png" hover "test"?

IIRC it will try to find defined image with that name before trying to load it.

Right you are, thanks for that.

Still, the animation doesn't restart after I unhover and rehover. I don't mean to use repeat, I just want the animation to work every time I hover over the button.

Also, still wondering about unhover animation possibilities.

Thanks!

[xavimat]

still wondering about unhover animation possibilities.

Well, your request seems interesting. I've tried with no success with imagebuttons, but I think this is your desired effect using buttons:

Code: Select all

screen test():
        button:
            xysize (300, 50)
            add "img_button"
            action ToggleVariable("var", True, False)

image img_button:

    Solid("#440", xysize=(300,50))

    on idle:
        Solid("#440", xysize=(300,50)) with Dissolve(0.75, alpha=True)
    on hover:
        Solid("#880", xysize=(300,50)) with Dissolve(0.75, alpha=True)
    on selected_idle:
        Solid("#044", xysize=(300,50)) with Dissolve(0.75, alpha=True)
    on selected_hover:
        Solid("#088", xysize=(300,50)) with Dissolve(0.75, alpha=True)

label start:
    $ var = False
    show screen test
    pause

You'll change the Solid() with "yourimage.png".

[papiersam]

Yup, that did the trick (I used to use some bulkier version of that for imagebutton animation, good to see a better use for it). Just to note, to replace the Solid() with my image, I had to set the background to None to remove any...well, background:

Code: Select all

        button:
            add "img_button"
            action ToggleVariable("var", True, False)
            clicked Notify("Note")
            background None

Couldn't get a variant to work with imagebutton, but this'll do just fine (it also runs the animation upon calling the screen, but I'll figure that out later).

Thank you for your help.

[xavimat]

You're welcome

Btw, can you have "clicked" and "action" in the same button? I thought clicked was obsolete.

[papiersam]

Btw, can you have "clicked" and "action" in the same button?

It seems to work properly. I figured that was the use of clicked: if action was taken, I use clicked instead.

Update: Oh! When you put ToggleVariable("nvar", True, False), you meant that as a stand in action! I have no idea why I assumed that was there to toggle the image state.

Well, that changes things.

Still, clicked seems to work correctly. In fact, after testing, it has apparent priority over action; the clicked argument will be executed, while the action will be ignored. It's been removed from the docs as far as I can tell, so it should be at least deprecated.

Weird.

[xavimat]

Yes, it's weird that clicked is working (I presume because of backwards compatibility) but has also priority over "action".
I've never used clicked. In action you can use a list of actions to trigger more than one action in one click.