bedrock-samples/resource_pack/ui/pocket_containers.json

{
  "namespace": "pocket_containers",

  "generic_label": {
    "type": "label",
    "layer": 2,
    "anchor_from": "center",
    "anchor_to": "center",
    "color": "$pocket_title_text_color"
  },

  //----------------------
  // Header Panel
  //----------------------

  "header_panel": {
    "type": "panel",
    "layer": 1,
    "size": [ "50%", "27px" ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "controls": [
      {
        "header_background": {
          "type": "image",
          "texture": "textures/ui/header_bar"
        }
      },
      {
        "title_label@generic_label": { "text": "$header_label" }
      }
    ]
  },

  "header_area": {
    "type": "panel",
    "controls": [
      { "x@common.legacy_pocket_close_button": { "layer": 3 } },
      {
        "inventory_header@pocket_containers.header_panel": {
          "$header_label": "chestScreen.header.player"
        }
      },
      {
        "container_header@pocket_containers.header_panel": {
          "layer": 2,
          "anchor_from": "top_middle",
          "$header_label": "$container_title"
        }
      }
    ]
  },

  //-----------------
  // Inventory Panels
  //-----------------

  "dark_bg": {
    "type": "image",
    "texture": "textures/ui/dark_bg",
    "layer": 3
  },

  "panel_outline": {
    "type": "image",
    "texture": "textures/ui/panel_outline"
  },

  "background_panel": {
    "type": "image",
    "size": [ "100%", "100%" ],
    "texture": "textures/ui/background_panel",
    "layer": 2
  },

  "inventory_grid": {
    "type": "grid",
    "grid_rescaling_type": "horizontal",
    "anchor_to": "top_left",
    "anchor_from": "top_left",
    "size": [ "100%", "default" ],
    "maximum_grid_items": "$container_size",
    "collection_name": "$pane_collection",
    "grid_item_template": "common.pocket_ui_container_item",
    "$item_collection_name": "$pane_collection"
  },

  "inventory_panel": {
    "type": "panel",
    "size": [ "80%", "95%" ],
    "anchor_to": "center",
    "anchor_from": "center",
    "controls": [
      {
        "scrolling_panel@common.scrolling_panel": {
          "$allow_scrolling_even_when_content_fits": false,
          "layer": 1,
          "$scrolling_pane_size": [ "100%", "100%-2px" ],
          "$scrolling_content": "pocket_containers.inventory_grid",
          "$scroll_box_mouse_image_control": "common-classic.button_state_default",
          "$scroll_size": [ "8px", "100%" ]
        }
      }
    ]
  },

  "half_screen": {
    "type": "panel",
    "size": [ "50%", "100%-27px" ],
    "offset": [ 0, 27 ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "controls": [
      { "inventory_panel@inventory_panel": {} }
    ]
  },

  //--------------------
  // Screen Definitions
  //--------------------

  "panel": {
    "type": "panel",
    "controls": [
      { "container_gamepad_helpers@common.container_gamepad_helpers": { "layer": 3 } },
      { "header@header_area": { "layer": 2 } },
      { "bg@background_panel": { "layer": 0 } },
      {
        "inventory@half_screen": {
          "$container_size": 36,
          "$pane_collection": "combined_hotbar_and_inventory_items"
        }
      },
      {
        "container@half_screen": {
          "anchor_from": "top_middle",
          "$pane_collection": "container_items"
        }
      },
      { "selected_item_details_factory@common.selected_item_details_factory": {} },
      {
        "item_lock_notification_factory@common.item_lock_notification_factory": {
          "$offset": [ 0, "85%" ]
        }
      },
      { "gamepad_cursor@common.gamepad_cursor_button": {} },
      { "inventory_selected_icon_button@common.inventory_selected_icon_button": {} },
      { "hold_icon@common.inventory_take_progress_icon_button": {} },
      { "flying_item_renderer@common.flying_item_renderer": { "layer": 12 } },
      { "bundle_touch_tooltip@gameplay.bundle_touch_tooltip": {} }
    ]
  },

  "small_chest_panel@panel": {
    "$container_size": 27
  },

  "large_chest_panel@panel": {
    "$container_size": 54
  },

  "hopper_panel@panel": {
    "$container_size": 5
  },

  "dispenser_panel@panel": {
    "$container_size": 9
  },

  "dropper_panel@panel": {
    "$container_size": 9
  },

  "ender_chest_panel@panel": {
    "$container_size": 27
  },
  "shulker_box_panel@small_chest_panel": {
  },
  "barrel_panel@small_chest_panel": {
  }
}