[1.15.2] ContainerScreen TextField(Textbox) and Button

[Scourrge]

Hi. I would like to ask if it is possible (and how if it is) to display textbox and button inside of ContainerScreen GUI window. Because I created demo based on this example on github. But I would like to extend it and try to add textbox and button. I tried to add textfieldwidget in ContainerScreen class constructor, but it didn't work.

 

Thanks for responses in advance

[Scourrge]

public class InventoryBlockScreen extends ContainerScreen<InventoryBlockContainer> {

    private static final ResourceLocation BACKGROUND_TEXTURE = new ResourceLocation("bitcoinmod", "textures/gui/inventory_block_gui.png");
    private String test = "test";

    public InventoryBlockScreen(InventoryBlockContainer blockContainer, PlayerInventory playerInventory, ITextComponent title) {
        super(blockContainer, playerInventory, title);
        // Set the width and height of the gui.  Should match the size of the texture!
        xSize = 176;
        ySize = 133;
    }

    public void render(int mouseX, int mouseY, float partialTicks) {
        this.renderBackground();
        super.render(mouseX, mouseY, partialTicks);
        this.renderHoveredToolTip(mouseX, mouseY);
    }

    protected void drawGuiContainerForegroundLayer(int mouseX, int mouseY) {
        final float LABEL_XPOS = 5;
        final float FONT_Y_SPACING = 12;
        final float CHEST_LABEL_YPOS = InventoryBlockContainer.TILE_INVENTORY_YPOS - FONT_Y_SPACING;
        font.drawString(this.title.getFormattedText(), LABEL_XPOS, CHEST_LABEL_YPOS, Color.darkGray.getRGB());

        TextFieldWidget widget = new TextFieldWidget(font, 8, 38, 100, 10, test); //Here

//        final float PLAYER_INV_LABEL_YPOS = InventoryBlockContainer.PLAYER_INVENTORY_YPOS - FONT_Y_SPACING;
//        this.font.drawString(this.playerInventory.getDisplayName().getFormattedText(),
//                LABEL_XPOS, PLAYER_INV_LABEL_YPOS, Color.darkGray.getRGB());
    }

    protected void drawGuiContainerBackgroundLayer(float partialTicks, int mouseX, int mouseY) {
        RenderSystem.color4f(1.0F, 1.0F, 1.0F, 1.0F);
        this.minecraft.getTextureManager().bindTexture(BACKGROUND_TEXTURE);
        int edgeSpacingX = (this.width - this.xSize) / 2;
        int edgeSpacingY = (this.height - this.ySize) / 2;
        this.blit(edgeSpacingX, edgeSpacingY, 0, 0, this.xSize, this.ySize);
    }
}

I tried this. I know, that it won't be visible in the window, since the textbox is not added into the background texture. But I thought that it would add at least transparent highlightable line. 

[Scourrge]

Okay, so after some digging I've managed to get textfield working, but the textfield is rendering in the bad position (outside of the GUI window). I know, that this is because rendering of the textfield uses global coordinates (from topleft of the MC window) and rendering of the GUI window foreground uses relative coordinates. But I don't know how to fix it at the moment. I would like to achieve this . This is what I managed to get so far:

 

public class InventoryBlockScreen extends ContainerScreen<InventoryBlockContainer> {

    private static final ResourceLocation BACKGROUND_TEXTURE = new ResourceLocation("bitcoinmod", "textures/gui/inventory_block_gui.png");
    private String test = "test";
    TextFieldWidget widget;

    public InventoryBlockScreen(InventoryBlockContainer blockContainer, PlayerInventory playerInventory, ITextComponent title) {
        super(blockContainer, playerInventory, title);
      
        xSize = 176;
        ySize = 133;
    }

    @Override
    public void init(){
        super.init();
        int TEXTFIELD_X_COORDINATE = 8;
        int TEXTFIELD_Y_COORDINATE = InventoryBlockContainer.PLAYER_INVENTORY_YPOS - 12;

        widget = new TextFieldWidget(font, TEXTFIELD_X_COORDINATE, TEXTFIELD_Y_COORDINATE, 100, 12, test);
        widget.setEnableBackgroundDrawing(false);
        widget.setVisible(true);
        widget.setText(test);
        widget.setFocused2(true);

        this.children.add(widget);
        this.setFocusedDefault(widget);
    }

    @Override
    public void render(int mouseX, int mouseY, float partialTicks) {
        this.renderBackground();
        super.render(mouseX, mouseY, partialTicks);
        this.renderHoveredToolTip(mouseX, mouseY);

        this.widget.setFocused2(true);
        this.widget.render(mouseX, mouseY, partialTicks);
    }



    @Override
    protected void drawGuiContainerForegroundLayer(int mouseX, int mouseY) {
        final float LABEL_XPOS = 5;
        final float FONT_Y_SPACING = 12;
        final float CHEST_LABEL_YPOS = InventoryBlockContainer.TILE_INVENTORY_YPOS - FONT_Y_SPACING;
        font.drawString(this.title.getFormattedText(), LABEL_XPOS, CHEST_LABEL_YPOS, Color.darkGray.getRGB());

//        final float PLAYER_INV_LABEL_YPOS = InventoryBlockContainer.PLAYER_INVENTORY_YPOS - FONT_Y_SPACING;
//        this.font.drawString(this.playerInventory.getDisplayName().getFormattedText(),
//                LABEL_XPOS, PLAYER_INV_LABEL_YPOS, Color.darkGray.getRGB());
    }

    @Override
    protected void drawGuiContainerBackgroundLayer(float partialTicks, int mouseX, int mouseY) {
        RenderSystem.color4f(1.0F, 1.0F, 1.0F, 1.0F);
        this.minecraft.getTextureManager().bindTexture(BACKGROUND_TEXTURE);

        int edgeSpacingX = (this.width - this.xSize) / 2;
        int edgeSpacingY = (this.height - this.ySize) / 2;
        this.blit(edgeSpacingX, edgeSpacingY, 0, 0, this.xSize, this.ySize);
    }
}

 

[Draco18s]

In the constructor for the widget, get the current screen's position and size and calculate the top left corner, adding that value to the value you're already passing in.

 

Vector math is fun.

[Scourrge]

Hi I got textbox and button working. So I will post the code for future for people who would want to achieve something similar as I do.

 

public class InventoryBlockScreen extends ContainerScreen<InventoryBlockContainer> {

    private static final ResourceLocation BACKGROUND_TEXTURE = new ResourceLocation("bitcoinmod", "textures/gui/inventory_block_gui.png");
    private String test = "test";
    TextFieldWidget textField;

    public InventoryBlockScreen(InventoryBlockContainer blockContainer, PlayerInventory playerInventory, ITextComponent title) {
        super(blockContainer, playerInventory, title);

        xSize = 176;
        ySize = 133;
    }

    @Override
    public void init(){
        super.init();
        int TEXTFIELD_X_COORDINATE = 8;
        int TEXTFIELD_Y_COORDINATE = InventoryBlockContainer.PLAYER_INVENTORY_YPOS - 12;

        textField = new TextFieldWidget(font, TEXTFIELD_X_COORDINATE + this.guiLeft, TEXTFIELD_Y_COORDINATE + this.guiTop, 100, 12, test);
        textField.setEnableBackgroundDrawing(false);
        textField.setVisible(true);
        textField.setText(test);
        textField.setFocused2(true);

        this.children.add(textField);
        this.setFocusedDefault(textField);


        int BUTTON_X_COORDINATE = 114;
        int BUTTON_Y_COORDINATE = 38;

        Button button = new Button(BUTTON_X_COORDINATE + this.guiLeft, BUTTON_Y_COORDINATE + this.guiTop, 100, 12, "PRESS ME", (btn) -> {BitcoinMod.LOGGER.debug(textField.getText());});
        button.visible = true;
        button.active = true;
        this.addButton(button);
    }

    @Override
    public void render(int mouseX, int mouseY, float partialTicks) {
        this.renderBackground();
        super.render(mouseX, mouseY, partialTicks);
        this.renderHoveredToolTip(mouseX, mouseY);

        this.textField.setFocused2(true);
        this.textField.render(mouseX, mouseY, partialTicks);

        for(Widget button : buttons){
            button.render(mouseX, mouseY, partialTicks);
        }
    }



    @Override
    protected void drawGuiContainerForegroundLayer(int mouseX, int mouseY) {
        final float LABEL_XPOS = 5;
        final float FONT_Y_SPACING = 12;
        final float CHEST_LABEL_YPOS = InventoryBlockContainer.TILE_INVENTORY_YPOS - FONT_Y_SPACING;
        font.drawString(this.title.getFormattedText(), LABEL_XPOS, CHEST_LABEL_YPOS, Color.darkGray.getRGB());

    }

    @Override
    protected void drawGuiContainerBackgroundLayer(float partialTicks, int mouseX, int mouseY) {
        RenderSystem.color4f(1.0F, 1.0F, 1.0F, 1.0F);
        this.minecraft.getTextureManager().bindTexture(BACKGROUND_TEXTURE);

        int edgeSpacingX = (this.width - this.xSize) / 2;
        int edgeSpacingY = (this.height - this.ySize) / 2;
        this.blit(edgeSpacingX, edgeSpacingY, 0, 0, this.xSize, this.ySize);
    }
}