SimpleScrollBar
La barra de desplazamiento es un control simple que muestra un marcador de una barra en una posición que depende de la propiedad Value. Puede establecer la orientación de la barra de desplazamiento en Microsoft® Expression Blend™ con la propiedad Orientation de Diseño, en el panel Propiedades. Puede establecer los valores Minimum, Maximum y el valor Value actual de la barra de desplazamiento en Propiedades comunes, en el panel Propiedades. El valor actual debe estar entre los valores máximo y mínimo.
Vista del área de diseño de un control SimpleScrollBar
Desglosar la plantilla de control
La plantilla del control SimpleScrollBar está formada por los siguientes elementos:
- Un panel Grid denominado GridRoot, que se usa para que la barra de desplazamiento contenga los diversos elementos secundarios. El elemento Grid también se usa porque facilita la adición de otros elementos a la plantilla. Este panel está dividido en tres filas, donde las filas superior e inferior tienen tamaños máximos establecidos para que no se expandan más allá de 18 píxeles (o unidades independientes del dispositivo que miden aproximadamente 1/96 pulgadas), y el tamaño de la fila del centro está establecido en escalado proporcional (*), lo que significa que se expandirá cuando se expanda la ventana.
- Dos elementos RepeatButton denominados DecreaseRepeat e IncreaseRepeat, que se usan para mover el marcador de posición en la barra. Los elementos RepeatButton tienen contenido que muestra flechas. De nuevo, se usa el elemento Grid como raíz para cada uno de ellos de forma que el usuario pueda modificar fácilmente los elementos de trazado (denominados DecreaseArrow e IncreaseArrow) y agregar otro contenido.
- Un elemento Track denominado PART_Track, que se usa para mostrar un elemento Thumb a lo largo de una barra. Las partes expuestas de la barra se doblan como RepeatButtons denominados PageDown y PageUp. Ambos usan la plantilla SimpleScrollRepeatButtonStyle, que puede modificarse de forma independiente. Las secciones IncreaseRepeatButton y DecreaseRepeatButton del elemento Track usan enlaces de comando para poder llamar a comandos en la clase de barra de desplazamiento. El elemento Thumb usa la plantilla SimpleThumbStyle, que puede modificarse de forma independiente.
- Una transformación de diseño, que se usa para mostrar la barra de desplazamiento con una orientación horizontal. Este diseño facilita la edición, ya que no es necesario acordarse de editar dos plantillas distintas. No obstante, existen casos en que las dos orientaciones deben ser suficientemente distintas y requieren plantillas independientes. En este caso, puede usar un archivo de recursos XAML en el elemento <Style> de la vista XAML de Expression Blend para cambiar las plantillas en función de la orientación. Puede ver un ejemplo de ello en la plantilla predeterminada del control del sistema ScrollBar.
 |
No cambie el nombre de ningún elemento cuyo nombre empiece por "PART_", porque el código que implementa el control hace referencia a estos elementos. |
Vista de objetos: partes básicas (plantilla) de un control SimpleScrollBar
Desencadenadores de propiedad usados
Los desencadenadores de propiedad de la plantilla de control sirven para hacer que el control reaccione ante los cambios de propiedad. Puede hacer clic en el elemento en Desencadenadores, en el panel Interacción, para ver las propiedades que cambian cuando está activo un desencadenador. Por ejemplo, en la plantilla SimpleScrollBar, cuando la propiedad Orientation es Horizontal, se cambian varias propiedades para reflejar la nueva orientación de la barra de progreso.
Pinceles usados
La plantilla SimpleScrollBar sólo usa un recurso de pincel del sistema para la propiedad Foreground. En las plantillas que usa SimpleScrollBar, como las plantillas SimpleRepeatButton, SimpleThumbStyle y SimpleScrollRepeatButtonStyle, se hace referencia a otros recursos de pincel. Puede modificar los pinceles que usan estas plantillas para cambiar la apariencia de SimpleScrollBar o puede crear plantillas nuevas.
Prácticas recomendadas e instrucciones de diseño
- En general, debe usar un control Grid como raíz de la plantilla si espera que el diseñador agregue más elementos visuales al control. Expression Blend busca un panel de diseño como el control Grid y lo activa de forma predeterminada para que los elementos nuevos del área de diseño se agreguen como elementos secundarios del panel de diseño.
- Puede aplicar la plantilla SimpleScrollBar para la barra de desplazamiento que se usa en la plantilla de ScrollViewer.
- Puesto que la plantilla SimpleScrollBar usa otras plantillas, puede ser tedioso desplazarse por los diversos niveles de plantillas para llegar a la que desea modificar. Para cambiar las plantillas directamente, puede hacer clic en el botón Editar recurso situado al lado del nombre de la plantilla en el panel Recursos. A continuación, en el modo de edición del estilo, haga clic con el botón secundario en Style, en Objetos y escala de tiempo, elija Editar partes del control (Plantilla) y, después, haga clic en Editar plantilla o Editar una copia. Como alternativa, puede ser más sencillo simplemente eliminar las referencias a las subplantillas (restablezca la propiedad Style en Varios, en el panel Propiedades) y diseñar la plantilla en el primer nivel.
- Para que el control funcione, es necesario mantener los enlaces de comandos que activan los comandos en la clase del control y proporcionan otra forma de realizar un contrato entre el control y la clase a la que representa. Estos enlaces están presentes en las propiedades Command de los elementos IncreaseRepeat, DecreaseRepeat, PageUp y PageDown, y en el desencadenador Orientation=Horizontal.
- Si lo desea, puede agregar desencadenadores a la plantilla SimpleScrollBar o modificar los elementos del elemento PART_Track para hacer que la apariencia de la barra sea más interesante, pero no puede cambiar el nombre del elemento PART_Track ni de ninguno de sus elementos secundarios, ya que se hace referencia a estos elementos en el código que implementa el control. El elemento PART_Track puede buscar sus partes porque están colocadas bajo encabezados de control específicos: Track.IncreaseRepeatButton, Track.DecreaseRepeatButton y Track.Thumb. Thumb también es un control específico de Windows Presentation Foundation (WPF) que puede arrastrarse.