AIC-Project/Doc/UIPrefabCreater/UI_PlayerProfileHud.json

{
  "schemaVersion": 1,
  "prefabName": "UI_PlayerProfileHud",
  "prefabPath": "Assets/Game/Art/UI/Prefab/UI_PlayerProfileHud.prefab",
  "description": "HUD layer player profile entry for lobby and mini games. Runtime PlayerProfileModule binds Btn_Profile/Txt_Nickname/Txt_Level/Txt_Exp/Img_ExpBg/Img_ExpFill and opens the detail panel on click.",
  "canvas": {
    "canvasScaler": {
      "referenceResolution": [2048, 1024],
      "matchWidthOrHeight": 0.5
    }
  },
  "assets": {
    "sprites": {
      "ui_panel_content": "Assets/Game/Art/UI/Texture/Common/ui_panel_content.png",
      "avatar_frame": "Assets/Game/Art/UI/Texture/Common/avatar_frame.png",
      "ico_user": "Assets/Game/Art/UI/Texture/Common/ico_user.png",
      "ui_badge_base": "Assets/Game/Art/UI/Texture/Common/ui_badge_base.png",
      "progress_bg": "Assets/Game/Art/UI/Texture/Common/progress_bg.png",
      "progress_fill_green": "Assets/Game/Art/UI/Texture/Common/progress_fill_green.png"
    }
  },
  "nodes": [
    {
      "name": "UI_PlayerProfileHud",
      "parent": null,
      "active": true,
      "rect": {
        "anchorMin": [0, 1],
        "anchorMax": [0, 1],
        "pivot": [0, 1],
        "anchoredPosition": [24, -24],
        "sizeDelta": [424, 136]
      },
      "components": [
        {
          "type": "CanvasGroup",
          "alpha": 0.98,
          "interactable": true,
          "blocksRaycasts": true
        }
      ]
    },
    {
      "name": "Btn_Profile",
      "parent": "UI_PlayerProfileHud",
      "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": "#FFFFFFFF"
        },
        {
          "type": "Button",
          "onClick": "PlayerProfile.OpenDetail"
        },
        {
          "type": "Shadow",
          "effectColor": "#06101F66",
          "effectDistance": [0, -6],
          "useGraphicAlpha": true
        }
      ]
    },
    {
      "name": "Img_AvatarFrame",
      "parent": "Btn_Profile",
      "active": true,
      "rect": {
        "anchorMin": [0, 0.5],
        "anchorMax": [0, 0.5],
        "pivot": [0.5, 0.5],
        "anchoredPosition": [68, 0],
        "sizeDelta": [96, 96]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "avatar_frame",
          "imageType": "Sliced",
          "raycastTarget": false,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Img_AvatarIcon",
      "parent": "Img_AvatarFrame",
      "active": true,
      "rect": {
        "anchorMin": [0.5, 0.5],
        "anchorMax": [0.5, 0.5],
        "pivot": [0.5, 0.5],
        "anchoredPosition": [0, 0],
        "sizeDelta": [56, 56]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ico_user",
          "imageType": "Simple",
          "preserveAspect": true,
          "raycastTarget": false,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Txt_Nickname",
      "parent": "Btn_Profile",
      "active": true,
      "rect": {
        "anchorMin": [0, 1],
        "anchorMax": [0, 1],
        "pivot": [0, 1],
        "anchoredPosition": [132, -22],
        "sizeDelta": [188, 34]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "Player",
          "fontSize": 26,
          "fontStyle": "Bold",
          "alignment": "Left",
          "color": "#33405EFF",
          "raycastTarget": false
        }
      ]
    },
    {
      "name": "Badge_Level",
      "parent": "Btn_Profile",
      "active": true,
      "rect": {
        "anchorMin": [1, 1],
        "anchorMax": [1, 1],
        "pivot": [1, 1],
        "anchoredPosition": [-22, -18],
        "sizeDelta": [74, 38]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ui_badge_base",
          "imageType": "Sliced",
          "raycastTarget": false,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Txt_Level",
      "parent": "Badge_Level",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [0, 0],
        "offsetMax": [0, 0]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "Lv.1",
          "fontSize": 20,
          "fontStyle": "Bold",
          "alignment": "Center",
          "color": "#F6F8FFFF",
          "raycastTarget": false
        },
        {
          "type": "Outline",
          "effectColor": "#102033CC",
          "effectDistance": [1, -1],
          "useGraphicAlpha": true
        }
      ]
    },
    {
      "name": "Img_ExpBg",
      "parent": "Btn_Profile",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 0],
        "pivot": [0.5, 0],
        "anchoredPosition": [66, 26],
        "sizeDelta": [-170, 28]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "progress_bg",
          "imageType": "Sliced",
          "raycastTarget": false,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Img_ExpFill",
      "parent": "Img_ExpBg",
      "active": true,
      "rect": {
        "anchorMin": [0, 0.5],
        "anchorMax": [0, 0.5],
        "pivot": [0, 0.5],
        "anchoredPosition": [0, 0],
        "sizeDelta": [1, 22]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "progress_fill_green",
          "imageType": "Sliced",
          "raycastTarget": false,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Txt_Exp",
      "parent": "Img_ExpBg",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [0, 0],
        "offsetMax": [0, 0]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "0/100",
          "fontSize": 18,
          "fontStyle": "Bold",
          "alignment": "Center",
          "color": "#F6F8FFFF",
          "raycastTarget": false
        },
        {
          "type": "Outline",
          "effectColor": "#102033CC",
          "effectDistance": [1, -1],
          "useGraphicAlpha": true
        }
      ]
    }
  ],
  "bindings": ["Btn_Profile", "Img_AvatarIcon", "Txt_Nickname", "Txt_Level", "Txt_Exp", "Img_ExpBg", "Img_ExpFill"],
  "events": [
    { "name": "PlayerProfile.OpenDetail", "node": "Btn_Profile" }
  ]
}