Jump to content

[1.15.2] ContainerScreen TextField(Textbox) and Button


Scourrge

Recommended Posts

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

Link to comment
Share on other sites

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. 

Link to comment
Share on other sites

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);
    }
}

 

Link to comment
Share on other sites

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.

Apparently I'm a complete and utter jerk and come to this forum just like to make fun of people, be confrontational, and make your personal life miserable.  If you think this is the case, JUST REPORT ME.  Otherwise you're just going to get reported when you reply to my posts and point it out, because odds are, I was trying to be nice.

 

Exception: If you do not understand Java, I WILL NOT HELP YOU and your thread will get locked.

 

DO NOT PM ME WITH PROBLEMS. No help will be given.

Link to comment
Share on other sites

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);
    }
}

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Announcements



  • Recently Browsing

    • No registered users viewing this page.
  • Posts

    • Hello everyone, I'm making this post to seek help for my modded block, It's a special block called FrozenBlock supposed to take the place of an old block, then after a set amount of ticks, it's supposed to revert its Block State, Entity, data... to the old block like this :  The problem I have is that the system breaks when handling multi blocks (I tried some fix but none of them worked) :  The bug I have identified is that the function "setOldBlockFields" in the item's "setFrozenBlock" function gets called once for the 1st block of multiblock getting frozen (as it should), but gets called a second time BEFORE creating the first FrozenBlock with the data of the 1st block, hence giving the same data to the two FrozenBlock :   Old Block Fields set BlockState : Block{minecraft:black_bed}[facing=east,occupied=false,part=head] BlockEntity : net.minecraft.world.level.block.entity.BedBlockEntity@73681674 BlockEntityData : id:"minecraft:bed",x:3,y:-60,z:-6} Old Block Fields set BlockState : Block{minecraft:black_bed}[facing=east,occupied=false,part=foot] BlockEntity : net.minecraft.world.level.block.entity.BedBlockEntity@6d1aa3da BlockEntityData : {id:"minecraft:bed",x:2,y:-60,z:-6} Frozen Block Entity set BlockState : Block{minecraft:black_bed}[facing=east,occupied=false,part=foot] BlockPos{x=3, y=-60, z=-6} BlockEntity : net.minecraft.world.level.block.entity.BedBlockEntity@6d1aa3da BlockEntityData : {id:"minecraft:bed",x:2,y:-60,z:-6} Frozen Block Entity set BlockState : Block{minecraft:black_bed}[facing=east,occupied=false,part=foot] BlockPos{x=2, y=-60, z=-6} BlockEntity : net.minecraft.world.level.block.entity.BedBlockEntity@6d1aa3da BlockEntityData : {id:"minecraft:bed",x:2,y:-60,z:-6} here is the code inside my custom "freeze" item :    @Override     public @NotNull InteractionResult useOn(@NotNull UseOnContext pContext) {         if (!pContext.getLevel().isClientSide() && pContext.getHand() == InteractionHand.MAIN_HAND) {             BlockPos blockPos = pContext.getClickedPos();             BlockPos secondBlockPos = getMultiblockPos(blockPos, pContext.getLevel().getBlockState(blockPos));             if (secondBlockPos != null) {                 createFrozenBlock(pContext, secondBlockPos);             }             createFrozenBlock(pContext, blockPos);             return InteractionResult.SUCCESS;         }         return super.useOn(pContext);     }     public static void createFrozenBlock(UseOnContext pContext, BlockPos blockPos) {         BlockState oldState = pContext.getLevel().getBlockState(blockPos);         BlockEntity oldBlockEntity = oldState.hasBlockEntity() ? pContext.getLevel().getBlockEntity(blockPos) : null;         CompoundTag oldBlockEntityData = oldState.hasBlockEntity() ? oldBlockEntity.serializeNBT() : null;         if (oldBlockEntity != null) {             pContext.getLevel().removeBlockEntity(blockPos);         }         BlockState FrozenBlock = setFrozenBlock(oldState, oldBlockEntity, oldBlockEntityData);         pContext.getLevel().setBlockAndUpdate(blockPos, FrozenBlock);     }     public static BlockState setFrozenBlock(BlockState blockState, @Nullable BlockEntity blockEntity, @Nullable CompoundTag blockEntityData) {         BlockState FrozenBlock = BlockRegister.FROZEN_BLOCK.get().defaultBlockState();         ((FrozenBlock) FrozenBlock.getBlock()).setOldBlockFields(blockState, blockEntity, blockEntityData);         return FrozenBlock;     }  
    • It is an issue with quark - update it to this build: https://www.curseforge.com/minecraft/mc-mods/quark/files/3642325
    • Remove Instant Massive Structures Mod from your server     Add new crash-reports with sites like https://paste.ee/  
    • Update your drivers: https://www.amd.com/en/support/graphics/amd-radeon-r9-series/amd-radeon-r9-200-series/amd-radeon-r9-280x
  • Topics

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.