框架

Class.GuiObject|GuiObjects 是作為其他 GuiObjects 的容器。您可以使用它們來顯示用戶在 屏幕 上或在 1>表面1> 內的 UI。

當您操作框架時，您也會操

框架類型

有三種主要的框架類型，每種都有不同的用途在 UI 設計中使用。

框架

Class.Frame 是一個空白的、平淡的長方形。如果您將 Class.GuiObject|GuiObjects 親成 Class.Frame

捲動框架

Class.ScrollingFrame 是由兩個元素組成的框架：可自訂的 canvas 和 捲軸條 。這種類型的框架可以在有限空間內顯示很多信息，並且對於選單和列表很有用。

您可以通過其各自的 Class.GuiObject.Position|Position 和 Class.GuiObject.Size|Size 屬性設置0>Class.ScrollingFrame0> 的位置和大小。注意，捲軸盤佔用一部分4>Class.ScrollingFrame4> 尺寸。

Canvas 可畫布

畫布是ScrollingFrame內的區域，可以容納其他GuiObjects。如果畫布的尺寸寬度大於1> Class.ScrollingFrame1>的總尺寸，畫布箭頭會顯示，否則會隱藏。

Class.ScrollingFrame.CanvasSize|CanvasSize 屬性決定您可以捲動的區域大小，而不是 ScrollingFrame 本身的大小。如果您需要知道實際檢視區域的大小在 ScrollingFrame 中，您可以使用閱取屬性 1>Class.ScrollingFrame.

Class.ScrollingFrame.CanvasPosition|CanvasPosition 屬性決定您在畫布上的預設位置，並且設置畫布捲動條位置相應。注意，此屬性在捲動條不可用時不起作用。

捲動條籖

捲動條 顯示您在內容中的位置。有兩種捲動條：垂直捲動條和水平捲動條。垂直捲動條允許您向上或向下捲動，而水平捲動條允許您向左或向右捲動。

使用 VerticalScrollBarPosition 屬性，您可以切換垂直捲動條狀條位置是否移動到畫布的左邊或右邊。

捲動條是由三個圖像組成：

• 頭部 圖像顯示在捲動條縮略圖上。
• 中間 — 一張顯示為捲動條狀態的圖像。
• 底部 — 一張顯示在捲動條縮略圖底部的圖像。

您可以通過捲動條的相關 TopImage 、 MidImage 和 BottomImage 屬性來自訂這些圖像。注意垂直和水平捲動條使用相

每個圖像都會基於 ScrollBarThickness 屬性，這會改變垂直捲軸條的寬度或水平捲軸條的高度。此屬性還會決定中心捲軸條圖像的長度和高度，以及中間圖像的厚

視窗框架

Class.ViewportFrame 是一個使用相機來渲染 3D 物件的框架。這種類型的框架是一種很好的方法來在 2D 空間中顯示 3D 物件和模型，例如：

• 您的體驗最小地圖直接在用戶的螢幕角落。
• 3D 物品檢視器。
• 旋轉一個角色裝備的物件。

使用 ViewportFrame 檢視的 3D 對象可以移動在其相攝影機上，保持靜態，或在 ViewportFrame 內旋轉。此對象可以包含一個 Sky 子作為檢視器檢視器的檢視器。

如果要將 3D 物件與相攝影機移動：

1. 將您的攝影機視野放置在體驗中，讓您想要看到的對象在框架中可見。

2. 新增一個 ViewportFrame 到 屏幕 然後確認它在 Explorer 中選取。

3. 在 屬性 視窗中，為相機割配 目前相攝影機 屬性：

   1. 選擇 目前攝影機 屬性。您的鼠標變更。
   2. 在 Explorer 窗口中，單擊最上層 Camera 對物件。

4. 將所需的 3D 對象重新定義為新的 ViewportFrame 。注意，如果您仍然想要在您的體驗中查看對象，您必須在 工作區 複製它，然後再次將 複製 對象重新定義為 1> Class.ViewportFrame1> 。

當您移動相攝影機時，對象也會移動在 ViewportFrame 內。