Compartir a través de


Crear un recurso de estilo

Esta página es específica de WPF y Silverlight 2

Puede usar el estilo de un control en un proyecto de Microsoft Expression Blend 2 para especificar propiedades y desencadenadores (WPF) o estados (Silverlight 2) que el control al que se aplica el estilo usará como valores predeterminados. Las propiedades (como el color de pincel de fondo) afectarán a la apariencia del control y los desencadenadores o estados afectarán a la forma en que el control responde ante los eventos y los cambios en las propiedades. Por ejemplo, cuando el usuario mueve el mouse sobre el control, la propiedad IsMouseOver cambia de False a True y se desencadena el evento MouseOver. Puede crear un estilo para un botón que haga cambiar el color de fondo del mismo cuando el puntero del mouse se desplace sobre el botón. Si desea modificar la estructura de un control, cree una plantilla en lugar de usar los procedimientos de Crear o editar una plantilla de control.

Como un estilo es un recurso, puede guardar el estilo aparte del botón y aplicar luego el recurso de estilo a otros objetos de botón. Para obtener más información acerca de los recursos, vea Información general de recursos en este Manual del usuario.

Para crear un nuevo recurso de estilo para un control

  1. En la mesa de trabajo o en Objetos y escala de tiempo en el panel Interacción, seleccione el objeto para el que desea crear un estilo.

  2. En el menú Objeto elija Editar estilo y, a continuación, realice una de las siguientes acciones:

    • Para crear un nuevo estilo vacío, haga clic en Crear vacío Para controles de forma (como Rectangle) y controles de texto (como TextBox), ésta es la única opción disponible.

    • Para crear un nuevo estilo basado en el estilo que está usando actualmente el objeto seleccionado (tanto si el estilo es el estilo predeterminado del objeto como si es un estilo personalizado creado previamente), haga clic en Editar una copia.

    Aparece el cuadro de diálogo Crear recurso de estilo.

  3. En Nombre de recurso (clave), siga uno de estos procedimientos:

    • Para crear un estilo con nombre nuevo para el elemento, escriba un nombre de clave. Éste es el nombre por el cual otros elementos pueden hacer referencia al estilo y, por tanto, aplicar el estilo.

    • Para crear un estilo que usen todos los elementos de este tipo, seleccione Aplicar a todo.

      Cc294740.alert_tip(es-es,Expression.10).gifSugerencia:

      En el código XAML del elemento de estilo que se va a crear, el atributo de nombre TargetType se configurará para el tipo de elemento para el que se crea el estilo.

      Sólo se configurará un atributo x:Key si se ha indicado un nombre de clave (la primera opción anterior). La presencia de un atributo x:Key sólo permite aplicar el estilo a elementos que especifiquen el estilo por su nombre. La ausencia de un atributo x:Key hace que el estilo se aplique a todos los elementos de este tipo. Por ejemplo, el elemento de estilo que se muestra a continuación no se aplica a todos los botones de la mesa de trabajo.

      <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"...

  4. En Definir en, seleccione la opción con la que desea definir el estilo:

    • Para que el estilo esté disponible para cualquier documento de la aplicación, seleccione Aplicación.

    • Para que el estilo esté disponible únicamente para el documento actual, seleccione Este documento (Window: Window).

    • Para definir el estilo en un archivo de diccionario de recursos que se pueda volver a usar en otros proyectos, seleccione Diccionario de recursos. A continuación, puede seleccionar un archivo de diccionario de recursos existente o crear otro Nuevo.

      [!NOTA]

      Los diccionarios de recursos no son compatibles con Silverlight 2.

  5. Haga clic en Aceptar para salir del cuadro de diálogo y abrir el estilo para editarlo.

    Cc294740.alert_tip(es-es,Expression.10).gifSugerencia:

    En realidad está creando un nuevo recurso de estilo. Éste se convertirá en un recurso local y podrá verlo y modificarlo fácilmente en el panel Recursos.

  6. Observe la nueva barra de ruta de navegación de Expression Blend 2 en la parte superior de la mesa de trabajo.

    Barra de ruta de navegación con el modo de edición de plantillas seleccionado

    Cc294740.eb50efd9-44c6-41f9-8f50-7d40f6c42e61(es-es,Expression.10).png

    Si hace clic en los botones en la barra de ruta de navegación, puede desplazarse rápidamente entre el modo de edición de plantillas, el modo de edición de estilos y el ámbito de edición de objetos para el objeto seleccionado. La barra de ruta de navegación aparece para cualquier objeto seleccionado que tiene un estilo personalizado o una plantilla que se aplique al mismo.

  7. Agregue los desencadenadores de propiedad y de eventos al panel Interacción. Para obtener un ejemplo de desencadenadores que establecer, vea Convertir un objeto en un botón en este manual del usuario, o vea los temas Inténtelo en Estilos simples.

  8. Para salir del ámbito de edición del estilo, haga clic en el botón Ámbito superiorCc294740.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(es-es,Expression.10).png en Objetos y escala de tiempo.

    Esto le devuelve al ámbito de edición anterior en el que estaba trabajando.

    Cc294740.alert_tip(es-es,Expression.10).gifSugerencia:

    Observe que una vez que haya creado o aplicado un recurso de estilo a un objeto, en el panel Propiedades, aparecerá resaltada en verde la propiedad Style del objeto seleccionado para indicar que dicho objeto se encuentra enlazado, o vinculado, a ese recurso de estilo.

Vea también

Conceptos

Aplicar un recurso de estilo

Información general sobre estilos y plantillas

Estilos simples