Personalizar la apariencia de la pantalla

En la siguiente lección obtendrá información acerca de cómo cambiar el diseño y la apariencia de una pantalla en LightSwitch.

Personalizar la pantalla

Mediante el uso del Diseñador de pantallas, puede personalizar una pantalla de muchas maneras.Por ejemplo, puede cambiar el orden de presentación de los campos, cambiando el tipo de control que se utiliza para presentar un campo y restringir la capacidad de modificar un campo.

Para ver una pantalla

En el Explorador de soluciones, haga doble clic en el nodo Pedidos PorCliente.
Presione F5 para ejecutar la aplicación y en el menú de desplazamiento, haga clic en Pedidos por clientes para mostrar el formulario.

Al seleccionar un cliente en la lista Clientes de la izquierda, los detalles sobre ese cliente y una lista de pedidos relacionados se muestran a la derecha.
Cierre la aplicación de prueba haciendo clic en el botón Cerrar en la esquina superior derecha de la aplicación.

Para cambiar los nombres que se muestran

En el panel del centro del Diseñador de pantallas, seleccione el nodo superior Diseño de columna | Pedidod por cliente.
En la ventana Propiedades, seleccione el campo Descripción y escriba Seleccionar un cliente para ver sus pedidos.

El mensaje se muestra como un texto informativo para la pantalla al ejecutar la aplicación.
Presione F5 para ejecutar la aplicación y en el menú de desplazamiento, haga clic en Órdenes por los clientes para mostrar la pantalla.Para mostrar el mensaje informativo, mueva el puntero sobre la pestaña de la pantalla "Pedidos por cliente".
Cierre la aplicación de prueba haciendo clic en el botón Cerrar en la esquina superior derecha de la aplicación.

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

Bajo el nodo Diseño de filas | Detalles de columna, seleccione el nodo Compañia.
En la lista desplegable, seleccione Label.

Esto evita que el campo Company se edite durante la aplicación en ejecución.
Seleccione el nodo Teléfono.
Arrástrelo bajo el nodo Compañia.

Esto cambia el orden de presentación en la pantalla.
Presione F5 para ejecutar la aplicación y en el menú de desplazamiento, haga clic en Pedidos por clientes para mostrar la pantalla y comprobar los cambios.
Cierre la aplicación de prueba haciendo clic en el botón Cerrar en la esquina superior derecha de la aplicación.

Para deshabilitar los comandos para una cuadrícula de datos

Expanda el nodo CuadrículaDeDatos | Pedidos.
Expanda el nodo Barra de comandos si aún no está expandido.
Seleccione el nodo Editar....En la ventana Propiedades, desactive la casilla EsVisible.

Esto deshabilita el comando Edición para la cuadrícula de datos Órdenes.
Repita el proceso para el nodo Eliminar.
Presione F5 para ejecutar la aplicación y en el menú de desplazamiento, haga clic en Pedidos por clientes para mostrar la pantalla y comprobar los cambios.

Observe que los botones Edición y Eliminar ya no aparecen.
Cierre la aplicación de prueba haciendo clic en el botón Cerrar en la esquina superior derecha de la aplicación.

Para hacer una pantalla de sólo lectura

Expanda el nodo CuadículaDeDatos | Pedidos.
Expanda el nodo Barra de comando.
Seleccione el nodo Agregar… y, a continuación, en la Cinta de barra de herramientas, haga clic en el botón Eliminar.
Seleccione el nodo CuadrículaDeDatos o Pedidos y seleccione Fila de cuadrícula de datos | Pedido.
En la ventana Propiedades, active la casilla Usar controles de sólo lectura.

Evita que los usuarios modifiquen los datos en la cuadrícula.
Presione F5 para ejecutar la aplicación y en el menú de desplazamiento, haga clic en Pedidos por clientes para mostrar la pantalla y comprobar los cambios.

Observe que el botón Agregar no está y que ya no puede modificar los datos de la cuadrícula.
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 la sección anterior se mostró cómo realizar varias tareas para modificar el aspecto y el comportamiento de la pantalla PedidosPorCliente.La lección también muestra cómo el Árbol de contenido de pantalla del Diseñador de pantallas se relaciona con la interfaz de usuario en la pantalla en ejecución.

Cuando se cambió la Descripción para la pantalla, se proporcionó ayuda para el usuario final.Tal vez recuerde que cambió la Descripción del campo ContactName en el Diseñador de entidades en una lección anterior.Al establecer la Descripción en el Diseñador de entidades, el cambio se propaga a todas las pantallas; al establecerlo en el Diseñador de pantallas se cambia solamente la pantalla con la que está trabajando.

Cuando cambió el tipo de control para el campo Compañia de un CuadroDeTexto a una Etiqueta, quizá haya observado que la lista de controles disponibles para cada campo incluye solamente los controles que son adecuados para el tipo de datos subyacente del campo.Por ejemplo, para un campo Text, puede elegir un TextBox o un Label.Si ha instalado una extensión que incluye un control para mostrar Text, ese control también aparecerá en la lista.En otra lección se describen las extensiones.

Además de arrastrar un campo hacia otro lugar en una lista, en este caso, la lista Clientes, también puede arrastrar los campos del panel izquierdo del Diseñador de pantallas al panel del centro.Por ejemplo, si accidentalmente elimina el campo Ciudad , podría arrastrarlo desde el nodo Clientes del panel izquierdo.

Cuando deshabilitó los comandos Editar y Eliminar en la cuadrícula Pedidos, es posible que observara que aún podía modificar y eliminar directamente los pedidos en la cuadrícula.Para solucionarlo, hizo la cuadrícula Pedidos de sólo lectura estableciendo la propiedad Usar controles de sólo lectura.La propiedad Usar controles de sólo lectura afecta a todos los nodos inferiores en el árbol de contenido de pantalla.Por ejemplo, si establece la propiedad Usar controles de sólo lectura para el nodo de nivel superior Cuadrícula o pedidos por usuarios, la pantalla completa se vuelve de solo lectura.

[!NOTA]

Cuando se establece la propiedad Usar controles de sólo lectura, no deshabilita los comandos Agregar, Editar y Eliminar.Los usuarios aún pueden modificar los datos cuando los comandos están habilitados.