Dropdown - Lumberyard Guía del usuario

Si proporcionásemos una traducción de la versión en inglés de la guía, prevalecerá la versión en inglés de la guía si hubiese algún conflicto. La traducción se proporciona mediante traducción automática.

Dropdown

Puedes utilizar la función Menú desplegable para hacer que un elemento se comporte como un menú desplegable. Utilice este componente con elementos secundarios que contengan contenido. Los elementos secundarios proporcione el contenido del menú desplegable.

Puedes utilizar la función Menú desplegable del componente con el OpciónDesplegable componente. Con la función OpciónDesplegable componente, puede configurar para cambiar el texto del menú y su icono después de seleccionarlo.

Para ver ejemplos en el juego de lienzos completados con la Menú desplegable , abra el nivel UiFeatures en el proyecto SamplesProject. Pulse Control+G para jugar al juego y, a continuación, elige Componentesde Componentes interactuables, Menú desplegable. Puede ver Menús desplegables sencillos, Menús desplegables anidadosde Selección múltiple y Funcionalidad, y Uso de componentes de la interfaz de usuario y Menús desplegables. Pulse [EMPTY] para salir del juego.

Para ver estos mismos lienzos en la UI Editor, ve a la página \Gems\LyShineExamples\Assets\UI\Canvases\LyShineExamples\Comp\Dropdown del directorio. Puede abrir los siguientes lienzos:

  • MultipleFunc.uicanvas – Menú desplegable de selección múltiple y menú desplegable funcional (realizar acciones en una bola como crear, destruir, mover y cambiar color)

  • Nested.uicanvas – Dos niveles y submenús de varios niveles con hermanos

  • Simple.uicanvas – Menú desplegable de selección simple, menú desplegable de selección con iconos, expandir en el menú desplegable de pausa y expandir en pausa con iconos

  • UsingUi.uicanvas – Menús desplegables con cuadro de desplazamiento, imagen, casilla de verificación, control deslizante y botones de opción

Puede añadir un elemento prediseñado Menú desplegable del elemento de la biblioteca de sectores. Al hacerlo, se crea automáticamente un menú desplegable, tres opciones y sus elementos de imagen en su Jerarquía.

Para agregar un elemento Dropdown desde la biblioteca de sectores

  • En la pestaña UI Editor, elige Nuevode Elemento de Biblioteca de cortesde Menú desplegable.

Para editar un componente desplegable

En la pestaña Propiedades de la UI Editor, expandir Menú desplegable y haga lo siguiente, como apropiado:

Interactible

[EMPTY] Propiedades para editar el componente interactivo común la configuración.

Elementos, Contenido

Seleccione un elemento de la lista. Esto especifica la entidad que aparece cuando se expande el menú desplegable.

Elementos, elemento principal expandido

Arrastra un elemento a la pestaña Principal expandido caja. Esto especifica la entidad que actúa como principal cuando se expande el menú desplegable. Este se utiliza para los menús desplegables de capas.

Elementos, elemento de texto

Seleccione un elemento de la lista para especificar la entidad que mostrar el texto correspondiente a la opción seleccionada.

Elementos, elemento de icono

Seleccione un elemento de la lista para especificar la entidad que mostrar el icono correspondiente a la opción seleccionado.

Opciones, Expandir al pasar el cursor

Seleccione esta opción para habilitar el comportamiento desplegable al pausar y contraerse al salir.

Opciones, Tiempo de espera

Introduzca un número de segundos que el menú desplegable espera antes de expandirse en pausa o contraerse al salir.

Opciones, contraer al hacer clic en el exterior

Seleccione para habilitar el contraclive del menú desplegable al hacer clic fuera del menú.

Estados desplegables, Expandido

Haga clic en más para agregar estados al menú desplegable cuando se expanda.

Acciones, expandidas

Introduzca una cadena de texto que se enviará como acción en el lienzo de la interfaz de usuario cuando se expanda el menú desplegable.

Acciones, contraídas

Introduzca una cadena de texto que se enviará como una acción en el lienzo de la interfaz de usuario cuando el menú desplegable esté contraído.

Acciones, Opción seleccionada

Introduzca una cadena de texto que se enviará como acción en el lienzo de la interfaz de usuario cuando se seleccione una opción desplegable.