order in layer を大きくしているのに背景の裏にいってしまう

Question

背景のbackimageをorder in layer:0
ボタンをcanvasに追加しますが、Sprit Rendererがないので、追加して
ボタンのroder in layer:2にしたり5にしたりしますが
背景より前にならず、後ろになります。
考えられる原因はありますでしょうか。

Answer 1

Canvas同士ならSorting Layerやorder in layerで決まるんですが
同じキャンバス内なら単純にヒエラルキー上の順番で決まるかと思います。

Canvasの構成がわからないのでなんともいえませんが
こちらを確認してみてはいかがでしょうか

【Unity】uGUIの描画順の制御方法をちゃんと理解する
https://light11.hatenadiary.com/entry/2019/08/21/000713

Comments

[time.leap]

回答ありがとうございます。
解決しました！

プロジェクトビューにあるボタン画像アイコンをドラッグして背景にもっていきorder in layerを2にすると背景より前にボタンがくることができました

ヒエラルキーの左上の＋からUIをたどってbuttonをつくり、プロジェクトビューにあるボタンが画像を、インスペクターにドラッグするという作り方をするとorder in layerをどんなに大きくしても、背景の前に持ってくることができないのだとわかりました。

ボタンの作り方が違うことで、なにか意味がちがってくるのだと思いますが、いまはよくわからないのでのちのち解明するとして、とりあえずのところ背景の上にボタンを持ってこれたのでよかったです。

ありがとうございます

[time.leap]

すみません、解決じゃなかったです。
できたやり方だとただの画像になりますね。
やっぱりボタンとして作る場合は、ヒエラルキーの左上の＋からUIをたどってbuttonをつくる方法でないとだめそうです。
もうちょっと考えます

[time.leap]

解決しました！
canvasのsortingLayerをDefaultからNewLayerに変更したところ
ボタンが背景の前にでてきました！
描画順は奥が深そうなので、教えていただいたサイトを熟考します。
ありがとうございました。

[hogefugapiyo]

Canvasが複数あるかどうかで少し事情が変わってくるので自分の環境にあわせて考えてみると良いかと思います。Canvasは1枚の板のようなものなので、複数Canvasがある場合はどちらが前に来るのかで変わったりします。

同じCanvas内であれば、基本的にHierarchyの順番などが関係してきます

Canvas
- Image
- Button

たとえばこういう構成ならおそらく、画像の上にボタンが表示されるはずです。
色々と構成を試してみて望む挙動が実現するようにしてみてください！

[time.leap]

回答ありがとうございます
順番は研究して、自分の中で理解できるようになりたいです。