Cómo: Personalizar una pantalla de Silverlight en una aplicación en ejecució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 ver una vista previa de cómo aparecerá la pantalla cuando se apliquen esos cambios.Para abrir la pantalla Modo de personalización, haga clic en el botón Pantalla de diseño que aparece en la parte superior de la pantalla.

[!NOTA]

El botón Pantalla de diseño aparece en la parte superior de una pantalla que sólo está abierta en la aplicación en ejecución.Este botón no aparece por encima de una pantalla que está abierta en el diseñador de pantallas.

Cuando termine de realizar las modificaciones, haga clic en el botón Guardar para confirmarlas.

Para una demostración video relacionada, consulte ¿Cómo: Crear una pantalla de detalles de edición en una aplicación Lightswitch?.

Se puede utilizar la pantalla Modo de personalización para realizar las tareas de diseño siguientes:

• Agregar un grupo de información en una pantalla.

• Modificar el diseño de un grupo.

• Agregar botones.

• Quitar elementos.

• Mover elementos.

• Cambiar las leyendas del elemento.

• Cambiar la posición de la etiqueta de un elemento.

• Mostrar u ocultar un elemento.

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

• Deshacer cambios.

• Restablecer todas las propiedades del elemento en los valores predeterminados.

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

Agregar un grupo de información en una pantalla

1. En el Árbol de contenido de pantalla, seleccione el nodo al que se desea agregar un grupo de elementos.

2. Haga clic en el botón Agregar grupo.

3. En el Árbol de contenido de pantalla de la pantalla Modo de personalización, seleccione el elemento (por ejemplo, un campo o comando).

4. Junto a la pantalla, haga clic en los botones Subir () y Bajar () para mover un elemento en el grupo.

Modificar el diseño de un grupo

1. En el Árbol de contenido de pantalla, haga clic en la flecha situada abajo, junto al grupo que se desea modificar.

   Aparecerá una lista desplegable.La lista desplegable muestra todos los tipos de control que están disponibles para el grupo.

2. En la lista desplegable de controles, seleccione el tipo de control.

   El tipo de control que se selecciona afecta al diseño del grupo.Para obtener más información sobre cada tipo de control, consulte Referencia: Propiedades del Diseñador de pantallas.

Agregar botones

1. En el Árbol de contenido de pantalla, seleccione el nodo al que se desea agregar un grupo de elementos.

2. Haga clic en Agregar botón y, a continuación, haga clic en Nuevo botón.

Quitar elementos.

1. En el Árbol de contenido de pantalla de la pantalla Modo de personalización, seleccione el elemento que se desea quitar de la pantalla.

2. Junto al Árbol de contenido de pantalla, haga clic en el botón Eliminar ().

Mover elementos.

1. En el Árbol de contenido de pantalla de la pantalla Modo de personalización, seleccione el elemento (por ejemplo, un campo o comando).

2. Junto a la pantalla, haga clic en los botones Subir () y Bajar () para colocar un elemento en la lista de elementos.

Cambiar las leyendas del elemento

1. En el Árbol de contenido de pantalla de la pantalla Modo de personalización, seleccione el elemento (por ejemplo, un campo o comando).

2. En la ventana Propiedades, seleccione el campo Nombre para mostrar y, a continuación, escriba el texto que se desea que aparezca como leyenda del elemento.

Cambiar la posición de la etiqueta de un elemento

1. En el Árbol de contenido de pantalla de la pantalla Modo de personalización, seleccione el elemento (por ejemplo, un campo o comando).

2. En la ventana Propiedades, haga clic en la lista desplegable bajo Posición de etiqueta y, a continuación, seleccione la posición deseada.

   En la siguiente tabla se describe cada una de las opciones.

   Posición de la etiqueta	Descripción
   Alineado a la izquierda	La etiqueta aparece a la izquierda del control.
   Alineado a la derecha	La etiqueta aparece a la derecha del control.
   Top	La etiqueta aparece por encima el control.
   Bottom	La etiqueta aparece por debajo del control.
   None	Ninguna etiqueta aparece para el campo de datos seleccionado.
   Collapsed	La etiqueta aparece contraída.

Mostrar u ocultar un elemento

1. En el Árbol de contenido de pantalla de la pantalla Modo de personalización, seleccione el elemento (por ejemplo, un campo o comando).

2. En la ventana Propiedades, seleccione o desactive la propiedad Visible.

   Si se selecciona Visible, el elemento aparecerá visible en la pantalla.Si se borra Visible, el elemento no aparecerá visible en la pantalla.

Cambiar el tipo de control de un elemento.

1. En el Árbol de contenido de pantalla de la pantalla Modo de personalización, seleccione la lista desplegable que aparece junto al elemento.

2. En la lista desplegable, haga clic en el tipo de control que se desee.

   La mayoría de los tipos de control son los tipos de control integrados.También se puede establecer el tipo de control a un control personalizado que se crea mediante otras herramientas.Para obtener más información sobre controles personalizados, consulte Cómo: Agregar un control personalizado a una pantalla de Silverlight.

Deshacer cambios

• En la pantalla Modo de personalización, haga clic en Cancelar.

  Se descartarán todas las modificaciones que se realizaron desde que se abrió la pantalla Modo de personalización.

  [!NOTA]

  No se pueden deshacer ediciones individuales en la pantalla Modo de personalización.

Restablecer las propiedades de elemento a sus valores predeterminados

1. En el Árbol de contenido de pantalla, seleccione un nodo que represente un grupo de elementos.

2. Junto al Árbol de contenido de pantalla, haga clic en el botón Restablecer elementos.

Vea también

Tareas

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

Otros recursos

Pantallas: La interfaz de usuario de la aplicación