Compartir a través de


Inténtelo: personalizar el elemento Thumb de un control SimpleSlider

This page applies to WPF projects only

Personalizar la apariencia de un control Thumb en Microsoft Expression Blend es fácil cuando se usa la plantilla del control SimpleSlider.

Para personalizar el elemento Thumb de un control SimpleSlider

  1. Dibuje un control SimpleSlider en la mesa de trabajo de Expression Blend.

    Cc295006.alert_tip(ES-ES,Expression.30).gifSugerencia:

    Los controles de estilo simple están disponibles en Simple Styles, en la categoría Estilos del panel Activos. 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 el control deslizante del panel Objetos y escala de tiempo, elija Editar plantilla y, después, haga clic en Editar actual. Si no desea modificar el diccionario de recursos SimpleStyles.xaml, puede hacer clic en Editar una copia en lugar de en Editar actual 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.

    Cc295006.alert_tip(ES-ES,Expression.30).gifSugerencia:

    Para salir del modo de edición de plantilla y volver al ámbito del documento, haga clic en Ámbito superiorCc295006.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(ES-ES,Expression.30).png, que está encima del árbol de elementos en el panel Objetos y escala de tiempo.

    Para volver al modo de edición de plantilla para una plantilla existente, en el panel Objetos y escala de tiempo, haga clic con el botón secundario en el elemento cuya plantilla desee editar, elija Editar plantilla y, a continuación, haga clic en Editar actual.

  3. Haga clic con el botón secundario en el elemento [Thumb] del panel Objetos y escala de tiempo, elija Editar plantilla y, a continuación, haga clic en Editar una copia.

  4. De manera predeterminada, la plantilla Thumb contiene una cuadrícula que tiene una elipse. Elimine el elemento Ellipse.

  5. Haga doble clic en el elemento Grid del panel Objetos y escala de tiempo para poder agregarle elementos secundarios.

  6. Dibuje un trazado en el elemento Grid mediante la herramienta PlumaCc295006.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(ES-ES,Expression.30).png en el panel Herramientas. Puede modificar el trazado con la herramienta Selección directaCc295006.6dd6571f-c116-451d-8dd2-1f88b8406362(ES-ES,Expression.30).png para ajustar los puntos del trazado.

    Cc295006.alert_tip(ES-ES,Expression.30).gifSugerencia:

    Para acercar la mesa de trabajo, puede usar el cuadro de texto ZoomCc295006.12524287-c48b-4cfc-b614-01951207239d(ES-ES,Expression.30).png situado en la parte inferior de la mesa de trabajo o el botón de desplazamiento del mouse mientras mantiene presionada la tecla CTRL.

    Cc295006.alert_tip(ES-ES,Expression.30).gifSugerencia:

    Como alternativa al dibujo de un elemento de trazado con la herramienta Pluma, puede usar un recurso de material gráfico importado desde Microsoft Expression Design o un archivo de imagen que haya agregado al proyecto.

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

Vea también

Conceptos

SimpleSlider