El objeto SurfaceGui le permite mostrar el contenido del GUI en las superficies en el mundo 3D. Se utilizan comúnmente para mostrar tablas de clasificación o señalar áreas en el espacio 3D. Este tutorial le muestra cómo crear un tablero de información sobre estadísticas de espadas largas.
Creando una interfaz de usuario de la superficie
Crea una parte llamada InfoBoard .
Cambia el Tamaño de la parte a 15, 18, 1 .
Inserta un SuperficieGui en la parte y renombrarlo InfoSurfaceGui .
Inserta un Frame en el GUI y llévalo por nombre Frame de Fondo . Esto es el fondo en el que se mostrarán los datos.
Ajustar la Interfaz gráfica (o GUI)
Cara
La propiedad Face determina qué cara de la parte se usará para mostrar el SurfaceGui. El objeto BackgroundFrame estará visible en la superficie como un pequeño cuadrado blanco cuando se selecciona la cara correcta.
Establece la propiedad Cara de InfoSurfaceGui a Frente .
Si el marco no es visible después de seleccionar la cara delantera, la parte puede estar apuntando en la dirección equivocada. Intenta rotar la parte o elegir una cara diferente.
Tamaño
Para que la cubierta del marco cubra toda la cara, tendrás que ajustar su propiedad Tamaño .
Establece la propiedad Tamaño de Marco de Fondo a 1, 0, 1, 0 para que cubra toda la cara seleccionada.
Estilos
A menudo es una buena idea agregar un UIPadding límite para crear un espacio entre los bordes de un objeto GUI y sus contenidos.
Inserta un UIPading límite en InfoSurfaceGui .
Establece las propiedades AlignmentBottom, AlignmentLeft, AlignmentRight y 2> AlignmentTop2> para crear un borde alrededor del marco.
Establece la propiedad Transparencia de Fondo de Marco de Fondo a 1 .
Agregar Contenido
Puede usar las habilidades aprendidas en los tutoriales de la interfaz de usuario anterior para mostrar información dentro del marco de fondo . Aquí hay algunos ejemplos de contenido para el marco:
| Objeto | Descripción |
|---|---|
| 1 | Un TextLabel para mostrar el nombre del artículo con un ImageLabel debajo que muestra tablas de madera. |
| 2 | Un ImageLabel para mostrar la imagen del artículo con un valor de color de fondo gris. Se usa un UICorner límite para aplicar un borde redondeado a cada esquina. |
| 3 | Un marco que contiene tres Text Labels colocadas con un UIListLayout约束 para ordenarlas en una secuencia horizontal, similar a Crear una Barra de Puntuación . |
Propiedades de SurfaceGui
Ahora tienes un SurfaceGui completado, intenta cambiar las siguientes propiedades para ver sus efectos.
Influencia de luz
Dado que las interfaces de usuario de la superficie existen en el mundo 3D, pueden ser afectadas por la luz como cualquier otro objeto. La propiedad LightInfluence controla la cantidad de luz que el SurfaceGui es afectado por. El valor normal es 1, lo que significa que el espacio del GUI se ilumin
Adornado
La parte en la que se muestra un SurfaceGui está determinada por la propiedad Adornee . Si está vacía, se muestra automáticamente en la parte padre. La capacidad de establecer Adornee permite la creación de botones interactivos cuando el GUI no está vinculado a la parte. Para adornar un SurfaceGui a una parte:
Arrastra el GUI de la superficie a StarterGui .
Adórnalo a la parte haciendo clic en la casilla de entrada de Adornee y luego en la parte del tablero.