[Unity]如何讓UI Image與Sprite 作排序

How to order UI Image with sprite? or place UI image between 2 sprite?
如何讓UI Image與Sprite 作排序? 或是把UI放在兩個 Sprite中間呢?

熟悉Unity2D的朋友，對於Sprite排序應該都沒甚麼問題，一般來說用Sprite Renderer的 Order In Layer + Z軸就可以作到排序。

而Unity 的UI系統的貼圖一般是用 Image, Image並沒有像 Sprite Renderer的 Order In Layer可以作排序
。
 
UI Image則是用Hierarchy進行排序。越下面的層級越高，會疊在UI的越上層。

但假使今天要讓 UI Image與Sprite 作排序要怎麼辦呢?

雖然 UI Image 沒有 Sprite Renderer 但是 UI系統的 Canvas 下面的 Canvas 元件也是有 Order In Layer屬性的。

配合 Canvas 的 Order In Layer + Sprite Renderer的 Order In Layer 這樣就可以把 UI與sprite作排序，作出把UI Image夾在兩張Sprite中間之類的效果囉。