ButtonSizeMode.fire

[
  {
    "__type__": "cc.SceneAsset",
    "_name": "",
    "_objFlags": 0,
    "_native": "",
    "scene": {
      "__id__": 1
    }
  },
  {
    "__type__": "cc.Scene",
    "_objFlags": 0,
    "_parent": null,
    "_children": [
      {
        "__id__": 2
      },
      {
        "__id__": 16
      }
    ],
    "_active": true,
    "_level": 0,
    "_components": [],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 100,
      "height": 100
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_scale": {
      "__type__": "cc.Vec3",
      "x": 0.3265625,
      "y": 0.3265625,
      "z": 1
    },
    "_quat": {
      "__type__": "cc.Quat",
      "x": 0,
      "y": 0,
      "z": 0,
      "w": 1
    },
    "_zIndex": 0,
    "groupIndex": 0,
    "autoReleaseAssets": false,
    "_id": "697733c0-c7f3-46cc-97e9-eaa1bfa09606"
  },
  {
    "__type__": "cc.Node",
    "_name": "Canvas",
    "_objFlags": 0,
    "_parent": {
      "__id__": 1
    },
    "_children": [
      {
        "__id__": 3
      },
      {
        "__id__": 5
      },
      {
        "__id__": 7
      },
      {
        "__id__": 9
      },
      {
        "__id__": 12
      }
    ],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 15
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 960,
      "height": 640
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "0b951/6WMhCD6sAzEqnsgvw",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        480,
        320,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "cc.Node",
    "_name": "Main Camera",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_children": [],
    "_active": true,
    "_level": 1,
    "_components": [
      {
        "__id__": 4
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 0,
      "height": 0
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "35EHG7IflEM6yIhwk3pE5g",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "cc.Camera",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 3
    },
    "_enabled": true,
    "_cullingMask": 4294967295,
    "_clearFlags": 7,
    "_backgroundColor": {
      "__type__": "cc.Color",
      "r": 0,
      "g": 0,
      "b": 0,
      "a": 255
    },
    "_depth": -1,
    "_zoomRatio": 1,
    "_targetTexture": null,
    "_id": "23o83GKRhCxZpZecS1sSot"
  },
  {
    "__type__": "cc.Node",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_id": "e02633eCWVO37awr03JDiOQ",
    "_prefab": {
      "__id__": 6
    },
    "_name": "Background",
    "_active": true,
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0
      ]
    }
  },
  {
    "__type__": "cc.PrefabInfo",
    "root": {
      "__id__": 5
    },
    "asset": {
      "__uuid__": "b8392351-be97-4f01-985e-3e7d2118f3c9"
    },
    "fileId": "78fd70+ls5GgJcFkzvLSRk8",
    "sync": true
  },
  {
    "__type__": "cc.Node",
    "_name": "Report_button",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_children": [],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 8
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 426.37,
      "height": 40
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "f45dfH3KOVJgqeytAWDnU/P",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        0,
        128,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "e4f88adp3hERoJ48DZ2PSAl",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 7
    },
    "_enabled": true,
    "_srcBlendFactor": 1,
    "_dstBlendFactor": 771,
    "_useOriginalSize": false,
    "_string": "Different hit areas of the buttons",
    "_N$string": "Different hit areas of the buttons",
    "_fontSize": 30,
    "_lineHeight": 40,
    "_enableWrapText": true,
    "_N$file": null,
    "_isSystemFontUsed": true,
    "_spacingX": 0,
    "_N$horizontalAlign": 1,
    "_N$verticalAlign": 0,
    "_N$fontFamily": "Arial",
    "_N$overflow": 0,
    "_N$textKey": "cases/02_ui/03_button/ButtonSizeMode.fire",
    "_id": "dfmaewEGBN3LUSkoJs4vsb"
  },
  {
    "__type__": "cc.Node",
    "_name": "Button Trimmed",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_children": [],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 10
      },
      {
        "__id__": 11
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 187,
      "g": 187,
      "b": 187,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 94,
      "height": 94
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "9b93co63e1OqKgy8OdW52R3",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        -150,
        -27,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "cc.Sprite",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 9
    },
    "_enabled": true,
    "_srcBlendFactor": 770,
    "_dstBlendFactor": 771,
    "_spriteFrame": {
      "__uuid__": "99fa791f-fa44-4c64-8996-e60d6ec02abe"
    },
    "_type": 0,
    "_sizeMode": 1,
    "_fillType": 0,
    "_fillCenter": {
      "__type__": "cc.Vec2",
      "x": 0,
      "y": 0
    },
    "_fillStart": 0,
    "_fillRange": 0,
    "_isTrimmedMode": true,
    "_state": 0,
    "_atlas": null,
    "_id": "99fVsZYZBDBJDQUoRZ4/PG"
  },
  {
    "__type__": "cc.Button",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 9
    },
    "_enabled": true,
    "transition": 1,
    "pressedColor": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 104,
      "b": 104,
      "a": 255
    },
    "hoverColor": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "duration": 0.1,
    "zoomScale": 1.2,
    "clickEvents": [],
    "_N$interactable": true,
    "_N$enableAutoGrayEffect": false,
    "_N$normalColor": {
      "__type__": "cc.Color",
      "r": 187,
      "g": 187,
      "b": 187,
      "a": 255
    },
    "_N$disabledColor": {
      "__type__": "cc.Color",
      "r": 124,
      "g": 124,
      "b": 124,
      "a": 255
    },
    "_N$normalSprite": null,
    "_N$pressedSprite": null,
    "pressedSprite": null,
    "_N$hoverSprite": null,
    "hoverSprite": null,
    "_N$disabledSprite": null,
    "_N$target": {
      "__id__": 9
    },
    "_id": "82+g3wmT1AZKzruDNU4Jq1"
  },
  {
    "__type__": "cc.Node",
    "_name": "Button Raw",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_children": [],
    "_active": true,
    "_level": 1,
    "_components": [
      {
        "__id__": 13
      },
      {
        "__id__": 14
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 187,
      "g": 187,
      "b": 187,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 200,
      "height": 200
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "70wb5t1ElNY5B9/nFl1MMD",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        150,
        -27,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "cc.Sprite",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 12
    },
    "_enabled": true,
    "_srcBlendFactor": 770,
    "_dstBlendFactor": 771,
    "_spriteFrame": {
      "__uuid__": "99fa791f-fa44-4c64-8996-e60d6ec02abe"
    },
    "_type": 0,
    "_sizeMode": 2,
    "_fillType": 0,
    "_fillCenter": {
      "__type__": "cc.Vec2",
      "x": 0,
      "y": 0
    },
    "_fillStart": 0,
    "_fillRange": 0,
    "_isTrimmedMode": false,
    "_state": 0,
    "_atlas": null,
    "_id": "66ymhVBZ9JTbNpEuxvnvNZ"
  },
  {
    "__type__": "cc.Button",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 12
    },
    "_enabled": true,
    "transition": 1,
    "pressedColor": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 104,
      "b": 104,
      "a": 255
    },
    "hoverColor": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "duration": 0.1,
    "zoomScale": 1.2,
    "clickEvents": [],
    "_N$interactable": true,
    "_N$enableAutoGrayEffect": false,
    "_N$normalColor": {
      "__type__": "cc.Color",
      "r": 187,
      "g": 187,
      "b": 187,
      "a": 255
    },
    "_N$disabledColor": {
      "__type__": "cc.Color",
      "r": 124,
      "g": 124,
      "b": 124,
      "a": 255
    },
    "_N$normalSprite": null,
    "_N$pressedSprite": null,
    "pressedSprite": null,
    "_N$hoverSprite": null,
    "hoverSprite": null,
    "_N$disabledSprite": null,
    "_N$target": {
      "__id__": 12
    },
    "_id": "2aijUHAV5AvLHp1gnoZSME"
  },
  {
    "__type__": "cc.Canvas",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 2
    },
    "_enabled": true,
    "_designResolution": {
      "__type__": "cc.Size",
      "width": 960,
      "height": 640
    },
    "_fitWidth": false,
    "_fitHeight": true,
    "_id": "82XOhHPoJDVZEnz3NwaQqU"
  },
  {
    "__type__": "cc.Node",
    "_name": "Instruction",
    "_objFlags": 0,
    "_parent": {
      "__id__": 1
    },
    "_children": [],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 17
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 0,
      "height": 0
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "be079lHuo1DrqjFPBTa4cJJ",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "6a871gy73FDLap3Eje/2h6i",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 16
    },
    "_enabled": true,
    "text": "## Button 响应区域\n\n点击左右两个按钮时，按钮发生颜色变化，左边是鼠标移动到按钮所在区域才触发，右边是鼠标接近按钮时就触发了。\n其实这两个按钮显示的是同一个 SpriteFrame，而这个 SpriteFrame 的原图四周存在很大的透明区域。\n因此当两个按钮对应的 Sprite 组件的设置不同，它们所在的节点大小也就不一样，所以它们的触发区域并不一样。\n关于 Sprite 的详细设置可以参考 Sprite 相关范例。",
    "_id": "42ASUp565GhKTrIstsajAd"
  }
]