將相機 (2D) 與畫布對齊
更新頁 :
頁面創建日期 :
驗證環境
- 窗戶
-
- 窗戶11
- Unity 編輯器
-
- 2020.3.25f1
相機和畫布的初始狀態
當您將「輸入欄位」或「按鈕」作為物件放置時,會自動創建「畫布」。 但是,由於相機(2D)的顯示區域和畫布的顯示區域在編輯器中不同,因此在編輯過程中很難掌握放置在相機顯示區域中的物體與畫布UI的位置關係。
如果運行遊戲,這兩個視圖將暫時重疊。
在3D的情況下,相機的位置被放置在3D空間中,因此與UI完全不同的排列沒有問題。 在 2D 中,相機的視點和 UI 的視點通常是相同的,因此這裡我們將兩種佈局設置為處於同一位置。
將畫布與相機對齊
在場景中放置某種UI,例如按鈕。 Canvas 將自動添加。
選擇添加的 Canvas 並將 Render Mode 從 Inspector Canvas
更改為 Screen Space - Camera。
添加了一個名為「渲染相機」的新專案,並顯示警告。 在此處設置您的相機。
- 警告
-
A Screen Space Canvas with no specified camera acts like an Overlay Canvas. (カメラが指定されていないスクリーンスペースキャンバスは、オーバーレイキャンバスのように機能します。)
您可以從「無(相機)」右側的按鈕中選擇它。
將層次結構中的那些拖放到渲染相機上 Main Camera
會更快。
如果選擇主攝像頭,則無法將其放在畫布上。
在 Canvas 仍處於選中狀態的情況下,將 Main Camera 拖放到 Render Camera 上。
然後,在“場景”視圖中,畫布將沒有區域。
如果放大,您可以看到放置在畫布上的對象在相機的範圍內可見。 現在,您可以設置相機的可見範圍和放置在畫布上同一區域的UI。