¿Le resultó útil esta página?
Sus comentarios sobre este contenido son muy importantes. Háganos saber su opinión.
¿Tiene comentarios adicionales?
Caracteres restantes: 1500
Pantallas: La interfaz de usuario de la aplicación
Este artículo se tradujo de forma manual. Mueva el puntero sobre las frases del artículo para ver el texto original.
Traducción
Original

Pantallas: La interfaz de usuario de la aplicación

Puede crear pantallas para mostrar datos de las bases de datos, listas de SharePoint o servicios de aplicaciones de Internet enriquecidas (RIA) de Windows Communication Foundation (WCF). Las pantallas proporcionan la interfaz de usuario básica de una aplicación Visual Studio LightSwitch.

Para crear una pantalla, simplemente especifique el tipo de pantalla y los datos que desea mostrar y, a continuación, permita que LightSwitch genere la pantalla para usted. La pantalla generada tendrá la funcionalidad típica de una interfaz de usuario moderna.

Puede ajustar el aspecto de la pantalla, habilitar o deshabilitar características, así como agregar o quitar comandos.

En este tema se presentan las plantillas que puede utilizar para crear pantallas, las herramientas que puede utilizar para diseñar pantallas y algunas de las tareas que puede realizar para diseñar las pantallas adecuadas para su aplicación LightSwitch.

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 rejilla editable

  • Pantalla de lista y detalles

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

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

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 pantalla

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. 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 Guía del diseñador de pantalla.

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

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 con el diseñador de pantallas.

Pantalla Modo de personalización

Puede modificar el aspecto de una pantalla mientras la aplicación se está ejecutando utilizando la pantalla Modo de personalización. También puede ofrecer 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 en una pantalla

  • Cambiar las leyendas del elemento

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

  • Cambiar la posición de la 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 elemento en los valores predeterminados

En la siguiente ilustración se muestra la pantalla Customization Mode.

Personalizar la aplicación que se está ejecutando

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

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

  • Modificar el aspecto 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 el aspecto de una pantalla

Puede modificar el aspecto de los datos que aparecen 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 campos, o agrupan campos.

Para obtener más información, vea Cómo: Diseñar una pantalla con 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.

Agregar 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 puede 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 a partir del volumen del pedido de ventas. Para obtener más información, vea Cómo: Agregar un comando personalizado a una pantalla.

Puede agregar los campos personalizados propiedades locales para recoger o mostrar información. Por ejemplo, puede agregar un cuadro de texto situado junto al botón del 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.

Agregar controles personalizados a una pantalla

Puede agregar los controles de Silverlight a una pantalla LightSwitch. Utilice los controles de Silverlight para mostrar o recopilar información de formas que excedan las capacidades de los controles integrados de LightSwitch. También 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.

Filtrar los datos que aparecen en una pantalla

Puede filtrar los datos que aparecen en una pantalla modificando las condiciones de las consultas de pantalla.

Cada grupo de datos que aparece en el recuadro izquierdo del diseñador está basado en una consulta. La pantalla únicamente muestra información que se devuelve 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.

Agregar datos a una pantalla

Puede agregar otros tipos de datos a una pantalla. Por ejemplo, en una pantalla que muestra los clientes, 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.

Personalizar 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 desplazamiento. 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.

Habilitar a los usuarios para buscar datos

LightSwitch proporciona la compatibilidad integrada para 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 con 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 están considerados 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 considera campos que no sean de cadena o información que existen en colecciones relacionadas, debe implementar una característica de búsqueda personalizada en su 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

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, 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 encuentra 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 eventos de pantalla y Cómo: Agregar un comando personalizado a una pantalla.

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

Título

Descripción

Elegir un tipo de pantalla

Describe las plantillas que puede utilizar como punto de inicio para crear pantallas.

Cómo: Crear una pantalla

Muestra cómo agregar pantallas a la aplicación.

Guía del diseñador de pantalla

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 con el diseñador de pantallas

Muestra cómo utilizar el Diseñador de pantallas.

Cómo: Personalizar una pantalla 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

Muestra cómo agregar un campo personalizado de propiedad local a una pantalla.

Cómo: Agregar un comando personalizado a una pantalla

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

Muestra cómo crear un control fuera de LightSwitch y, a continuación, lo utiliza 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

Muestra cómo utilizar consultas para controlar los datos que aparecerán en la pantalla.

Cómo: Controlar eventos de pantalla

Describe cómo puede personalizar su aplicación mediante la escritura de código que se ejecuta cuando ocurren ciertos eventos.

Cómo: Modificar una pantalla 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. Puede modificar el aspecto y el comportamiento de elementos usando la ventana Propiedades para establecer el valor de las propiedades.

Adiciones de comunidad

AGREGAR
Mostrar:
© 2015 Microsoft