How to change UI image render order dynamically on runtime

Question

I want to navigate through a book that has different sections, where ach section has a bookmark. I need to render the corresponding bookmark over the current page if you are in any page of that marked section. The rest of the bookmarks should be rendered below the current page, as you are not in any page of those sections. As you navigate through the different sections bookmarks will go from below to over to below.

All assets (pages and bookmarks) are Images in the same canvas.

Can I ac$$anonymous$$eve t$$anonymous$$s with UI Images and a single canvas or do I need to switch to render t$$anonymous$$s through Sprites? Using different canvases here seems quite a messy option, but I might be missing somet$$anonymous$$ng if that's the best option.

Answer 1

Best Answer

Answer by Earthshine · Jun 22, 2021 at 04:27 PM

It can be ac$$anonymous$$eved by changing page's position in the $$anonymous$$erarchy on runtime since the bottom gameObject renders on top of the others with the same render queue.

Just add transform.SetAsLastSibling(); to the function your game calls for a page when a player opens it. You may also want to add transform.SetAsFirstSibling(); or transform.SetSiblingIndex(transform.GetSiblingIndex() - 1); to a function that's called when a player closes the page.

See set as last sibling, set as first sibling and set sibling index in documentation for more info.

0 Show 1 · Share

dev_mp · Jun 23, 2021 at 06:46 AM 0

Share

I will give this a try. Thanks a lot!

How to change UI image render order dynamically on runtime

1 Reply

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions