フレーム

*このコンテンツは、ベータ版のAI（人工知能）を使用して翻訳されており、エラーが含まれている可能性があります。このページを英語で表示するには、 こちら をクリックしてください。

フレームは、GuiObjects で、他の GuiObjects のコンテナとして機能します。ユーザーの screen またはエクスペリエンス内の 2>surFACE2> で表示される UI のために使用できます。

フレームを操作すると、

フレームタイプ

UI デザインで特定の目的に従う 3つの主要なフレームタイプがあります。

フレーム

Class.Frame は、単に空の長方形です。親 GuiObjects を Frame に接続すると

スクローリングフレーム

Class.ScrollingFrame は、2つの要素で構成されたフレームです：カスタマイズ可能な キャンバス と スクロールバー 。このタイプのフレームは、制限されたスペースに情報を表示でき、メニューやリストに便利です。

Class.GuiObject.Position|Position および Position プロパティを通じて、Size の位置とサイズを設定できます。スクロールバーは、1>Class.ScrollingFrame1> サイズの一部を占有します。

キャンバス

キャンバスは、Class.ScrollingFrame の中のエリアで、他の ScrollingFrame を含むことができます。キャンバスのサイズの 9 つの次元の 1 つが、GuiObjects の全体サイズよりも広い場合、スクロールバーが表示されます。そうでない場合は、��

Class.ScrollingFrame.CanvasSize|CanvasSize プロパティは、ScrollingFrame 自体のサイズではなく、エリアをスクロールできるサイズを決定します。ScrollingFrame が実際のビューエリアのサイズである場合、1>Class.ScrollingFrame.AbsoluteWindowSize

Class.ScrollingFrame.CanvasPosition|CanvasPosition プロパティは、キャンバス内のピクセルでデフォルトの位置を決定し、スクロールバーの位置を相応しく設定します。このプロパティは、スクロールバーが表示されないときには何もしません。

スクロールバー

スクロールバー は、ScrollingFrame の中の位置を表示します。スクロールバーには 2種類あります：縦スクロールバーと2>横スクロールバー2>の 2種類あります。縦スクロールバーでは、上下にスクロールできますが、横スクロールバーでは左右にスクロール

Class.ScrollingFrame.VerticalScrollBarPosition|VerticalScrollBarPosition プロパティを使用すると、垂直スクロールバーの位置をキャンバスの左または右に切り替えることができます。

スクロールバーは 3つの画像で構成されています：

  • トップ — スクロールバーのサムネイルの上に表示される画像。
  • 中央 — スクロールバーの サムネイル として表示される画像。
  • ボトム — スクロールバーのサムネイル画像。

これらの画像は、スクロールバーのそれぞれの TopImage 、 MidImage 、および BottomImage プロパティを通じてカスタマイズできます。垂直スクロールバ

各画像は、ScrollBarThickness プロパティに基づいてスケールされます。これは、垂直スクロールバーの幅を変更するか、横スクロールバーの高さを変更することを変更します。このプロパティは、トップとボトムのス

ViewportFrame

Class.ViewportFrame は、カメラを使用して 3D オブジェクトをレンダリングするフレームです。このタイプのフレームは、2D 空間に 3D オブジェクトやモデルを表示するのに最適な方法です。たとえば：

  • ユーザーの画面の隅にあるあなたのエクスペリエンスのミニマップ。
  • インベントリメニューのアイテムの 3D モデル。
  • 装備しているキャラクターのオブジェクトを回転する。

ユーザーが ViewportFrame を通じて見る 3D オブジェクトは、カメラと一緒に移動したり、静的に保持したり、ViewportFrameすることができます。このオブジェクトには、Sky 子供を含めることもできます。

3D オブジェクトがカメラと共に移動する必要がある場合:

  1. フレーム内のオブジェクトを見るためのカメラビューをエクスペリエンス内に配置するために。

  2. 新しい ViewportFrame を 画面 に追加し、Explorer で選択してください。

  3. In the プロパティ window, カメラ プロパティをカメラに割り当てる:

    1. Select the カメラコレクト property. Your cursor changes.
    2. In the エクスプローラー ウィンドウ, click on the top-level カメラ オブジェクト.

  4. 新しい ViewportFrame に、必要な 3D オブジェクトを親にする。 注: エクスペリエンス内のオブジェクトを表示したい場合は、Workspace 内の オブジェクトを複製し、Class.ViewportFrame 内の オブジェクトを親にする必要があります。

カメラを移動すると、オブジェクトは ViewportFrame 内に移動します。