Pantallas de cliente de Silverlight

Puede crear y diseñar pantallas Silverlight- basadas mejor para la aplicación de LightSwitch entender las plantillas, herramientas, y las tareas que este tema ofrece.

[!NOTA]

Mediante Actualización 2 de Microsoft LightSwitch para Visual Studio también puede crear pantallas basado en HTML y optimizarlas para dispositivos móviles.Para obtener más información, vea Pantallas de cliente HTML para aplicaciones LightSwitch.

Plantillas de pantalla

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

• Pantalla de nuevos datos

• Pantalla de búsqueda de datos

• Pantalla de detalles

• Pantalla de cuadrícula editable

• Pantalla de lista y detalles

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

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

Herramientas de diseño de pantalla

Se puede modificar el diseño de una pantalla utilizando el Diseñador de pantallas o abriendo 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 sus datos.Se pueden arrastrar los elementos al árbol de contenido de pantalla y organizarlos en el orden que se desee.

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

Para obtener más información sobre cómo diseñar una pantalla, consulte Tutorial: Diseñar una pantalla.

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

Pantalla Modo de personalización

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

• Quite elementos en una pantalla

• Cambie las leyendas del elemento

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

• Cambie la posición de la etiqueta de un elemento

• Muestre u oculte un elemento

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

• Agrupe elementos

• Agregue botones a una pantalla

• Deshaga cambios

• Restablezca los elementos a sus valores predeterminados

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

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

Tareas de diseño de pantalla

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

• Modifique el aspecto de una pantalla

• Agregue campos y comandos a una pantalla

• Filtre los datos que aparecen en una pantalla

• Agregue datos a una pantalla

• Personalice el menú de navegación de pantalla

• Modifique una pantalla mediante código

Modifique el aspecto de una pantalla

Se puede modificar el aspecto de los datos que aparecen en una pantalla.Por ejemplo, se puede configurar un conjunto de elementos de información para que aparezcan como una lista o una cuadrícula.Se puede cambiar el orden en el que aparecen campos o agrupan campos.

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 sobre cómo diseñar el aspecto de una pantalla que muestra información de la base de datos de ejemplo Northwind, consulte Personalizar la apariencia de la pantalla.

Agregue campos y comandos a una pantalla

Las pantallas 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, se puede agregar un botón para que un usuario pueda ver una lista de clientes a partir del volumen de pedidos de venta.Para obtener más información, vea Cómo: Agregar un comando personalizado a una pantalla de Silverlight.

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

Agregue controles personalizados a una pantalla

Se pueden agregar controles de Silverlight a una pantalla LightSwitch.Utilice controles de Silverlight 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 LightSwitch que aparezca en la pantalla.Para obtener más información, vea Cómo: Agregar un control personalizado a una pantalla de Silverlight.

Filtre los datos que aparecen en una pantalla

Se pueden filtrar los datos que aparecen en una pantalla modificando 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 que es devuelta por esas consultas.Para cambiar la información que se muestra sobre un grupo de datos, modifique su consulta.

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

Agregue datos a una pantalla

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

Personalice el menú de navegación de pantalla

En la aplicación, un usuario puede abrir una pantalla haciendo clic en su nombre en el menú de navegación.Se puede especificar el orden en el que se desea que estas pantallas aparezcan en el menú.También se puede especificar qué pantalla aparece cuando la aplicación se inicia y 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.

Habilite a los usuarios para buscar datos

LightSwitch proporciona compatibilidad integrada para búsqueda.Cuando se ejecuta la aplicación, se muestra un cuadro de búsqueda sobre cada colecció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 sobre cómo ocultar un cuadro de búsqueda en una pantalla, consulte Cómo: Diseñar una pantalla de Silverlight mediante el Diseñador de pantallas.

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

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

En una solicitud de búsqueda, únicamente están considerados los campos de tipo String.Además, una solicitud de búsqueda únicamente se aplica a la colecció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 se desea proporcionar una experiencia de búsqueda que considera campos que no sean de cadena o información que existe en colecciones relacionadas, se debe implementar una característica de búsqueda personalizada en la pantalla.Para obtener un ejemplo sobre cómo lograr esto, consulte Creating a Custom Search Screen in Visual Studio LightSwitch.

Modifique una pantalla mediante código

Se puede agregar código a 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, se puede agregar código que oculta el nombre de una compañía que desea permanecer en el anonimato a los usuarios de la aplicación.Este código examinaría los nombres de compañía de clientes y, cuando encontrara una coincidencia, establecería la propiedad IsVisible del campo CompanyName en False antes de que la información se muestre por pantalla.

Para obtener más información sobre dónde escribir el código, consulte 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 sobre cómo agregar código que modifica una pantalla, consulte 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 utilizar como punto de inicio 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 las partes del diseñador y sus funciones.
Tutorial: Diseñar una pantalla	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 de propiedades local personalizado a una presentación.
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 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 utilizar consultas para controlar los datos que aparecerán en la pantalla.
Cómo: Controlar los eventos de pantalla de Silverlight	Describe cómo se puede 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 elementos que aparecen en la lista de miembros de pantalla y en el árbol de contenido de pantalla del Diseñador de pantallas.Se puede modificar el aspecto y el comportamiento de elementos usando la ventana Propiedades para establecer el valor de las propiedades.
Informes e impresión en LightSwitch	Describe las opciones disponibles para agregar funciones de informe y de impresión a una aplicación de LightSwitch.