Pantallas de cliente de Silverlight para aplicaciones de LightSwitch

Puede crear y diseñar las mejores pantallas basadas en Silverlight para su aplicación de LightSwitch si entiende las plantillas, las herramientas y las tareas que se presentan en este tema.

Plantillas de pantalla

Para comenzar, cree una pantalla con una de las siguientes plantillas de pantalla:

• Pantalla de nuevos datos

• Pantalla de búsqueda de datos

• Pantalla de detalles

• Pantalla de rejilla editable

• Pantalla de lista y detalles

Para obtener más información acerca de cómo elegir una plantilla, vea Elegir un tipo de pantalla.

Para obtener información acerca de cómo buscar estas plantillas, vea Cómo: Crear una pantalla de Silverlight.

Herramientas de diseño de pantallas

Puede modificar el diseño de una pantalla si utiliza el Diseñador de pantallas o abre la pantalla Modo de personalización mientras la aplicación se está ejecutando.

Diseñador de pantallas

El Diseñador de pantallas muestra elementos, como campos de datos y comandos, y el árbol de contenido de pantalla, que es una representación jerárquica de los datos. Puede arrastrar los elementos al árbol de contenido de pantalla y organizarlos en el orden que desee.

Para obtener más información sobre el Diseñador de pantallas, vea Paseo por el Diseñador de pantallas.

Para obtener más información acerca de cómo diseñar una pantalla, vea Tutorial: Diseñar una pantalla de Silverlight en LightSwitch.

Para obtener más información acerca de cómo realizar tareas concretas de diseño en el Diseñador de pantallas, vea Cómo: Diseñar una pantalla de Silverlight mediante el Diseñador de pantallas.

Pantalla Modo de personalización

Puede modificar el aspecto de una pantalla mientras la aplicación se está ejecutando mediante la pantalla Modo de personalización. También puede obtener una vista previa de las modificaciones antes de aplicar los cambios. En la pantalla Modo de personalización, puede realizar las siguientes tareas de diseño mientras la aplicación se está ejecutando:

• Quitar elementos de una pantalla

• Cambiar leyendas de elemento

• Cambiar el tipo de control de un elemento (por ejemplo, una etiqueta o un cuadro de texto).

• Cambiar la posición de etiqueta de un elemento

• Mostrar u ocultar un elemento

• Mover un elemento a otra ubicación en la pantalla

• Agrupar elementos

• Agregar botones a una pantalla

• Deshacer cambios

• Restablecer los elementos de propiedades en los valores predeterminados

En la siguiente ilustración se muestra la pantalla Modo de personalización.

Para obtener más información acerca de la pantalla Modo de personalización, vea Cómo: Personalizar una pantalla de Silverlight en una aplicación en ejecución.

Tareas de diseño de pantallas

Para modificar el diseño de una pantalla, puede realizar las siguientes tareas:

• Modificar la apariencia de una pantalla

• Agregar campos y comandos a una pantalla

• Filtrar los datos que aparecen en una pantalla

• Agregar datos a una pantalla

• Personalizar el menú de navegación de pantalla

• Modificar una pantalla mediante código

Modificar la apariencia de una pantalla

Puede modificar el modo en que se muestran los datos en una pantalla. Por ejemplo, puede configurar una colección de información para que aparezca como una lista o una cuadrícula. Puede cambiar el orden en el que aparecen los campos o puede agruparlos.

Para obtener más información, vea Cómo: Diseñar una pantalla de Silverlight mediante el Diseñador de pantallas.

Para obtener un ejemplo acerca de cómo diseñar el aspecto de una pantalla que muestra información de la base de datos de ejemplo Northwind, vea Personalizar la apariencia de la pantalla de una aplicación de LightSwitch.

Agregar campos y comandos a una pantalla

Las pantallas de LightSwitch proporcionan comandos integrados para que los usuarios puedan ver, actualizar, eliminar o guardar datos. También se pueden agregar comandos y campos personalizados.

Agregue un comando personalizado si desea agregar algún tipo de lógica de negocios a la pantalla. Por ejemplo, puede agregar un botón para que un usuario pueda ver una lista de clientes basada en el volumen de pedidos de ventas. Para obtener más información, vea Cómo: Agregar un comando personalizado a una pantalla de Silverlight.

Puede agregar campos personalizados de propiedades locales para recopilar o mostrar información. Por ejemplo, puede agregar un cuadro de texto al lado del botón de volumen de ventas para que el usuario pueda especificar cuántos clientes desea que aparezcan en la lista. Para obtener más información, vea Cómo: Agregar una propiedad local a una pantalla de Silverlight.

Agregar controles personalizados a una pantalla

Se pueden agregar controles de Silverlight a una pantalla de LightSwitch. Los controles de Silverlight se usan para mostrar o recopilar información de formas que excedan las capacidades de los controles integrados de LightSwitch. También se puede utilizar un control de Silverlight para reemplazar cualquier control integrado de LightSwitch que aparezca en la pantalla. Para obtener más información, vea Cómo: Agregar un control personalizado a una pantalla de Silverlight.

Filtrar los datos que aparecen en una pantalla

Los datos que aparecen en una pantalla se pueden filtrar mediante la modificación de las condiciones de las consultas de pantalla.

Cada grupo de datos que aparece en el panel izquierdo del diseñador está basado en una consulta. La pantalla únicamente muestra la información devuelta por esas consultas. Para cambiar la información que se muestra sobre un grupo de datos, modifique la consulta correspondiente.

Para obtener más información, vea Cómo: Filtrar datos en una pantalla de Silverlight.

Agregar datos a una pantalla

Se pueden agregar otros tipos de datos a una pantalla. Por ejemplo, en una pantalla que muestra clientes, se puede agregar una cuadrícula de datos que muestre una lista de pedidos. Para obtener más información, vea Cómo: Agregar datos a una pantalla.

Personalizar el menú de navegación de pantalla

En la aplicación, un usuario puede abrir una pantalla si hace clic en su nombre en el menú de navegación. Puede especificar el orden en el que desea que estas pantallas aparezcan en el menú. También puede especificar qué pantalla aparece cuando la aplicación se inicia y puede especificar si el usuario puede abrir varias pantallas que aparecen como pestañas.

Para obtener más información, vea Cómo: Crear elementos de menú y grupos de navegación en LightSwitch.

Habilitar a los usuarios para buscar datos

LightSwitch proporciona compatibilidad integrada con la búsqueda. Cuando se ejecuta la aplicación, se muestra un cuadro de búsqueda sobre cada recolección de datos en una pantalla. Un usuario puede escribir términos en uno de los cuadros de búsqueda y, a continuación, presionar ENTRAR para buscar información relacionada.

Para obtener información acerca de cómo ocultar un cuadro de búsqueda en una pantalla, vea Cómo: Diseñar una pantalla de Silverlight mediante el Diseñador de pantallas.

Para obtener información acerca de cómo excluir campos concretos de las búsquedas, vea Referencia: Propiedades del Diseñador de datos.

LightSwitch proporciona una plantilla que puede utilizar para crear una pantalla de búsqueda. Para obtener más información, vea Elegir un tipo de pantalla

En una solicitud de búsqueda, únicamente se tienen en cuenta los campos de tipo String. Además, una solicitud de búsqueda únicamente se aplica a la recolección de datos asociada. Por ejemplo, un cuadro de búsqueda que aparece sobre una colección de clientes no se puede utilizar para buscar información acerca de los pedidos realizados por un cliente.

Si desea proporcionar una experiencia de búsqueda que tenga en cuenta los campos que no sean de cadena o la información que existe en colecciones relacionadas, debe implementar una característica de búsqueda personalizada en la pantalla. Para obtener un ejemplo acerca de cómo se consigue esto, vea Creating a Custom Search Screen in Visual Studio LightSwitch.

Modificar una pantalla mediante código

Se puede agregar código a los métodos parciales llamados por LightSwitch para que, cuando se produzcan determinados eventos en tiempo de ejecución, la pantalla se modifique de forma adecuada. Por ejemplo, puede agregar código que oculte el nombre de una compañía que desea permanecer en el anonimato para los usuarios de la aplicación. Este código examinaría los nombres de compañía de los clientes y, cuando encontrara una coincidencia, establecería la propiedad IsVisible del campo CompanyName en False antes de que la información se muestre en la pantalla.

Para obtener más información acerca de dónde escribir el código, vea Cómo: Controlar los eventos de pantalla de Silverlight y Cómo: Agregar un comando personalizado a una pantalla de Silverlight.

Para obtener más información acerca de cómo agregar código que modifica una pantalla, vea Cómo: Modificar una pantalla de Silverlight mediante código.

Temas relacionados

Título	Descripción
Elegir un tipo de pantalla	Describe las plantillas que se pueden usar como punto de partida para crear pantallas.
Cómo: Crear una pantalla de Silverlight	Muestra cómo agregar pantallas a la aplicación.
Paseo por el Diseñador de pantallas	Muestra los componentes del diseñador y sus funciones.
Tutorial: Diseñar una pantalla de Silverlight en LightSwitch	Muestra cómo diseñar una pantalla que muestra datos de la base de datos de ejemplo Northwind.
Cómo: Diseñar una pantalla de Silverlight mediante el Diseñador de pantallas	Muestra cómo utilizar el diseñador de pantallas.
Cómo: Personalizar una pantalla de Silverlight en una aplicación en ejecución	Muestra cómo personalizar el aspecto de una pantalla mientras la aplicación se está ejecutando.
Cómo: Agregar una propiedad local a una pantalla de Silverlight	Muestra cómo agregar un campo personalizado de propiedad local a una pantalla.
Cómo: Agregar un comando personalizado a una pantalla de Silverlight	Muestra cómo agregar un botón o vínculo que ejecuta código personalizado en una pantalla.
Cómo: Agregar un control personalizado a una pantalla de Silverlight	Muestra cómo crear un control fuera de LightSwitch y, a continuación, utilizarlo en una pantalla de LightSwitch.
Cómo: Agregar datos a una pantalla	Muestra cómo agregar datos de otras consultas a una pantalla.
Cómo: Filtrar datos en una pantalla de Silverlight	Muestra cómo usar consultas para controlar los datos que aparecen en la pantalla.
Cómo: Controlar los eventos de pantalla de Silverlight	Describe cómo personalizar la aplicación mediante la escritura de código que se ejecuta cuando ocurren ciertos eventos.
Cómo: Modificar una pantalla de Silverlight mediante código	Describe cómo utilizar código para modificar controles e interactuar con elementos en una pantalla.
Referencia: Propiedades del Diseñador de pantallas	Describe las propiedades de los elementos que aparecen en la lista de miembros de pantalla y en el árbol de contenido de pantalla del Diseñador de pantallas. Puede modificar el aspecto y el comportamiento de los elementos mediante la ventana Propiedades para establecer el valor de las propiedades.
Informes e impresión en LightSwitch	Describe las opciones disponibles para agregar capacidades de informes e impresión a una aplicación de LightSwitch.