请问这个图中的按钮按下效果是怎么做的

Creator 2.x
#1

这个图中中间那个开始按钮点击的效果图并没有被拉伸，但是normal状态下的图片是带有下面那层阴影的，也就是高度比press状态的图片要高，我直接设置的话，press状态的图片会被拉伸。

这是我设置的：

然后效果：

#2

把自动裁剪去掉，矮的那张图保留一部分透明像素。
让两张图尺寸一样高。

#3

这是normal的：

press：

我设置高一点就会变成这样：

image.png606×1246 40.8 KB

他这个是那个图集资源。

#4

你可以选择把图集打散，把矮的那张图换掉。换成有透明像素的，重新打包。

或者一个普通精灵，添加脚本监听 touchend 的脚本，

cc.Class({
    extends: cc.Component,

    properties: {
        sp:cc.SpriteFrame,

    },

    // use this for initialization
    onLoad: function () {
        var self = this
        this.node.on('touchend', function (event) {
        
        this.node.getComponent(cc.Sprite).spriteFrame = this.sp
        
        }, self);
        
    },

});