WidgetAlign.fire

[
  {
    "__type__": "cc.SceneAsset",
    "_name": "",
    "_objFlags": 0,
    "_native": "",
    "scene": {
      "__id__": 1
    }
  },
  {
    "__type__": "cc.Scene",
    "_objFlags": 0,
    "_parent": null,
    "_children": [
      {
        "__id__": 2
      },
      {
        "__id__": 22
      }
    ],
    "_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,
      "y": 0
    },
    "_scale": {
      "__type__": "cc.Vec3",
      "x": 0.5697916666666667,
      "y": 0.5697916666666667,
      "z": 1
    },
    "_quat": {
      "__type__": "cc.Quat",
      "x": 0,
      "y": 0,
      "z": 0,
      "w": 1
    },
    "_zIndex": 0,
    "groupIndex": 0,
    "autoReleaseAssets": true,
    "_id": "a82ad8f9-bd8c-4b9a-9521-f61281e52794"
  },
  {
    "__type__": "cc.Node",
    "_name": "Canvas",
    "_objFlags": 0,
    "_parent": {
      "__id__": 1
    },
    "_children": [
      {
        "__id__": 3
      },
      {
        "__id__": 5
      },
      {
        "__id__": 7
      },
      {
        "__id__": 10
      },
      {
        "__id__": 13
      },
      {
        "__id__": 16
      },
      {
        "__id__": 19
      }
    ],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 21
      }
    ],
    "_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": "f4733J0BylHrYgFmZetwWUp",
    "_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": "5auxtbbUVATKB7UILGbC+B",
    "_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": "2cuwcnpqlFsaU3VYOsKM8l"
  },
  {
    "__type__": "cc.Node",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_id": "90c64XOLLZESqwdL+7k39E8",
    "_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": "Align Left",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_children": [],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 8
      },
      {
        "__id__": 9
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 169,
      "height": 185
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "c5587133bBDibgMCXA9G7e/",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        -395.5,
        0,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "cc.Sprite",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 7
    },
    "_enabled": true,
    "_srcBlendFactor": 770,
    "_dstBlendFactor": 771,
    "_spriteFrame": {
      "__uuid__": "28275995-c6bb-4db7-8c7a-8cfc1853abfe"
    },
    "_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": "7fq8Y02dBHz5vyKaa+uBxP"
  },
  {
    "__type__": "cc.Widget",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 7
    },
    "_enabled": true,
    "alignMode": 2,
    "_target": null,
    "_alignFlags": 10,
    "_left": 0,
    "_right": 0,
    "_top": 0,
    "_bottom": 0,
    "_verticalCenter": 0,
    "_horizontalCenter": 0,
    "_isAbsLeft": true,
    "_isAbsRight": true,
    "_isAbsTop": true,
    "_isAbsBottom": true,
    "_isAbsHorizontalCenter": true,
    "_isAbsVerticalCenter": true,
    "_originalWidth": 0,
    "_originalHeight": 0,
    "_id": "79ffqW74ZO4K768wQj5tV3"
  },
  {
    "__type__": "cc.Node",
    "_name": "Align Right",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_children": [],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 11
      },
      {
        "__id__": 12
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 169,
      "height": 185
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "78626yJnGVByoikPDgZNVvJ",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        395.5,
        0,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "cc.Sprite",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 10
    },
    "_enabled": true,
    "_srcBlendFactor": 770,
    "_dstBlendFactor": 771,
    "_spriteFrame": {
      "__uuid__": "28275995-c6bb-4db7-8c7a-8cfc1853abfe"
    },
    "_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": "3fw/PY4QpO1pj6hDxGLHkw"
  },
  {
    "__type__": "cc.Widget",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 10
    },
    "_enabled": true,
    "alignMode": 2,
    "_target": null,
    "_alignFlags": 34,
    "_left": 0,
    "_right": 0,
    "_top": 0,
    "_bottom": 0,
    "_verticalCenter": 0,
    "_horizontalCenter": 0,
    "_isAbsLeft": true,
    "_isAbsRight": true,
    "_isAbsTop": true,
    "_isAbsBottom": true,
    "_isAbsHorizontalCenter": true,
    "_isAbsVerticalCenter": true,
    "_originalWidth": 169,
    "_originalHeight": 0,
    "_id": "ceNwNBlNJG8Y3yYzIv86r2"
  },
  {
    "__type__": "cc.Node",
    "_name": "Align Top",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_children": [],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 14
      },
      {
        "__id__": 15
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 169,
      "height": 185
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "16a72LsSf1LyLFREDr6a/+J",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        0,
        227.5,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "cc.Sprite",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 13
    },
    "_enabled": true,
    "_srcBlendFactor": 770,
    "_dstBlendFactor": 771,
    "_spriteFrame": {
      "__uuid__": "28275995-c6bb-4db7-8c7a-8cfc1853abfe"
    },
    "_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": "29bHDmzmtOhqJIrFBuAUpt"
  },
  {
    "__type__": "cc.Widget",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 13
    },
    "_enabled": true,
    "alignMode": 2,
    "_target": null,
    "_alignFlags": 17,
    "_left": 0,
    "_right": 0,
    "_top": 0,
    "_bottom": 0,
    "_verticalCenter": 0,
    "_horizontalCenter": 0,
    "_isAbsLeft": true,
    "_isAbsRight": true,
    "_isAbsTop": true,
    "_isAbsBottom": true,
    "_isAbsHorizontalCenter": true,
    "_isAbsVerticalCenter": true,
    "_originalWidth": 0,
    "_originalHeight": 0,
    "_id": "01w+GW9FdM57aFFGn2Jr74"
  },
  {
    "__type__": "cc.Node",
    "_name": "Align Bottom",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_children": [],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 17
      },
      {
        "__id__": 18
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 169,
      "height": 185
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "5bdba7ix5BCIpzNGc5nTB1u",
    "_eulerAngles": {
      "__type__": "cc.Vec3",
      "x": 0,
      "y": 0,
      "z": 0
    },
    "_trs": {
      "__type__": "TypedArray",
      "ctor": "Float32Array",
      "array": [
        0,
        -227.5,
        0,
        0,
        0,
        0,
        0,
        1,
        1,
        1
      ]
    }
  },
  {
    "__type__": "cc.Sprite",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 16
    },
    "_enabled": true,
    "_srcBlendFactor": 770,
    "_dstBlendFactor": 771,
    "_spriteFrame": {
      "__uuid__": "28275995-c6bb-4db7-8c7a-8cfc1853abfe"
    },
    "_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": "8fzdRXtW1I9pX2lEtWkHN2"
  },
  {
    "__type__": "cc.Widget",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 16
    },
    "_enabled": true,
    "alignMode": 2,
    "_target": null,
    "_alignFlags": 20,
    "_left": 0,
    "_right": 0,
    "_top": 0,
    "_bottom": 0,
    "_verticalCenter": 0,
    "_horizontalCenter": 0,
    "_isAbsLeft": true,
    "_isAbsRight": true,
    "_isAbsTop": true,
    "_isAbsBottom": true,
    "_isAbsHorizontalCenter": true,
    "_isAbsVerticalCenter": true,
    "_originalWidth": 0,
    "_originalHeight": 0,
    "_id": "15ofi04fdDSJV2oTmVpxJZ"
  },
  {
    "__type__": "cc.Node",
    "_name": "Tips",
    "_objFlags": 0,
    "_parent": {
      "__id__": 2
    },
    "_children": [],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 20
      }
    ],
    "_prefab": null,
    "_opacity": 255,
    "_color": {
      "__type__": "cc.Color",
      "r": 255,
      "g": 255,
      "b": 255,
      "a": 255
    },
    "_contentSize": {
      "__type__": "cc.Size",
      "width": 280,
      "height": 40
    },
    "_anchorPoint": {
      "__type__": "cc.Vec2",
      "x": 0.5,
      "y": 0.5
    },
    "_skewX": 0,
    "_skewY": 0,
    "_zIndex": 0,
    "groupIndex": 0,
    "_id": "e4581wKEx1C0Z7R/1cOrB/j",
    "_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__": "e4f88adp3hERoJ48DZ2PSAl",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 19
    },
    "_enabled": true,
    "_srcBlendFactor": 1,
    "_dstBlendFactor": 771,
    "_useOriginalSize": false,
    "_string": "挂件对齐方式。",
    "_N$string": "挂件对齐方式。",
    "_fontSize": 40,
    "_lineHeight": 40,
    "_enableWrapText": true,
    "_N$file": null,
    "_isSystemFontUsed": true,
    "_spacingX": 0,
    "_N$horizontalAlign": 1,
    "_N$verticalAlign": 1,
    "_N$fontFamily": "Arial",
    "_N$overflow": 0,
    "_N$textKey": "cases/02_ui/01_widget/WidgetAlign.fire.18",
    "_id": "355zyEGzFLuZy9yzVVHyml"
  },
  {
    "__type__": "cc.Canvas",
    "_name": "",
    "_objFlags": 0,
    "node": {
      "__id__": 2
    },
    "_enabled": true,
    "_designResolution": {
      "__type__": "cc.Size",
      "width": 960,
      "height": 640
    },
    "_fitWidth": false,
    "_fitHeight": true,
    "_id": "dekKVVHQJPa5EahpFyy5WF"
  },
  {
    "__type__": "cc.Node",
    "_name": "Instruction",
    "_objFlags": 0,
    "_parent": {
      "__id__": 1
    },
    "_children": [],
    "_active": true,
    "_level": 0,
    "_components": [
      {
        "__id__": 23
      }
    ],
    "_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": "82523DNQAFGUIux59z3HG0r",
    "_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__": 22
    },
    "_enabled": true,
    "text": "## Widget 基础对齐功能使用说明\n\n1. 依次点击场景中 align_left, align_right, align_top, align_bottom 四个 sprite，确认他们的位置\n2. 拖拽修改 Scene 面板上方的设计分辨率，可以看到四个 sprite 依然紧贴四条边对齐\n3. 在 align_left 的节点 Widget 组件里，修改 Left 对齐下方的偏移值，可以看到 align_left 和场景最左边的距离发生变化\n4. 再次修改 Scene 面板上的设计分辨率，align_left 将和屏幕左边保持刚刚设定的偏移距离",
    "_id": "2aOYTQtGVMlIU6o3iT2GD1"
  }
]