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

Esta página es específica de proyectos WPF

Resulta sencillo personalizar la apariencia de un control Thumb en Microsoft Expression Blend si 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.

    tip noteSugerencia:

    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.

    tip noteSugerencia:

    Para salir del modo de edición de plantillas y volver al ámbito del documento, haga clic en Devolver ámbito a Cc295006.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(es-es,Expression.40).png, que está encima del árbol de objetos en el panel Objetos y escala de tiempo.

    Para volver al modo de edición de plantillas para una plantilla existente, en el panel Objetos y escala de tiempo, haga clic con el botón secundario en el objeto 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 un objeto Grid que incluye un objeto Ellipse . Elimine el objeto Ellipse .

  5. Haga doble clic en el objeto Grid en el panel Objetos y escala de tiempo para poder agregarle objetos secundarios.

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

    tip noteSugerencia:

    Para acercar la mesa de trabajo, puede usar el cuadro de texto ZoomCc295006.12524287-c48b-4cfc-b614-01951207239d(es-es,Expression.40).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.

    tip noteSugerencia:

    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

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