719 lines
18 KiB
JSON
719 lines
18 KiB
JSON
{
|
|
"schemaVersion": 1,
|
|
"prefabName": "UI_CommonChat",
|
|
"prefabPath": "Assets/Game/Art/UI/Prefab/UI_CommonChat.prefab",
|
|
"description": "Normal 层通用聊天界面。默认只显示窗口下方的一行聊天输入入口，点击 Btn_CollapsedInput 触发 Chat.Open 后由运行时控制器隐藏 Panel_Collapsed 并显示 Panel_Chat。展开态包含标题、关闭按钮、消息 ScrollRect、消息模板、底部输入框和发送按钮。JsonUIPrefabBuilder 会为 InputHitArea 生成真实 TMP_InputField，并绑定 Txt_InputValue/Txt_InputPlaceholder；消息克隆、滚动到底和聊天开关由 C# 按 bindings/events 接管。",
|
|
"canvas": {
|
|
"canvasScaler": {
|
|
"referenceResolution": [2048, 1024],
|
|
"matchWidthOrHeight": 0.5
|
|
}
|
|
},
|
|
"assets": {
|
|
"sprites": {
|
|
"ui_panel_main": "Assets/Game/Art/UI/Texture/Common/ui_panel_main.png",
|
|
"ui_panel_header": "Assets/Game/Art/UI/Texture/Common/ui_panel_header.png",
|
|
"ui_panel_content": "Assets/Game/Art/UI/Texture/Common/ui_panel_content.png",
|
|
"ui_panel_footer": "Assets/Game/Art/UI/Texture/Common/ui_panel_footer.png",
|
|
"ui_list_item_normal": "Assets/Game/Art/UI/Texture/Common/ui_list_item_normal.png",
|
|
"input_bg_normal": "Assets/Game/Art/UI/Texture/Common/input_bg_normal.png",
|
|
"input_bg_focus": "Assets/Game/Art/UI/Texture/Common/input_bg_focus.png",
|
|
"btn_primary_normal": "Assets/Game/Art/UI/Texture/Common/btn_primary_normal.png",
|
|
"btn_primary_hover": "Assets/Game/Art/UI/Texture/Common/btn_primary_hover.png",
|
|
"btn_primary_pressed": "Assets/Game/Art/UI/Texture/Common/btn_primary_pressed.png",
|
|
"btn_primary_disabled": "Assets/Game/Art/UI/Texture/Common/btn_primary_disabled.png",
|
|
"btn_close": "Assets/Game/Art/UI/Texture/Common/btn_close.png",
|
|
"ico_chat": "Assets/Game/Art/UI/Texture/Common/ico_chat.png",
|
|
"ico_clear": "Assets/Game/Art/UI/Texture/Common/ico_clear.png",
|
|
"ico_keyboard": "Assets/Game/Art/UI/Texture/Common/ico_keyboard.png"
|
|
}
|
|
},
|
|
"nodes": [
|
|
{
|
|
"name": "UI_CommonChat",
|
|
"parent": null,
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [0, 0],
|
|
"offsetMax": [0, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Canvas",
|
|
"sortingOrder": 12000
|
|
},
|
|
{
|
|
"type": "CanvasScaler",
|
|
"referenceResolution": [2048, 1024],
|
|
"matchWidthOrHeight": 0.5
|
|
},
|
|
{
|
|
"type": "GraphicRaycaster"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Panel_Collapsed",
|
|
"parent": "UI_CommonChat",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0.5, 0],
|
|
"anchorMax": [0.5, 0],
|
|
"pivot": [0.5, 0],
|
|
"anchoredPosition": [0, 40],
|
|
"sizeDelta": [720, 88]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "CanvasGroup",
|
|
"alpha": 0.98,
|
|
"interactable": true,
|
|
"blocksRaycasts": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Btn_CollapsedInput",
|
|
"parent": "Panel_Collapsed",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [0, 0],
|
|
"offsetMax": [0, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "input_bg_normal",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"transition": "SpriteSwap",
|
|
"spriteHighlighted": "input_bg_focus",
|
|
"spritePressed": "input_bg_focus",
|
|
"spriteDisabled": "input_bg_normal",
|
|
"onClick": "Chat.Open"
|
|
},
|
|
{
|
|
"type": "Shadow",
|
|
"effectColor": "#06101F55",
|
|
"effectDistance": [0, -6],
|
|
"useGraphicAlpha": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Img_CollapsedChatIcon",
|
|
"parent": "Btn_CollapsedInput",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0.5],
|
|
"anchorMax": [0, 0.5],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [48, 0],
|
|
"sizeDelta": [48, 48]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ico_chat",
|
|
"imageType": "Simple",
|
|
"preserveAspect": true,
|
|
"raycastTarget": false,
|
|
"color": "#FFFFFFFF"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Txt_CollapsedPlaceholder",
|
|
"parent": "Btn_CollapsedInput",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [92, 0],
|
|
"offsetMax": [-32, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "TextMeshProUGUI",
|
|
"text": "点击输入消息...",
|
|
"fontSize": 30,
|
|
"alignment": "Left",
|
|
"color": "#6B7E92FF",
|
|
"raycastTarget": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Panel_Chat",
|
|
"parent": "UI_CommonChat",
|
|
"active": false,
|
|
"rect": {
|
|
"anchorMin": [0.5, 0],
|
|
"anchorMax": [0.5, 0],
|
|
"pivot": [0.5, 0],
|
|
"anchoredPosition": [0, 40],
|
|
"sizeDelta": [960, 720]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ui_panel_main",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Shadow",
|
|
"effectColor": "#06101F66",
|
|
"effectDistance": [0, -10],
|
|
"useGraphicAlpha": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Panel_Header",
|
|
"parent": "Panel_Chat",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 1],
|
|
"anchorMax": [1, 1],
|
|
"pivot": [0.5, 1],
|
|
"anchoredPosition": [0, 0],
|
|
"sizeDelta": [0, 104]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ui_panel_header",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Img_HeaderChatIcon",
|
|
"parent": "Panel_Header",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0.5],
|
|
"anchorMax": [0, 0.5],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [58, 0],
|
|
"sizeDelta": [52, 52]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ico_chat",
|
|
"imageType": "Simple",
|
|
"preserveAspect": true,
|
|
"raycastTarget": false,
|
|
"color": "#FFFFFFFF"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Txt_Title",
|
|
"parent": "Panel_Header",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [104, 0],
|
|
"offsetMax": [-112, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "TextMeshProUGUI",
|
|
"text": "聊天",
|
|
"fontSize": 42,
|
|
"fontStyle": "Bold",
|
|
"alignment": "Left",
|
|
"color": "#102033FF",
|
|
"raycastTarget": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Btn_Close",
|
|
"parent": "Panel_Header",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [1, 0.5],
|
|
"anchorMax": [1, 0.5],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-56, 0],
|
|
"sizeDelta": [72, 72]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "btn_close",
|
|
"imageType": "Simple",
|
|
"preserveAspect": true,
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"transition": "ColorTint",
|
|
"onClick": "Chat.Close"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Panel_MessageArea",
|
|
"parent": "Panel_Chat",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [32, 132],
|
|
"offsetMax": [-32, -120]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ui_panel_content",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Scroll_Messages",
|
|
"parent": "Panel_MessageArea",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [20, 20],
|
|
"offsetMax": [-20, -20]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "ScrollRect",
|
|
"horizontal": false,
|
|
"vertical": true,
|
|
"viewport": "Viewport_Messages",
|
|
"content": "Content_Messages"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Viewport_Messages",
|
|
"parent": "Scroll_Messages",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [0, 0],
|
|
"offsetMax": [0, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ui_panel_content",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFF00"
|
|
},
|
|
{
|
|
"type": "RectMask2D"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Content_Messages",
|
|
"parent": "Viewport_Messages",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 1],
|
|
"anchorMax": [1, 1],
|
|
"pivot": [0.5, 1],
|
|
"anchoredPosition": [0, 0],
|
|
"sizeDelta": [0, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "VerticalLayoutGroup",
|
|
"spacing": 14,
|
|
"padding": [8, 8, 8, 8],
|
|
"childAlignment": "UpperCenter",
|
|
"childControlWidth": true,
|
|
"childControlHeight": true,
|
|
"childForceExpandWidth": false,
|
|
"childForceExpandHeight": false
|
|
},
|
|
{
|
|
"type": "ContentSizeFitter",
|
|
"verticalFit": "PreferredSize",
|
|
"horizontalFit": "Unconstrained"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Item_MessageOther_Template",
|
|
"parent": "Content_Messages",
|
|
"active": false,
|
|
"rect": {
|
|
"anchorMin": [0, 1],
|
|
"anchorMax": [1, 1],
|
|
"pivot": [0.5, 1],
|
|
"anchoredPosition": [0, 0],
|
|
"sizeDelta": [0, 112]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ui_list_item_normal",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": false,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "LayoutElement",
|
|
"preferredHeight": 112,
|
|
"preferredWidth": 840
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Txt_OtherName",
|
|
"parent": "Item_MessageOther_Template",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 1],
|
|
"anchorMax": [1, 1],
|
|
"pivot": [0.5, 1],
|
|
"anchoredPosition": [0, -12],
|
|
"sizeDelta": [-40, 30]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "TextMeshProUGUI",
|
|
"text": "玩家",
|
|
"fontSize": 22,
|
|
"fontStyle": "Bold",
|
|
"alignment": "Left",
|
|
"color": "#2F6AA8FF",
|
|
"raycastTarget": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Txt_OtherMessage",
|
|
"parent": "Item_MessageOther_Template",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [20, 14],
|
|
"offsetMax": [-32, -42]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "TextMeshProUGUI",
|
|
"text": "你好，欢迎来到聊天频道。",
|
|
"fontSize": 28,
|
|
"alignment": "Left",
|
|
"color": "#23384CFF",
|
|
"raycastTarget": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Item_MessageSelf_Template",
|
|
"parent": "Content_Messages",
|
|
"active": false,
|
|
"rect": {
|
|
"anchorMin": [0, 1],
|
|
"anchorMax": [1, 1],
|
|
"pivot": [0.5, 1],
|
|
"anchoredPosition": [0, 0],
|
|
"sizeDelta": [0, 104]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ui_list_item_normal",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": false,
|
|
"color": "#DDF8E6FF"
|
|
},
|
|
{
|
|
"type": "LayoutElement",
|
|
"preferredHeight": 104,
|
|
"preferredWidth": 840
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Txt_SelfMessage",
|
|
"parent": "Item_MessageSelf_Template",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [28, 16],
|
|
"offsetMax": [-28, -16]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "TextMeshProUGUI",
|
|
"text": "这是我发送的消息。",
|
|
"fontSize": 28,
|
|
"alignment": "Right",
|
|
"color": "#1E4A2EFF",
|
|
"raycastTarget": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Panel_InputBar",
|
|
"parent": "Panel_Chat",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 0],
|
|
"pivot": [0.5, 0],
|
|
"anchoredPosition": [0, 0],
|
|
"sizeDelta": [0, 120]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ui_panel_footer",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "InputHitArea",
|
|
"parent": "Panel_InputBar",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0.5],
|
|
"anchorMax": [1, 0.5],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-84, 0],
|
|
"sizeDelta": [-256, 76]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "input_bg_normal",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "TMP_InputField",
|
|
"textComponent": "Txt_InputValue",
|
|
"placeholderComponent": "Txt_InputPlaceholder",
|
|
"placeholder": "输入聊天内容...",
|
|
"characterLimit": 200,
|
|
"lineType": "SingleLine",
|
|
"contentType": "Standard"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Img_Keyboard",
|
|
"parent": "InputHitArea",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0.5],
|
|
"anchorMax": [0, 0.5],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [42, 0],
|
|
"sizeDelta": [40, 40]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ico_keyboard",
|
|
"imageType": "Simple",
|
|
"preserveAspect": true,
|
|
"raycastTarget": false,
|
|
"color": "#FFFFFFFF"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Txt_InputPlaceholder",
|
|
"parent": "InputHitArea",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [76, 0],
|
|
"offsetMax": [-72, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "TextMeshProUGUI",
|
|
"text": "输入聊天内容...",
|
|
"fontSize": 28,
|
|
"alignment": "Left",
|
|
"color": "#7A8DA1FF",
|
|
"raycastTarget": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Txt_InputValue",
|
|
"parent": "InputHitArea",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [76, 0],
|
|
"offsetMax": [-72, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "TextMeshProUGUI",
|
|
"text": "",
|
|
"fontSize": 28,
|
|
"alignment": "Left",
|
|
"color": "#23384CFF",
|
|
"raycastTarget": false
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Btn_ClearInput",
|
|
"parent": "InputHitArea",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [1, 0.5],
|
|
"anchorMax": [1, 0.5],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-38, 0],
|
|
"sizeDelta": [44, 44]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "ico_clear",
|
|
"imageType": "Simple",
|
|
"preserveAspect": true,
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"transition": "ColorTint",
|
|
"onClick": "Chat.ClearInput"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Btn_Send",
|
|
"parent": "Panel_InputBar",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [1, 0.5],
|
|
"anchorMax": [1, 0.5],
|
|
"pivot": [0.5, 0.5],
|
|
"anchoredPosition": [-92, 0],
|
|
"sizeDelta": [160, 76]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "Image",
|
|
"sprite": "btn_primary_normal",
|
|
"imageType": "Sliced",
|
|
"raycastTarget": true,
|
|
"color": "#FFFFFFFF"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"transition": "SpriteSwap",
|
|
"spriteHighlighted": "btn_primary_hover",
|
|
"spritePressed": "btn_primary_pressed",
|
|
"spriteDisabled": "btn_primary_disabled",
|
|
"onClick": "Chat.Send"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "Txt_Send",
|
|
"parent": "Btn_Send",
|
|
"active": true,
|
|
"rect": {
|
|
"anchorMin": [0, 0],
|
|
"anchorMax": [1, 1],
|
|
"offsetMin": [0, 0],
|
|
"offsetMax": [0, 0]
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "TextMeshProUGUI",
|
|
"text": "发送",
|
|
"fontSize": 30,
|
|
"fontStyle": "Bold",
|
|
"alignment": "Center",
|
|
"color": "#1F3A0EFF",
|
|
"raycastTarget": false
|
|
},
|
|
{
|
|
"type": "Outline",
|
|
"effectColor": "#FFFFFFFF",
|
|
"effectDistance": [1, -1],
|
|
"useGraphicAlpha": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"bindings": [
|
|
"Panel_Collapsed",
|
|
"Btn_CollapsedInput",
|
|
"Panel_Chat",
|
|
"Btn_Close",
|
|
"Scroll_Messages",
|
|
"Viewport_Messages",
|
|
"Content_Messages",
|
|
"Item_MessageOther_Template",
|
|
"Item_MessageSelf_Template",
|
|
"Panel_InputBar",
|
|
"InputHitArea",
|
|
"Txt_InputPlaceholder",
|
|
"Txt_InputValue",
|
|
"Btn_ClearInput",
|
|
"Btn_Send",
|
|
"Txt_Title"
|
|
],
|
|
"events": [
|
|
{
|
|
"name": "Chat.Open",
|
|
"node": "Btn_CollapsedInput"
|
|
},
|
|
{
|
|
"name": "Chat.Close",
|
|
"node": "Btn_Close"
|
|
},
|
|
{
|
|
"name": "Chat.ClearInput",
|
|
"node": "Btn_ClearInput"
|
|
},
|
|
{
|
|
"name": "Chat.Send",
|
|
"node": "Btn_Send"
|
|
}
|
|
]
|
|
}
|