Compartir a través de


Inténtelo: personalizar el control SimpleTabItem mediante un efecto de imagen

Esta página es específica de proyectos WPF

El uso de la plantilla SimpleTabItem facilita la personalización de la apariencia de un control de ficha.

Para agregar un efecto de imagen al control SimpleTabItem

  1. Dibuje un control SimpleTabControl en la mesa de trabajo. SimpleTabControl incluye dos plantillas SimpleTabItem de manera predeterminada.

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

    Los controles de estilo simple están disponibles en la categoría Simple Styles, en la ficha Controles del Panel bibliotecaCc294648.0224cabd-5da1-4e01-bddd-4a647401a098(es-es,Expression.10).png. Una vez seleccionado un control de estilo simple de la lista, puede dibujarlo en la mesa de trabajo.

  2. Haga clic con el botón secundario en uno de los elementos de ficha en Objetos y escala de tiempo, elija Editar partes del control (Plantilla) y, a continuación, haga clic en Editar plantilla. Si no desea modificar el diccionario de recursos SimpleStyles.xaml, puede hacer clic en Editar una copia en lugar de en Editar plantilla para crear una plantilla nueva y guardarla en el documento. Para obtener más información acerca de cómo crear una copia, vea Crear un recurso.

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

    Para salir del modo de edición de plantillas y volver al ámbito del documento, haga clic en el botón Ámbito superiorCc294648.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(es-es,Expression.10).png, que está encima del árbol de elementos en el panel Interacción.

    Para volver al modo de edición de plantillas para una plantilla existente, en Objetos y escala de tiempo, haga clic con el botón secundario en el elemento cuya plantilla desee editar, elija Editar partes del control (Plantilla) y, a continuación, haga clic en Editar plantilla.

  3. En el ámbito de edición de la plantilla del control, seleccione el elemento Border en Objetos y escala de tiempo y, a continuación, en la sección avanzada Cc294648.81e110f1-4068-4299-957d-0693cea95088(es-es,Expression.10).png de la categoría Apariencia del panel Propiedades, haga clic en la flecha desplegable al lado de la propiedad BitmapEffect y haga clic en Bisel. De manera predeterminada, la propiedad BevelWidth tiene el valor 5.

  4. En el panel Desencadenadores, seleccione el estado IsPressed para activar la grabación del desencadenador. En el panel Propiedades, vuelva a hacer clic en la flecha de lista desplegable que hay al lado de la propiedad BitmapEffect, haga clic en Bisel y cambie la propiedad BevelWidth a 25.

    Aparece una nueva línea en Propiedades cuando está activo, en Desencadenadores, en la que se refleja el cambio de la propiedad que se producirá cuando se haga clic en el elemento de ficha.

  5. Vuelva a hacer clic en el botón Ámbito superiorCc294648.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(es-es,Expression.10).png para volver al ámbito de edición del documento.

  6. Para aplicar la plantilla personalizada al otro elemento de ficha del control de ficha, haga clic con el botón secundario en el otro elemento de ficha en Objetos y escala de tiempo, elija Editar partes del control (Plantilla), elija Aplicar recurso y, a continuación, haga clic en el nombre de la plantilla personalizada.

  7. Pruebe la aplicación (F5) para ver los efectos.

Vea también

Conceptos

SimpleTabControl y SimpleTabItem