refactor(gui): 更新背景信息预制件的节点名称和尺寸配置

- 重命名节点以简化命名规范
- 调整背景和边框的尺寸及缩放比例
- 更新精灵帧和颜色配置
- 修改部件边距和锚点设置
This commit is contained in:
panw
2025-12-22 15:37:25 +08:00
parent 993fd4ebac
commit 84d10a7aca
3 changed files with 895 additions and 865 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -18,8 +18,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 100,
"trimY": 1596,
"trimX": 376,
"trimY": 1567,
"width": 26,
"height": 18,
"rawWidth": 26,
@@ -110,8 +110,8 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 100,
"trimY": 1616,
"trimX": 143,
"trimY": 1617,
"width": 4,
"height": 18,
"rawWidth": 4,
@@ -156,8 +156,8 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 296,
"trimY": 1559,
"trimX": 623,
"trimY": 1531,
"width": 17,
"height": 16,
"rawWidth": 17,
@@ -202,8 +202,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 39,
"trimY": 1596,
"trimX": 503,
"trimY": 1537,
"width": 16,
"height": 24,
"rawWidth": 16,
@@ -248,8 +248,8 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 314,
"trimY": 1559,
"trimX": 624,
"trimY": 1497,
"width": 17,
"height": 16,
"rawWidth": 17,
@@ -340,8 +340,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 260,
"trimY": 1497,
"trimX": 508,
"trimY": 1563,
"width": 60,
"height": 60,
"rawWidth": 60,
@@ -386,8 +386,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 322,
"trimY": 1497,
"trimX": 570,
"trimY": 1563,
"width": 60,
"height": 60,
"rawWidth": 60,
@@ -432,8 +432,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 384,
"trimY": 1497,
"trimX": 404,
"trimY": 1567,
"width": 54,
"height": 54,
"rawWidth": 54,
@@ -478,8 +478,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 494,
"trimY": 1497,
"trimX": 460,
"trimY": 1565,
"width": 46,
"height": 46,
"rawWidth": 48,
@@ -524,8 +524,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 542,
"trimY": 1497,
"trimX": 632,
"trimY": 1550,
"width": 46,
"height": 46,
"rawWidth": 48,
@@ -570,7 +570,7 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 590,
"trimX": 648,
"trimY": 1497,
"width": 46,
"height": 46,
@@ -616,16 +616,16 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 638,
"trimY": 1497,
"trimX": 680,
"trimY": 1545,
"width": 46,
"height": 46,
"rawWidth": 48,
"rawHeight": 48,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 0,
"borderRight": 0,
"borderTop": 23,
"borderBottom": 23,
"borderLeft": 23,
"borderRight": 23,
"packable": true,
"pixelsToUnit": 100,
"pivotX": 0.5,
@@ -662,8 +662,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 21,
"trimY": 1596,
"trimX": 485,
"trimY": 1537,
"width": 16,
"height": 24,
"rawWidth": 16,
@@ -708,8 +708,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 510,
"trimY": 1545,
"trimX": 370,
"trimY": 1591,
"width": 32,
"height": 32,
"rawWidth": 32,
@@ -754,8 +754,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 118,
"trimY": 1497,
"trimX": 1,
"trimY": 1537,
"width": 140,
"height": 83,
"rawWidth": 140,
@@ -800,8 +800,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 384,
"trimY": 1553,
"trimX": 447,
"trimY": 1537,
"width": 36,
"height": 26,
"rawWidth": 36,
@@ -846,8 +846,8 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 422,
"trimY": 1553,
"trimX": 266,
"trimY": 1597,
"width": 25,
"height": 50,
"rawWidth": 25,
@@ -889,11 +889,11 @@
"name": "Slider_Border_Tapered_01_Fill_Orange",
"userData": {
"trimThreshold": 1,
"rotated": false,
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 440,
"trimY": 1497,
"trimX": 295,
"trimY": 1567,
"width": 25,
"height": 50,
"rawWidth": 25,
@@ -935,11 +935,11 @@
"name": "Slider_Border_Tapered_01_Fill_Sky",
"userData": {
"trimThreshold": 1,
"rotated": false,
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 467,
"trimY": 1497,
"trimX": 318,
"trimY": 1594,
"width": 25,
"height": 50,
"rawWidth": 25,
@@ -984,8 +984,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 642,
"trimY": 1545,
"trimX": 143,
"trimY": 1537,
"width": 150,
"height": 28,
"rawWidth": 150,
@@ -1030,8 +1030,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 686,
"trimY": 1497,
"trimX": 143,
"trimY": 1567,
"width": 150,
"height": 28,
"rawWidth": 150,
@@ -1073,11 +1073,11 @@
"name": "Slider_Border_Tapered_02_Fill_Yellow",
"userData": {
"trimThreshold": 1,
"rotated": true,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 781,
"trimY": 1113,
"trimX": 295,
"trimY": 1537,
"width": 150,
"height": 28,
"rawWidth": 150,
@@ -1119,11 +1119,11 @@
"name": "Slider_Border_Tapered_03_Border",
"userData": {
"trimThreshold": 1,
"rotated": true,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 785,
"trimY": 1575,
"trimX": 514,
"trimY": 1497,
"width": 40,
"height": 36,
"rawWidth": 40,
@@ -1165,11 +1165,11 @@
"name": "Slider_Border_Tapered_03_Fill",
"userData": {
"trimThreshold": 1,
"rotated": false,
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 86,
"trimY": 1596,
"trimX": 624,
"trimY": 1516,
"width": 12,
"height": 22,
"rawWidth": 12,
@@ -1214,8 +1214,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 57,
"trimY": 1596,
"trimX": 347,
"trimY": 1567,
"width": 27,
"height": 22,
"rawWidth": 27,
@@ -1260,8 +1260,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 474,
"trimY": 1549,
"trimX": 557,
"trimY": 1531,
"width": 34,
"height": 30,
"rawWidth": 34,
@@ -1306,8 +1306,8 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 260,
"trimY": 1559,
"trimX": 521,
"trimY": 1535,
"width": 17,
"height": 16,
"rawWidth": 17,
@@ -1352,8 +1352,8 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 278,
"trimY": 1559,
"trimX": 539,
"trimY": 1535,
"width": 17,
"height": 16,
"rawWidth": 17,
@@ -1398,8 +1398,8 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 120,
"trimY": 1616,
"trimX": 163,
"trimY": 1617,
"width": 4,
"height": 18,
"rawWidth": 4,
@@ -1444,8 +1444,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 699,
"trimY": 1575,
"trimX": 469,
"trimY": 1113,
"width": 41,
"height": 44,
"rawWidth": 41,
@@ -1490,8 +1490,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 742,
"trimY": 1575,
"trimX": 469,
"trimY": 1159,
"width": 41,
"height": 44,
"rawWidth": 41,
@@ -1536,8 +1536,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 612,
"trimY": 1545,
"trimX": 593,
"trimY": 1531,
"width": 28,
"height": 29,
"rawWidth": 28,
@@ -1582,8 +1582,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 544,
"trimY": 1545,
"trimX": 556,
"trimY": 1497,
"width": 32,
"height": 32,
"rawWidth": 32,
@@ -1617,6 +1617,52 @@
],
"subMetas": {}
},
"ca3ab": {
"importer": "sprite-frame",
"uuid": "ab41374b-398e-499c-8501-75493c8ff83e@ca3ab",
"displayName": "",
"id": "ca3ab",
"name": "Window",
"userData": {
"trimThreshold": 1,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 469,
"trimY": 1205,
"width": 40,
"height": 40,
"rawWidth": 48,
"rawHeight": 48,
"borderTop": 20,
"borderBottom": 20,
"borderLeft": 20,
"borderRight": 20,
"packable": true,
"pixelsToUnit": 100,
"pivotX": 0.5,
"pivotY": 0.5,
"meshType": 0,
"vertices": {
"rawPosition": [],
"indexes": [],
"uv": [],
"nuv": [],
"minPos": [],
"maxPos": []
},
"isUuid": true,
"imageUuidOrDatabaseUri": "82ba42b7-4bc5-4d63-9417-96dc6c255731@6c48a",
"atlasUuid": "ab41374b-398e-499c-8501-75493c8ff83e",
"trimType": "auto"
},
"ver": "1.0.12",
"imported": true,
"files": [
".json"
],
"subMetas": {}
},
"8e66b": {
"importer": "sprite-frame",
"uuid": "ab41374b-398e-499c-8501-75493c8ff83e@8e66b",
@@ -1628,16 +1674,16 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 653,
"trimY": 1575,
"trimX": 696,
"trimY": 1497,
"width": 44,
"height": 44,
"rawWidth": 48,
"rawHeight": 48,
"borderTop": 0,
"borderBottom": 0,
"borderLeft": 0,
"borderRight": 0,
"borderTop": 22,
"borderBottom": 22,
"borderLeft": 22,
"borderRight": 22,
"packable": true,
"pixelsToUnit": 100,
"pivotX": 0.5,
@@ -1674,8 +1720,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 578,
"trimY": 1545,
"trimX": 590,
"trimY": 1497,
"width": 32,
"height": 32,
"rawWidth": 32,
@@ -1717,11 +1763,11 @@
"name": "bar1",
"userData": {
"trimThreshold": 1,
"rotated": true,
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 1,
"trimY": 1497,
"trimX": 143,
"trimY": 1597,
"width": 121,
"height": 18,
"rawWidth": 121,
@@ -1766,8 +1812,8 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 140,
"trimY": 1582,
"trimX": 1,
"trimY": 1497,
"width": 511,
"height": 38,
"rawWidth": 511,
@@ -1858,7 +1904,7 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 469,
"trimX": 313,
"trimY": 1113,
"width": 154,
"height": 382,
@@ -1904,7 +1950,7 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 625,
"trimX": 670,
"trimY": 1113,
"width": 154,
"height": 382,
@@ -1950,7 +1996,7 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 21,
"trimX": 742,
"trimY": 1497,
"width": 95,
"height": 97,
@@ -1996,7 +2042,7 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 838,
"trimX": 826,
"trimY": 1113,
"width": 162,
"height": 240,
@@ -2042,7 +2088,7 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 838,
"trimX": 826,
"trimY": 1277,
"width": 162,
"height": 240,
@@ -2088,7 +2134,7 @@
"rotated": true,
"offsetX": 0,
"offsetY": 0,
"trimX": 838,
"trimX": 839,
"trimY": 1441,
"width": 161,
"height": 237,
@@ -2134,7 +2180,7 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 157,
"trimX": 514,
"trimY": 1113,
"width": 154,
"height": 382,
@@ -2180,7 +2226,7 @@
"rotated": false,
"offsetX": 0,
"offsetY": 0,
"trimX": 313,
"trimX": 157,
"trimY": 1113,
"width": 154,
"height": 382,

View File

@@ -71,7 +71,7 @@
},
{
"__type__": "cc.Node",
"_name": "BaseFrame_Border_Rectangle_H60_Bg",
"_name": "Bg",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
@@ -108,8 +108,8 @@
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 1,
"y": 1,
"x": 5,
"y": 5,
"z": 1
},
"_mobility": 0,
@@ -136,8 +136,8 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 825,
"height": 187.5
"width": 360,
"height": 640
},
"_anchorPoint": {
"__type__": "cc.Vec2",
@@ -167,13 +167,13 @@
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 83,
"g": 81,
"b": 81,
"r": 148,
"g": 148,
"b": 148,
"a": 255
},
"_spriteFrame": {
"__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@c3210",
"__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@ca3ab",
"__expectedType__": "cc.SpriteFrame"
},
"_type": 1,
@@ -188,7 +188,10 @@
"_fillRange": 0,
"_isTrimmedMode": true,
"_useGrayscale": false,
"_atlas": null,
"_atlas": {
"__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e",
"__expectedType__": "cc.SpriteAtlas"
},
"_id": ""
},
{
@@ -246,7 +249,7 @@
},
{
"__type__": "cc.Node",
"_name": "BaseFrame_Border_Rectangle_H60_Border",
"_name": "Border",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
@@ -283,8 +286,8 @@
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 1,
"y": 1,
"x": 5,
"y": 5,
"z": 1
},
"_mobility": 0,
@@ -311,8 +314,8 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 825,
"height": 187.5
"width": 360,
"height": 640
},
"_anchorPoint": {
"__type__": "cc.Vec2",
@@ -342,13 +345,13 @@
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 0,
"g": 0,
"b": 0,
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_spriteFrame": {
"__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@6e2e8",
"__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@8e66b",
"__expectedType__": "cc.SpriteFrame"
},
"_type": 1,
@@ -363,7 +366,10 @@
"_fillRange": 0,
"_isTrimmedMode": true,
"_useGrayscale": false,
"_atlas": null,
"_atlas": {
"__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e",
"__expectedType__": "cc.SpriteAtlas"
},
"_id": ""
},
{
@@ -421,7 +427,7 @@
},
{
"__type__": "cc.Node",
"_name": "BaseFrame_Border_Rectangle_H60_DecoLine",
"_name": "CornersSilver",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
@@ -458,8 +464,8 @@
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 1,
"y": 1,
"x": 5,
"y": 5,
"z": 1
},
"_mobility": 0,
@@ -486,8 +492,8 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 805,
"height": 167.5
"width": 360,
"height": 640
},
"_anchorPoint": {
"__type__": "cc.Vec2",
@@ -498,7 +504,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "fbeQHbeipFY7ExzedhFNLM"
"fileId": "1033MU6eBKWJm2yvPLdAu0"
},
{
"__type__": "cc.Sprite",
@@ -517,13 +523,13 @@
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 182,
"g": 182,
"b": 182,
"r": 255,
"g": 255,
"b": 255,
"a": 255
},
"_spriteFrame": {
"__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@fbeff",
"__uuid__": "ab41374b-398e-499c-8501-75493c8ff83e@b50f2",
"__expectedType__": "cc.SpriteFrame"
},
"_type": 1,
@@ -543,7 +549,7 @@
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "ccp5/zHVZB3pcnuk2PVY8s"
"fileId": "a4IfOCCsRJRJ4DVgetI+wc"
},
{
"__type__": "cc.Widget",
@@ -559,10 +565,10 @@
},
"_alignFlags": 45,
"_target": null,
"_left": 10,
"_right": 10,
"_top": 10,
"_bottom": 10,
"_left": 0,
"_right": 0,
"_top": 0,
"_bottom": 0,
"_horizontalCenter": 0,
"_verticalCenter": 0,
"_isAbsLeft": true,
@@ -571,15 +577,15 @@
"_isAbsBottom": true,
"_isAbsHorizontalCenter": true,
"_isAbsVerticalCenter": true,
"_originalWidth": 54,
"_originalHeight": 54,
"_originalWidth": 46,
"_originalHeight": 46,
"_alignMode": 2,
"_lockFlags": 0,
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "70pduWDClGF6JcbdW5pmZE"
"fileId": "f9LvExhctNUqDhUqA0wn7n"
},
{
"__type__": "cc.PrefabInfo",
@@ -589,7 +595,7 @@
"asset": {
"__id__": 0
},
"fileId": "beOOI7i7NFaqr0T9a9N6d2",
"fileId": "43P0gFGJBAiYf55DlpmNdV",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
@@ -608,8 +614,8 @@
},
"_contentSize": {
"__type__": "cc.Size",
"width": 825,
"height": 187.5
"width": 1800,
"height": 3200
},
"_anchorPoint": {
"__type__": "cc.Vec2",
@@ -667,6 +673,7 @@
"__id__": 0
},
"fileId": "05DREFeeFN3J6MVw6Ib9Zw",
"instance": null,
"targetOverrides": null
}
]