將相機 (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。