【经验分享】简单的悬停放大效果

甲醇水溶液

萌新最近在学习自定义界面的时候，遇到许多与我一样的初学者想要一个简单的悬浮放大效果

用一个简单的transform即可实现

[RenPy] 纯文本查看 复制代码

transform btn_hover(Zsize):
    zoom 1.0
    on idle:
        easein 0.15 zoom 1.0
    on hover:
        easein 0.15 zoom Zsize

使用方法也很简单，搭配imagebutton使用更佳

[RenPy] 纯文本查看 复制代码

screen main_menu():

    ## 此语句可确保替换掉任何其他菜单屏幕。
    tag menu

    add gui.main_menu_background

    text '演示项目':
        color "#000000"
        size 200
        align (1.0, 0.0)
    text '版本号beta0.01':
        color "#000000"
        size 15
        align (1.0,1.0)
    vbox:
        xysize (800,800)
        spacing 10
        xalign 0.1
        yalign 0.8
        imagebutton idle "gui/main_menu/startgame.png" hover "gui/main_menu/startgame_hover.png":
            align (0.5,0.5)
            at btn_hover(1.2) #应用transform效果
            action Start()
        imagebutton idle "gui/main_menu/loadgame.png" hover "gui/main_menu/loadgame_hover.png":
            align (0.5,0.5)
            at btn_hover(1.2)
            action ShowMenu("load")
        imagebutton idle "gui/main_menu/setting.png" hover "gui/main_menu/setting_hover.png":
            align (0.5,0.5)
            at btn_hover(1.2)
            action ShowMenu("preferences")
        imagebutton idle "gui/main_menu/others.png" hover "gui/main_menu/others_hover.png":
            align (0.5,0.5)
            at btn_hover(1.2)
            action Quit(True)