Crear un recurso de estilo

Puede usar el estilo de un control en Microsoft® Expression Blend™ para especificar propiedades y desencadenadores 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 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 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 sobre recursos, vea Información general de recursos en este manual del usuario.

Para crear un nuevo recurso de estilo para un control

  1. En el área de diseño 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á utilizando 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 Style.
  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 utilicen todos los elementos de este tipo, seleccione Aplicar a todos.
    Sugerencia En el XAML del elemento Style 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 arriba). 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 style que se muestra más abajo no se aplica a todos los botones del área de diseño.
      <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"...
  4. En Definir en, seleccione la opción en 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 utilizar en otros proyecto, seleccione Diccionario de recursos. A continuación puede seleccionar un archivo de diccionario de recursos existente o crear otro Nuevo.
  5. Haga clic en Aceptar para salir del cuadro de diálogo y abrir el estilo para editarlo.
    Sugerencia 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. Agregue los desencadenadores de propiedad y de eventos al panel Interacción. Para obtener un ejemplo de configuración de desencadenadores, vea Convertir un objeto en un botón en este manual del usuario o vea los temas enumerados bajo el encabezado ¡Pruébelo!, en Estilos simples.
  7. Para salir del ámbito de edición del estilo, haga clic en el botón Ámbito superior Botón Ámbito superior en Objetos y escala de tiempo.
    Esto le devuelve al ámbito de edición anterior desde el que estaba trabajando.
    Sugerencia 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.