Marcos

Los marcos son GuiObjects que actúan como contenedores para otros GuiObjects . Puede usarlos para la interfaz de usuario que se muestra en la pantalla de un usuario o en una superficie dentro de la experiencia.

Cuando manipulas marcos, también manipulas los GuiObjects que contienen. Por ejemplo, si cambias la posición de un Frame objeto con un niño Etiqueta de texto, también cambias la posición de la Etiqueta de texto. Además, todos los marcos también son GuiObjects, por lo que puede personalizar sus propiedades, como BackgroundColor3 , BorderMode , Transparency , y Rotation , para adaptarse a la estética de su experiencia.

Tipos de Marcos

Hay tres tipos principales de marcos, cada uno sirve a un propósito específico en el diseño de la interfaz de usuario.

Marco

Un Frame es un rectángulo simple y vacío. Si asigna GuiObjects al Frame, se mostrarán dentro del rectángulo. Además de su uso común como contenedor, también puede usar un Frame para el diseño de fondo en una pantalla. Por ejemplo, para separar visualmente otros elementos de la interfaz de usuario, puede escalar un Frame para que sea delgado y largo hasta que se convierta en una línea, o crear múltiples marcos con diferentes BackgroundColor3 propiedades.

Marco de desplazamiento

Un ScrollingFrame es un marco compuesto por dos elementos: un lienzo personalizable y una barra de desplazamiento . Este tipo de marco te permite mostrar mucha información en un espacio confinado, y es útil para menús y listas.

Puede establecer la posición y el tamaño de un ScrollingFrame a través de sus respectivas Position y Size propiedades. Tenga en cuenta que la barra de desplazamiento ocupa una parte del ScrollingFrame tamaño.

Lienzo

El lienzo es el área dentro de un ScrollingFrame que puede contener otros GuiObjects . Si una de las dimensiones del lienzo es más ancha que el tamaño general del ScrollingFrame , la barra de desplazamiento es visible, de lo contrario está oculta.

La propiedad CanvasSize determina qué tan grande es el área que puede desplazarse, no el tamaño del ScrollingFrame. Si necesita saber qué tan grande es el área de visualización real en un ScrollingFrame, puede acceder a él utilizando la propiedad de solo lectura ScrollingFrame.AbsoluteWindowSize .

La propiedad CanvasPosition determina tu posición predeterminada dentro del lienzo en píxeles, y establece la posición de la barra de desplazamiento en consecuencia. Tenga en cuenta que esta propiedad no hace nada cuando la barra de desplazamiento no es visible.

Barra de desplazamiento

La barra de desplazamiento **** muestra tu posición dentro del contenido del ScrollingFrame que no es visible. Hay dos tipos de barras de desplazamiento: una barra de desplazamiento vertical y una barra de desplazamiento horizontal. Una barra de desplazamiento vertical le permite desplazarse hacia arriba y hacia abajo, mientras que una barra de desplazamiento horizontal le permite desplazarse hacia la izquierda y hacia la derecha.

Usando la propiedad VerticalScrollBarPosition, puedes cambiar la posición de una barra de desplazamiento vertical a la izquierda o a la derecha del lienzo.

Las barras de desplazamiento están compuestas de tres imágenes:

• Arriba Una imagen que aparece en la parte superior del pulgar de la barra de desplazamiento.
• Medio Una imagen que se muestra como el pulgar de la barra de desplazamiento.
• Inferior Una imagen que se muestra en la parte inferior del pulgar de la barra de desplazamiento.

Puede personalizar estas imágenes a través de las respectivas TopImage , MidImage y BottomImage propiedades de una barra de desplazamiento. Tenga en cuenta que una barra de desplazamiento vertical y una horizontal usan las mismas imágenes, pero la barra de desplazamiento horizontal gira las imágenes de la barra de desplazamiento vertical 90 grados en sentido antihorario.

Cada imagen escala según la propiedad ScrollBarThickness, que cambia el ancho de una barra de desplazamiento vertical o la altura de una barra de desplazamiento horizontal. Esta propiedad también determina el ancho y la altura de las imágenes de la barra de desplazamiento superior e inferior, así como el grosor de la imagen del medio. Sin embargo, la longitud de una imagen del medio escala según el tamaño del ScrollingFrame y del lienzo.

Marco de vista

Un ViewportFrame es un marco que usa una cámara para renderizar objetos 3D. Este tipo de marco es una excelente manera de mostrar objetos y modelos 3D en un espacio 2D, como:

• Un mini mapa de tu experiencia directamente en la esquina de la pantalla de un usuario.
• Modelos 3D de objetos en un menú de inventario.
• Girando objetos que un personaje ha equipado.

Los objetos 3D que los usuarios ven a través de un ViewportFrame pueden moverse con su cámara, permanecer estáticos o rotar dentro del ViewportFrame . Este objeto también puede incluir un Sky hijo como un cubemap para reflexiones.

Si quieres que el objeto 3D se mueva con la cámara:

1. Posiciona la vista de tu cámara dentro de la experiencia para que el objeto que quieras ver dentro del marco sea visible.

2. Añade un nuevo ViewportFrame a la pantalla y luego asegúrate de que esté seleccionado en el Explorador.

3. En la ventana Propiedades, asigna la propiedad CurrentCamera a la cámara:

   1. Seleccione la propiedad CurrentCamera . Su cursor cambia.
   2. En la ventana Explorador, haga clic en el objeto de nivel superior Cámara .

4. Padre el objeto 3D deseado al nuevo ViewportFrame . Tenga en cuenta que si aún desea ver el objeto dentro de su experiencia, debe duplicarlo en el Workspace y luego padre el objeto duplicado al ViewportFrame .

Cuando muevas tu cámara, el objeto también se moverá dentro del ViewportFrame .