Inténtelo: Personalizar el elemento Thumb de un control SimpleSlider (soporte WPF en Blend)
.png "Esta página es específica de proyectos WPF")
Resulta sencillo personalizar la apariencia de un control Thumb en Blend para Visual Studio si se usa la plantilla del control SimpleSlider.
Para personalizar el elemento Thumb de un control SimpleSlider
Dibuje un control SimpleSlider en la mesa de trabajo de Blend.
Sugerencia
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.
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 en Blend.
Sugerencia
Para salir del modo de edición de plantillas y volver al ámbito del documento, haga clic en Devolver ámbito a
.png "JJ170035.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(es-es,VS.120).png")
, que está encima del árbol de elementos 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.
Haga clic con el botón secundario en el objeto [Thumb] del panel Objetos y escala de tiempo, elija Editar plantilla y, a continuación, haga clic en Editar una copia.
De manera predeterminada, la plantilla Thumb contiene un objeto Grid que incluye un objeto Ellipse. Elimine el objeto Ellipse.
Haga doble clic en el objeto Grid en el panel Objetos y escala de tiempo para poder agregarle objetos secundarios.
Dibuje un trazado en el objeto Grid mediante la herramienta Pluma
.png "JJ170035.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(es-es,VS.120).png")
en el panel Herramientas. Puede modificar el trazado con la herramienta Selección directa .png "JJ170035.6dd6571f-c116-451d-8dd2-1f88b8406362(es-es,VS.120).png")
para ajustar los puntos del trazado.Sugerencia
Para acercar la mesa de trabajo, puede usar el cuadro de texto Zoom
.png "JJ170035.12524287-c48b-4cfc-b614-01951207239d(es-es,VS.120).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.Sugerencia
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.
Pruebe la aplicación (F5) para ver los efectos.