Personalizar la aplicación en ejecución

En esta lección, obtendrá información para realizar cambios en una aplicación LightSwitch en ejecución.

Personalizar la aplicación en ejecución

En la lección anterior Personalizar la apariencia de la pantalla se mostraron varias maneras de personalizar una pantalla en el Diseñador de pantallas.También puede personalizar una pantalla cuando la aplicación se está ejecutando para que pueda ver los cambios inmediatamente.

Para habilitar la personalización

Presione F5 para ejecutar la aplicación.

La aplicación se abre y la pantalla ContactList aparece.
En la esquina inferior derecha de la ventana de la aplicación, haga clic en Pantalla de diseño.

Un recuadro Contenido de pantalla que tiene una barra de herramientas aparece en la izquierda y un panel Propiedades aparece bajo la ventana de la aplicación.

Para cambiar los nombres para mostrar

En el panel Contenido de pantalla, seleccione el nodo DataGrid | Contacts.
En la ventana Propiedades, en el campo Nombre para mostrar, escriba Contactos empresariales y, a continuación, presione el tabulador.

Observe que el texto del panel Contenido de la pantalla cambia inmediatamente para reflejar el nuevo valor.
Seleccione el nodo de ContactName.
En la ventana Propiedades, en el campo Nombre para mostrar, escriba Nombre.
Repita el proceso para ContactCompany, ContactPhone, y los campos ContactEmail .Cambie los valores a Compañía, Teléfono y Dirección de correo electrónico.
Cierre la aplicación de prueba haciendo clic en el botón de cierre de la ventana de la aplicación para guardar los cambios.

Esto cierra el diseñador y guarda los cambios en la aplicación en ejecución.

Para cambiar los controles y el orden de la presentación

En la esquina inferior derecha de la ventana de la aplicación, haga clic en Pantalla de diseño.
En el panel Contenido de pantalla, expanda el nodo DataGridRow | Contact y a continuación, seleccione el nodo TextBox | Company.
En la lista desplegable, seleccione Label.

Esto impide la modificación del campo Company en la pantalla.
Seleccione el nodo Phone.
Haga clic en el botón de la barra de herramientas MoveDown moverlo en el campo Dirección de correo electrónico.

Observe que el campo Phone es la última columna de la cuadrícula.
En la lista Agregar seleccione ContactState.
En la ventana Propiedades, cambie el valor de la propiedad Nombre para mostrar a Estado.
Seleccione el nodo de nivel superior de Diseño de filas | Contactos.
En la barra de herramientas, haga clic en el botón Agregar grupo.

Un nuevo nodo Diseño de filas | Agrupar y se selecciona.
En la lista Agregar seleccione - Elemento seleccionado.

Observe que un nuevo grupo de visualización aparece bajo la cuadrícula y que tiene los campos para el contacto seleccionado.
En la ventana Propiedades, seleccione la opción Usar controles de solo lectura.

Los nuevos campos se muestran como controles Label.
En la ventana Propiedades, en la lista Posición de etiqueta, seleccione Ninguno.

Se quitan las etiquetas de campo.
Cierre la aplicación de prueba haciendo clic en el botón de cierre de la ventana de la aplicación para guardar los cambios.

Esto cierra el diseñador y guarda los cambios en la aplicación en ejecución.
Cierre la aplicación de prueba haciendo clic en el botón Cerrar en la esquina superior derecha de la aplicación.

Información detallada

En esta lección se mostró cómo realizar varias tareas para modificar el aspecto y el comportamiento de la pantalla ContactList en la aplicación en ejecución.Los pasos se parecen a los pasos que tomaría para realizar las mismas tareas en el Diseñador de pantallas en tiempo de diseño pero hay algunas diferencias pequeñas.Por ejemplo, no puede cambiar el Nombre para mostrar de una pantalla en la aplicación en ejecución.No hay realmente ninguna regla sobre si realizar las modificaciones en tiempo de ejecución o en tiempo de diseño; es una cuestión de opción personal.

También se describió cómo establecer los nombres para mostrar, tipos de control de cambios y orden, agregar nuevos grupos y campos, establecer las posiciones de etiquetas y configurar campos de solo exploración.Se pueden realizar muchas otras personalizaciones de pantalla, en la aplicación en ejecución y en el Diseñador de pantallas.Para obtener más información, vea Pantallas: La interfaz de usuario de la aplicación.