[1.19] screen buttons and picture

[Ezio214]

I'm trying to create a custom screen for the first time and I came across two problems.

1. How can I add a picture in the center? ( I want to have like 3 layers:     black background (this.renderBackground(PoseStack)) ---> texture.png on top of black background ---> Text/Buttons on top of everything [ if this isn't posible with Screen, tell me with what I can realise that pls ])
2. How can I fix my Button problem? 

 

Code:

public class QuestScreen extends Screen {
	private final ResourceLocation backgroundTexture = new ResourceLocation(Tutorialmod.MODID, "textures/screens/quest_background.png");

	public QuestScreen(String title) {
		super(Component.literal(title).withStyle(ChatFormatting.GOLD));
	}
	
	@Override
	protected void init() {
		addRenderableWidget(new Button(this.width/2 - 100, this.height/2 + 50, 100, 50, Component.literal("Accept"), QuestScreen::onAccept));
	}
	
	public void render(PoseStack p_96692_, int p_96693_, int p_96694_, float p_96695_) {
	      this.renderBackground(p_96692_);
	      drawCenteredString(p_96692_, this.font, this.title, this.width / 2, 20, 16777215);
	      super.render(p_96692_, p_96693_, p_96694_, p_96695_);
	}
	
	private static void onAccept(Button button) {
	}
	
	@Override
	public boolean isPauseScreen() {
		return false;
	}
}

 

[warjort]

For the background look at something like the ErrorScreen which uses fillGradient()

Looks like there is also a plain fill() method in GuiComponent

 

For the image look at something like the AdvancementScreen which uses blit() to put this image on screen

https://github.com/misode/mcmeta/blob/assets/assets/minecraft/textures/gui/advancements/window.png

 

Your button is broken because you made it too tall.

If you look at AbstractWidgets.renderButton() and the widgets image, the button is 20 "pixels". See Button.DEFAULT_HEIGHT

Above that are different variants of the button meant for animating the press. You are using 50 so you are drawing more of this image than you want.

https://github.com/misode/mcmeta/blob/assets/assets/minecraft/textures/gui/widgets.png

Edited November 17, 2022 by warjort

[Ezio214]

Ok Thank you I will have a look into that. There is only one last question I need answered.

What is the last paramter for in the method drawCenteredString() (I looked at minecraft code and they set it either to -1 or 16777215) and is there a way I can make only ONE Component.translatable() with text that goes multiple lines, because sadly it doesn't work with \n

 

For example: "This is the first line.\nThis is the second line"

Output:

This is the first line.

This is the second line

[warjort]

I don't answer "what does this parameter do" questions unless it is non-trivial. You can read the code just as well as I can.

Or you can install parchment to get more meaningful parameter names and some javadoc.

https://parchmentmc.org/

 

There is no multi line button in vanilla minecraft AFAIK. If you want one, you will have to write it yourself, see the other MultiLine* widgets.

Or you can you use a library mod that somebody else has written that has this feature.