I have a large number of things I need to place in a UI. I need them to scale to different screen sizes. Basically each contains an Image updated via render target from the level, a Text box, and a text box. The textbox needs a background to differentiate it from the image it will be placed in front of. Currently I have placed the image in one sizebox, the text is put on a button (that does nothing but add a semi transparent background, because I don’t know how to add that to a text block) which is then placed on a separate sizebox. I know this isn’t the optimal way to do this. I’d like to do this optimally such that the text, background, and render of the level scale together as one unit and not two. How is this best achieved?
