Is there a way to change xzoom/yzoom for different states in an ImageButton?

[newbiemate]

An ImageButton allows us to define different image filepaths depending on what state it's in: "idle", "hover", "selected_idle", etc.

How can I also change the xzoom and yzoom of "idle" image, and change it to something else when it's in a "hover" state? Is this possible with an ImageButton?

Basically I would like a way to change the size of an image button depending on its state, as kind of a UX feedback to the user.

[Imperf3kt]

Use an ATL transform and the on hover attribute

I haven't got time to post an example, but I hope this helps a bit.
https://www.renpy.org/doc/html/atl.html?highlight=atl#

[strayerror]

Here's an example using transform events to scale the button to 1.25 when hovered (and back). Plenty more information on events in Imperf3kt's link :)

Code: Select all

screen example():
    imagebutton:
        align .5, .5
        idle Solid('f777', xysize=(160, 90))
        hover Solid('7f77', xysize=(160, 90))
        action NullAction()
        at transform:
            on idle:
                linear .25 zoom 1.0
            on hover:
                linear .25 zoom 1.25