Puede crear una pantalla similar a una interfaz de usuario de una aplicación con múltiples paneles de ventanas ajustables.
Después de cambiar la visualización/colapso de los objetos de diseño con animación de visibilidad, el objeto de visualización de contenido y el tamaño y ubicación del objeto de conmutación serán ajustados automáticamente por el Panel de acoplamiento, y la visualización del panel cambiará.
Para obtener información sobre la función utilizada para configurar una pantalla compuesta de varios paneles, consulte lo siguiente.
Funcionamiento cuando se configura la animación de visibilidad
Toque el interruptor en el Panel de acoplamiento para contraer el objeto de presentación (panel izquierdo); el objeto de visualización de contenido (panel principal) alineado a continuación se expandirá para ocupar ese espacio. Toque el interruptor de nuevo para mostrar el objeto de diseño.
Agregue una variable que almacene la propiedad [Visibilidad] del objeto de diseño.
Agregue la(s) siguiente(s) variable(s).
[Nombre] |
[Tipo de datos] |
Var1 | [INT] |
Agregue la(s) siguiente(s) Pantalla(s).
[ID de pantalla] |
[Tipo de pantalla] |
2 |
[Panel de acoplamiento] |
Para definir los ajustes de la pantalla, tal como el color, en la vista de Documento, haga clic en el área de dibujo y defina los ajustes en la ventana de propiedades.
Pestaña |
Propiedad |
Valor |
||
[Básico] |
[Relleno] |
[Color] |
[Valor] |
ID: 14 |
Establezca las siguientes propiedades.
Pestaña |
Sub |
Propiedad |
Valor |
|
---|---|---|---|---|
[Función] |
[Básico] |
[Preferencias] |
[ID de pantalla inicial] |
2 |
Esta propiedad establece la pantalla configurada en este ejemplo de configuración (ID de pantalla: 2) para que se muestre en primer lugar después de iniciar el tiempo de ejecución.
Agregue los siguientes contenidos.
[ID de contenido] |
[Tipo de pantalla] |
1 | [Desplazar lienzo] |
Para definir los ajustes del contenido, tal como el color, en la vista de Documento, haga clic en el área de dibujo y defina los ajustes en la ventana Propiedades.
Al designar colores con ID, los colores mostrados variarán en función del [Conjunto de colores] en la [Caja de herramientas].
Conjunto de colores
Pestaña |
Propiedad |
Valor |
||
[Básico] |
[Relleno] |
[Color] |
[Valor] |
ID: 25 |
Arrastre y coloque los siguientes objetos de la [Caja de herramientas] a la pantalla.
El orden de alineación de los objetos puede cambiarse con la [Lista de objetos].
Visualización del contenido (Nombre: ContentDisplay1)
Cuando alinee objetos, arrástrelos y suéltelos hacia el exterior del objeto de diseño o fuera del área de la pantalla para evitar que se superpongan. Tenga en cuenta que cuando no se selecciona ninguno de los objetos en la pantalla, también pueden alinearse sin superponerse haciendo doble clic en el objeto correspondiente de la [Caja de herramientas].
Pestaña |
Propiedad |
Valor |
||
[Básico] |
[Ubicación] |
[Acoplar] |
[Superior] |
|
[Altura] |
80 |
|||
[Relleno] |
[Color] |
[Valor] |
ID: 14 |
Pestaña |
Propiedad |
Valor |
||
[Básico] |
[Orientación] |
[Vertical] |
||
[Ubicación] |
[Acoplar] |
[Izquierda] | ||
[Ancho] |
250 |
|||
---|---|---|---|---|
[Relleno] |
[Color] |
[Valor] |
ID: 11 |
|
[Visibilidad] |
[Variable] [Nombre]: Var1 |
Instale el menú acordeón en el Panel de apilamiento. Para más información sobre el menú acordeón, consulte lo siguiente.
Configuración de un menú acordeón
Este interruptor cambia la visualización del panel. Cuando se toca el interruptor, la propiedad [Visibilidad] del Objeto de diseño - Panel de apilamiento (nombre: StackPanel1) se cambia a 0 (Mostrar) o 2 (Colapsado).
Pestaña |
Subpestaña |
Propiedad |
Valor |
Pestaña |
---|---|---|---|---|
[Función] |
[Pulsación] |
[Operación] |
[Tipo] |
[Palabra] |
[Operación] |
[XOR] |
|||
[Origen] |
2 |
|||
[Destino] |
[Variable] [Nombre]: Var1 |
|||
[Forma] |
[Tamaño/Ubicación] |
[Ubicación] |
[Acoplar] |
[Izquierda] |
[Ancho] |
25 |
|||
[Altura] |
50 |
Pestaña |
Subpestaña |
Propiedad |
Valor |
---|---|---|---|
[Función] |
[Básico] |
[ID de contenido] |
1 |