Paseo por el Diseñador de pantallas

Puede diseñar una pantalla mediante el Diseñador de pantallas. El Diseñador de pantallas se abre al crear una pantalla o al hacer doble clic en cualquier nodo de pantalla en el Explorador de soluciones.

Este tema contiene las siguientes secciones:

• Breve introducción al Diseñador de pantallas

• Lista de miembros de pantalla

• Árbol de contenido de pantalla

• Barra de comandos del Diseñador de pantallas

Breve introducción al Diseñador de pantallas

El Diseñador de pantallas está compuesto por la lista de miembros de pantalla, la barra de comandos del Diseñador de pantallas y el árbol de contenido de pantalla. En la siguiente ilustración se muestra la ubicación de cada una de estas áreas en el Diseñador de pantallas.

Lista de miembros de pantalla

La lista de miembros de pantalla contiene elementos disponibles para su pantalla. Entre estos elementos se incluyen datos, métodos y propiedades locales. Para incorporar estos elementos a la pantalla, arrástrelos al árbol de contenido de pantalla.

De forma predeterminada, la lista de miembros de pantalla contiene métodos asociados a los comandos básicos de una pantalla (por ejemplo: el comando Guardar). La lista también contiene colecciones de datos que se seleccionan en el asistente para Agregar nueva pantalla. También puede agregar elementos a la lista de miembros de pantalla.

En la siguiente ilustración se muestra la lista de miembros de pantalla.

Datos de la lista de miembros de pantalla

En la lista de miembros de pantalla, los datos disponibles para la pantalla aparecen como nodos de colección. Para ver los campos de una colección, expanda el nodo de colección. Para agregar una colección de datos a la pantalla, arrastre el nodo de la colección de la lista de miembros de pantalla al árbol de contenido de pantalla. También puede arrastrar campos individuales de la lista de miembros de pantalla hasta el árbol de contenido de pantalla.

La apariencia y el comportamiento de una colección pueden modificarse mediante la ventana Propiedades. Para especificar qué filas de datos aparecerán en una colección, haga clic en el vínculo Editar consulta situado junto al nombre de la colección. Para obtener más información, vea Cómo: Filtrar datos en una pantalla de Silverlight.

Propiedades locales en la lista de miembros de pantalla

Puede agregar campos personalizados, denominados propiedades locales, para recopilar o mostrar información. Al igual que las colecciones y los campos, las propiedades locales pueden arrastrarse desde la lista de miembros de pantalla hasta el árbol de contenido de pantalla. En el árbol de contenido de pantalla, las propiedades locales aparecen como controles (por ejemplo: un cuadro de texto). Para obtener más información, vea Cómo: Agregar una propiedad local a una pantalla de Silverlight.

Métodos en la lista de miembros de pantalla

Un método es una unidad de lógica de negocios que se puede asociar a un botón de la pantalla. Arrastre los métodos hasta cualquier nodo de la barra de comandos en el árbol de contenido de pantalla. El Diseñador de pantallas agrega automáticamente un botón en el que el usuario puede hacer clic para ejecutar el método. Para obtener más información, vea Cómo: Agregar un comando personalizado a una pantalla de Silverlight.

Árbol de contenido de pantalla

El árbol de contenido de pantalla representa el contenido de una pantalla como una jerarquía de nodos denominados grupos. Puede expandir o contraer los grupos para ver los comandos, las propiedades locales y los campos de datos incluidos en el grupo.

En la siguiente ilustración se muestra el árbol de contenido de pantalla:

Para especificar la forma en que desea organizar la información dentro de un grupo, seleccione diseños de control de grupo. También se pueden agregar grupos a otros grupos, así como agregar, quitar y colocar campos y comandos. Para obtener más información acerca de cómo realizar cualquiera de estas tareas en el árbol de contenido de pantalla, vea Cómo: Diseñar una pantalla de Silverlight mediante el Diseñador de pantallas.

Barra de comandos del Diseñador de pantallas

La barra de comandos del Diseñador de pantallas aparece directamente sobre el árbol de contenido de pantalla. Esta barra de comandos contiene los comandos que se pueden usar para editar la consulta de una colección, agregar colecciones, crear métodos y propiedades locales, quitar información de una pantalla y escribir código personalizado que se ejecuta cuando se producen ciertos eventos relacionados con las pantallas. En la tabla siguiente se describe cada uno de los botones de la barra de comandos del Diseñador de pantallas:

Comando	Descripción
Editar consulta	Use este comando para modificar la consulta de una colección de datos. Este comando solo aparece si se selecciona el encabezado de una colección en la lista de miembros de pantalla. Para obtener más información, vea Cómo: Filtrar datos en una pantalla de Silverlight.
Agregar elemento de datos	Use este comando para agregar un método, propiedad local o colección de datos a la pantalla. Para obtener más información, consulte cualquiera de los temas siguientes: Cómo: Agregar un comando personalizado a una pantalla de Silverlight. Cómo: Agregar datos a una pantalla. Cómo: Agregar una propiedad local a una pantalla de Silverlight.
Agregar elemento de diseño	Use este comando para agregar un botón, grupo o control personalizado a la pantalla. Para obtener más información sobre cómo agregar botones y grupos, vea Cómo: Diseñar una pantalla de Silverlight mediante el Diseñador de pantallas. Para obtener más información sobre cómo agregar un control personalizado, vea Cómo: Agregar un control personalizado a una pantalla de Silverlight.
Eliminar	Use este comando para eliminar elementos que aparecen en la lista de miembros de pantalla o en el árbol de contenido de pantalla.
Restablecer	Use el comando para restablecer los controles a su tipo de control predeterminado y para volver a agregar los campos que ha quitado. Este comando solo se aplica a ciertos tipos de controles.
Escribir código	Use este comando para abrir el archivo de código de pantalla. En el archivo de código de pantalla, en la lista desplegable Declaraciones, puede seleccionar los métodos que desea extender. En la barra de comandos del Diseñador de pantallas, puede hacer clic en la flecha de la lista desplegable situada junto al botón Escribir código para ver una lista de los métodos que se aplican al elemento seleccionado actualmente en el árbol de contenido de pantalla o la lista de miembros de pantalla. En esta lista, puede seleccionar los métodos que desea extender. Para obtener más información, vea Cómo: Controlar los eventos de pantalla de Silverlight.

Vea también

Tareas

Cómo: Crear una pantalla de Silverlight

Cómo: Diseñar una pantalla de Silverlight mediante el Diseñador de pantallas

Cómo: Personalizar una pantalla de Silverlight en una aplicación en ejecución

Cómo: Crear una pantalla de cliente HTML

Cómo: Diseñar una pantalla HTML usando el Diseñador de pantallas

Conceptos

Referencia: Propiedades del Diseñador de pantallas

Otros recursos

Pantallas: Interfaz de usuario de una aplicación de LightSwitch