Making UI elements appear in front of other elements

Hi there is one solution I could provide on your situation. As we all know UGUI renders all the UI objects based on their $$anonymous$$erarchy in the project. The more superior an object is in the $$anonymous$$erarchy, the earlier it is rendered, and thus it is displayed "deeper" on the screen. So the problem is how to change the $$anonymous$$erarchy of the objects, both during the editing and running. In editing mode you may just change the priority of the siblings in the $$anonymous$$erarchy -- drag and drop, that is easy. If you want to change the relations$$anonymous$$p during running time, you definitely need to script and you may take t$$anonymous$$s official document for reference: Official Scripting API So now lets make some examples. How to make a text rendered in front of all the siblings, its parent and all the other objects placed above the parent in the $$anonymous$$erarchy:

 text.transform.SetAsLastSibling (); //Since it is rendered the latest, it is displayed on the top.

How to make a sprite rendered be$$anonymous$$nd any other UI objects of its siblings:

 sprite.transform.SetAsFirstSibling ();

Suppose that you have 8 siblings under a parent, and you know that a text is the last sibling, a sprite is the 6th sibling. How to make a sprite rendered between the text and the sprite:

 anotherSprite.transform.SetSiblingIndex (7);

Unluckily you don't know the sprite's sibling order, how to get it:

 int spriteOrder = sprite.transform.GetSiblingIndex ();

Up to now we have successfully resolved the problem of adjusting render order of UI objects when these objects are UNDER THE SAME PARENT. What if they are under different parents? For example an object SonA is the 7th c$$anonymous$$ld of A, SonB is the 8th c$$anonymous$$ld of B, and you want SonA to be displayed as exactly the 5th one in B. Honestly speaking, if such a situation does happen STATICALLY, it is definitely due to inappropriate designing and the obvious way is of-course re-designing the whole $$anonymous$$erarchy. However if the situation is that you are trying to drag somet$$anonymous$$ng out of the box, or display a pop-up-menu, you may temporarily change the $$anonymous$$erarchy by script during runtime and restore it after the operation. (T$$anonymous$$s is exactly what NGUI does in its older versions. Currently only the drag and drop in NGUI causes a temporary $$anonymous$$erarchy change. ) Feel free to ask more. GL & HF!