Compartir a través de


Crear o modificar una plantilla

La apariencia de un control está definida en la plantilla que tiene aplicada el control en la mesa de trabajo. La plantilla incluye los objetos contenidos en el control. Por ejemplo, la plantilla de control de TextBox contiene un objeto Border denominado Bd que, a su vez, contiene un objeto ScrollViewer denominado PART_ContentHost. El objeto ScrollViewer muestra el contenido de TextBox cuando se ha aplicado la plantilla de control a un TextBox en la mesa de trabajo.

Las plantillas predeterminadas de los controles del sistema utilizan un tema dinámico que cambia la apariencia de los controles dependiendo de la versión de Windows en la que se ejecuta la aplicación. Sin embargo, si modifica la plantilla de un control del sistema, el control tendrá la misma apariencia en todas las versiones.

Para obtener más información, vea la sección "Temas" de Aplicar estilos a un control que admite plantillas.

Las plantillas de control se guardan como recursos que puede aplicar a otros controles del mismo tipo.

Para crear una plantilla de control

  1. En el panel Objetos y escala de tiempo o en la mesa de trabajo, seleccione el objeto desde el que desea crear una plantilla de control y realice una de las siguientes acciones:

    • En el menú Objeto, elija Editar plantilla.

    • Haga clic con el botón secundario en el objeto y elija Editar plantilla.

    • En la barra de ruta de navegación de la parte superior de la mesa de trabajo, haga clic en el nombre del objeto.

  2. En el menú desplegable que aparece, realice una de las acciones siguientes:

    • Para crear una plantilla nueva vacía, haga clic en Crear vacío.

    • Para crear una nueva plantilla basada en la plantilla que está usando el objeto seleccionado (ya sea la plantilla predeterminada del objeto o una plantilla personalizada creada previamente), haga clic en Editar una copia.

      [!NOTA]

      Si la opción Editar actual está habilitada, significa que la plantilla ya se ha aplicado a este objeto. Como alternativa, puede elegir editar esta plantilla.

    Aparece el cuadro de diálogo Crear recurso Style. Esto sucede porque las plantillas de control se almacenan en un recurso style.

  3. En Nombre (clave), realice una de las acciones siguientes:

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

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

      tip noteSugerencia:

      En el código XAML del objeto Style que se va a crear, el atributo TargetType se establecerá en el tipo de objeto para el que se crea el estilo.

      Un atributo x:Key se establecerá sólo si proporcionó un nombre de clave (primera opción de este paso). La presencia de un atributo x:Key sólo permite aplicar el estilo a objetos que especifiquen el estilo por el nombre de clave. La ausencia de un atributo x:Key hace que el estilo se aplique a todos los objetos de este tipo. Por ejemplo, el objeto Style del siguiente ejemplo de código no se aplicará 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 sólo para el documento actual, seleccione Este documento y elija una opción en el menú desplegable.

    • 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 en el menú desplegable o crear uno nuevo haciendo clic en Nuevo.

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

    tip noteSugerencia:

    En realidad, está creando un nuevo recurso de plantilla dentro de un estilo. Este se convertirá en un recurso local y podrá verlo y modificarlo fácilmente con el botón Editar recurso en el panel Recursos.

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

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

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

    Si hace clic en los botones de la barra de ruta de navegación, podrá moverse rápidamente entre los modos de edición de plantilla, edición de estilo y ámbito de edición de objeto correspondientes al objeto seleccionado. La barra de ruta de navegación aparece para cualquier objeto seleccionado que tenga un estilo personalizado o una plantilla aplicada.

  7. Modificar la plantilla agregando o reorganizando los objetos secundarios.

  8. Puede cambiar la apariencia o el comportamiento de un objeto según el resultado de la interacción del usuario siguiendo alguno de los siguientes procedimientos:

    • Si está trabajando en un proyecto de Windows Presentation Foundation (WPF), seleccione un desencadenador en el panel Desencadenadores para activar la grabación del desencadenador y, a continuación, realice los cambios en los objetos de la plantilla. Si un desencadenador que desee usar no existe, puede crearlo. Por ejemplo, para crear un desencadenador que controle el clic de un objeto Button, haga clic en Agregar desencadenador de propiedad, establezca el desencadenador en IsPressed=True , seleccione el nuevo desencadenador y realice los cambios.

      Para obtener más información acerca de desencadenadores, vea Usar desencadenadores para definir el comportamiento de un control WPF.

      Para obtener más información, vea Sugerencias para la aplicación de estilos a Simple Styles de WPF.

      Caution note Precaución:

      Cambiar algunos aspectos de la plantilla de un control puede anular la funcionalidad del control.

      Para obtener información orientativa, vea "Procedimientos recomendados" en Aplicar estilos a un control que admite plantillas.

    • Si está trabajando en un proyecto de Microsoft Silverlight, seleccione un estado en el panel Estados para activar la grabación del estado y, a continuación, realice los cambios en los objetos de la plantilla. Si el tipo del objeto admite elementos, puede asignar elementos de la plantilla a diferentes objetos. Por ejemplo, puede importar material gráfico como objetos Image y convertir los nuevos objetos en elementos de la plantilla. Los estados funcionan con los elementos de plantilla para cambiar la apariencia de un objeto como respuesta a la interacción del usuario.

      Para obtener más información, vea Aplicar estilos a los elementos de una plantilla de control de Silverlight y Sugerencias para la aplicación de estilos a controles Silverlight comunes.

    • Para agregar interactividad a un objeto, puede crear nuevos estados en el panel Estados y usar después el comportamiento GoToStateAction para cambiar entre estados en función de un evento.

      Para obtener más información, vea Definir distintos estados visuales para un control.

    • Puede escribir código que se ejecutará como respuesta a un evento. En la vista Eventos del panel Propiedades, haga doble clic en el campo de entrada situado junto a un nombre de evento para agregar un método de control de eventos al archivo de código subyacente del documento.

      Para obtener más información, vea Escribir código que responda a eventos.

  9. Para salir del ámbito de edición del estilo, haga clic en el botón Devolver ámbito aCc294908.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(es-es,Expression.40).png en el panel Objetos y escala de tiempo. De esta manera, volverá al ámbito de edición del documento.

    tip noteSugerencia:

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

Para editar una plantilla personalizada

En la mesa de trabajo o en el panel Objetos y escala de tiempo, haga clic en un objeto para seleccionarlo y, a continuación, realice una de las acciones siguientes:

  • En la barra de ruta de navegación de la parte superior de la mesa de trabajo, haga clic en el tercer botón.

    Cc294908.5bb586ea-6adc-4672-b316-0fab8215ff8c(es-es,Expression.40).png

  • En el menú Objeto, elija Editar plantilla y haga clic en Editar actual.

  • Haga clic con el botón secundario en el objeto, elija Editar plantilla y haga clic en Editar actual.

  • En el panel Propiedades, haga clic en Opciones avanzadas Cc294908.ac1bd7f6-f5e6-494c-bca7-7a57ab314eab(es-es,Expression.40).png junto a la propiedad Style (debería aparecer resaltada en verde, puesto que ha aplicado un estilo a este objeto previamente) y, a continuación, haga clic en Editar recurso en el menú contextual. Una vez en el ámbito de edición del estilo, haga clic con el botón secundario en el objeto Style en Objetos y escala de tiempo, elija Editar plantilla y, a continuación, haga clic en Editar actual.

    [!NOTA]

    Si la opción Editar actual está deshabilitada, significa que no se ha aplicado ninguna plantilla al objeto.

    tip noteSugerencia:

    Para enlazar rápidamente una plantilla desde el modo de edición de plantillas, haga clic en Opciones avanzadas junto a la propiedad en el panel Propiedades al que desea enlazar la plantilla y, a continuación, haga clic en Enlace de plantillas.

    Expression Blend indica el ámbito de edición de la plantilla.

Para abrir una plantilla desde el panel Recursos

  1. En el panel Recursos, busque el nombre del recurso y haga clic en el botón Editar recurso junto al nombre.

    Expression Blend entra en el ámbito de edición del estilo.

  2. Una vez en el ámbito de edición del estilo, haga clic con el botón secundario en el objeto Style en el panel Objetos y escala de tiempo, elija Editar plantilla y, a continuación, haga clic en Editar actual.

    Expression Blend indica el ámbito de edición de la plantilla.

Vea también

Tareas

Crear un control de usuario a partir de objetos existentes

Conceptos

Sugerencias para la aplicación de estilos a controles Silverlight comunes
Sugerencias para la aplicación de estilos a Simple Styles de WPF

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.