bedrock-samples/resource_pack/ui/furnace_screen_pocket.json

{
  "namespace": "furnace_pocket",

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

  // Backgrounds //

  "background_image": {
    "type": "image",
    "size": [ "85%", "85%" ],
    "texture": "textures/ui/background_panel"
  },

  // Arrow //

  "empty_arrow@furnace.furnace_arrow_empty_image": {
    "anchor_from": "center",
    "anchor_to": "center"
  },
  "full_arrow@furnace.furnace_arrow_full_image": {
    "anchor_from": "center",
    "anchor_to": "center"
  },

  // Flame //

  "flame_empty@furnace.flame_empty_image": {
  },
  "flame_full@furnace.flame_full_image": {
  },

  // Labels //

  "input_label@furnace_pocket.generic_label": {
    "text": "furnaceScreen.input"
  },
  "fuel_label@furnace_pocket.generic_label": {
    "text": "furnaceScreen.fuel"
  },
  "result_label@furnace_pocket.generic_label": {
    "text": "furnaceScreen.result"
  },
  "result_name_label@furnace_pocket.generic_label": {
    "text": ""
  },

  // Slots //

  "furnace_content": {
    "type": "panel",
    "size": [ 104, 110 ],
    "anchor_from": "center",
    "anchor_to": "center",
    "offset": [ -1, -2 ],

    "controls": [
      {
        "input_panel": {
          "type": "panel",
          "size": [ 32, 45 ],
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "controls": [
            {
              "input_label@furnace_pocket.input_label": {
                "offset": [ 0.5, 0 ],
                "anchor_from": "top_middle",
                "anchor_to": "top_middle"
              }
            },
            {
              "ingredient_item@common.pocket_ui_large_container_item": {
                "anchor_from": "bottom_middle",
                "anchor_to": "bottom_middle",
                "$item_collection_name": "furnace_ingredient_items"
              }
            }
          ]
        }
      },
      {
        "flame_empty@furnace.flame_empty_image": {
          "anchor_from": "left_middle",
          "anchor_to": "center",
          "offset": [ 16, 0 ],
          "size": [ 13, 13 ]
        }
      },
      {
        "flame_full@furnace.flame_full_image": {
          "anchor_from": "left_middle",
          "anchor_to": "center",
          "offset": [ 16, 0 ],
          "layer": 3,
          "size": [ 13, 13 ]
        }
      },
      {
        "fuel_panel": {
          "type": "panel",
          "size": [ 32, 45 ],
          "anchor_from": "bottom_left",
          "anchor_to": "bottom_left",
          "controls": [
            {
              "fuel_label@furnace_pocket.fuel_label": {
                "offset":  [ 0.5, 0 ],
                "anchor_from": "bottom_middle",
                "anchor_to": "bottom_middle"
              }
            },
            {
              "fuel_item@common.pocket_ui_large_container_item": {
                "anchor_from": "top_middle",
                "anchor_to": "top_middle",
                "$item_collection_name": "furnace_fuel_items"
              }
            }
          ]
        }
      },
      { "empty_arrow@furnace_pocket.empty_arrow": {} },
      { "full_arrow@furnace_pocket.full_arrow": { "layer": 2 } },
      {
        "output_panel": {
          "type": "panel",
          "size": [ 32, 54 ],
          "anchor_from": "right_middle",
          "anchor_to": "right_middle",

          "controls": [
            {
              "result_label@furnace_pocket.result_label": {
                "offset": [ 0.5, 0 ],
                "anchor_from": "top_middle",
                "anchor_to": "top_middle"
              }
            },
            {
              "result_name_label@furnace_pocket.result_name_label": {
                "anchor_from": "bottom_middle",
                "anchor_to": "top_middle",
                "text": "#text",
                "text_alignment": "center",
                "size": [ "200%", "default" ],
                "offset": [ 0, "default-10px" ],
                "bindings": [
                  {
                    "binding_name": "#output_name",
                    "binding_name_override": "#text"
                  }
                ]
              }
            },
            {
              "output_item@common.pocket_ui_large_container_item": {
                "anchor_from": "center",
                "anchor_to": "center",
                "$item_collection_name": "furnace_output_items"
              }
            }
          ]
        }
      }
    ]
  },

  // Inventory Grids //

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

  "inventory_content": {
    "type": "panel",
    "size": [ "100%-5px", "100%-5px" ],
    "offset": [ "5px", "2px" ],
    "anchor_to": "top_left",
    "anchor_from": "top_left",
    "controls": [
      {
        "scrolling_panel@common.scrolling_panel": {
          "$allow_scrolling_even_when_content_fits": false,
          "$scrolling_pane_size": [ "100%", "100%-2px" ],
          "$scrolling_content": "furnace_pocket.inventory_grid",
          "$scroll_box_mouse_image_control": "common-classic.button_state_default",
          "$scroll_size": [ "8px", "100%" ]
        }
      }
    ]
  },

  // Header //

  "header": {
    "type": "panel",
    "size": [ "100%", 28 ],
    "anchor_from": "top_middle",
    "anchor_to": "top_middle",
    "controls": [
      {
        "header_background": {
          "type": "image",
          "texture": "textures/ui/header_bar_2"
        }
      },
      {
        "close_button@common.legacy_pocket_close_button": { "offset": [ -3, 3 ] }
      },
      {
        "panel": {
          "type": "panel",
          "anchor_from": "center",
          "anchor_to": "center",
          "controls": [
            {
              "title_label@furnace_pocket.generic_label": {
                "text": "$container_title",
                "layer": 1
              }
            }
          ]
        }
      }
    ]
  },

  // Layout Content Panels //

  "inventory_and_furnace_panel": {
    "type": "panel",
    "controls": [
      {
        "inventory_half_screen": {
          "type": "panel",
          "size": [ "50%", "100%" ],
          "anchor_from": "left_middle",
          "anchor_to": "left_middle",

          "controls": [
            { "inventory_content@furnace_pocket.inventory_content": {} }
          ]
        }
      },
      {
        "furnace_half_screen": {
          "type": "panel",
          "size": [ "50%", "100%" ],
          "anchor_from": "right_middle",
          "anchor_to": "right_middle",

          "controls": [
            { "furnace_content@furnace_pocket.furnace_content": {} }
          ]
        }
      }
    ]
  },

  "header_and_content_stack_panel": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "85%", "85%" ],
    "controls": [
      { "header@furnace_pocket.header": { "layer": 2 } },
      {
        "inventory_and_furnace_panel@furnace_pocket.inventory_and_furnace_panel": {
          "size": [ "100%", "fill" ]
        }
      }
    ]
  },

  // Furnace Screen //

  "furnace_panel": {
    "type": "panel",
    "controls": [
      { "bg@furnace_pocket.background_image": {} },
      { "root_panel@common.root_panel": { "size": [ "85%", "85%" ], "layer": 1 } },
      { "header_and_content_stack_panel@furnace_pocket.header_and_content_stack_panel": {} },

      { "container_gamepad_helpers@common.container_gamepad_helpers": { "layer": 2 } },
      { "inventory_selected_icon_button@common.inventory_selected_icon_button": {} },
      { "hold_icon@common.inventory_take_progress_icon_button": {} },
      { "selected_item_details_factory@common.selected_item_details_factory": {} },
      {
        "item_lock_notification_factory@common.item_lock_notification_factory": {
          "$offset": [ 0, "85%" ]
        }
      },
      { "flying_item_renderer@common.flying_item_renderer": { "layer": 10 } },
      { "bundle_touch_tooltip@gameplay.bundle_touch_tooltip": {} }
    ]
  }
}