SimpleScrollViewer
El visor de desplazamiento es un control de contenido que muestra su contenido en un área desplazable. Para colocar contenido en un visor de desplazamiento en Microsoft® Expression Blend™, haga doble clic en el visor de desplazamiento y, a continuación, dibuje un elemento en él. Si desea colocar varios elementos dentro del visor de desplazamiento, primero deberá agregar un panel de diseño como Grid o Canvas. Un visor de desplazamiento también puede mostrar texto de forma predeterminada. Para modificar este texto, seleccione el visor de desplazamiento y, a continuación, modifique la propiedad Content en Propiedades comunes, en el panel Propiedades. Para colocar elementos en el visor de desplazamiento, pero fuera de los límites de dicho visor, es necesario establecer manualmente las propiedades de posición en Opciones avanzadas de la propiedad en Diseño, en el panel Propiedades. De forma predeterminada, la barra de desplazamiento vertical está visible. Para que aparezca la barra de desplazamiento horizontal, establezca la propiedad HorizontalScrollBarVisibility en Visible.
Vista del área de diseño de un control SimpleScrollViewer
Desglosar la plantilla de control
La plantilla del control SimpleScrollViewer está formada por los siguientes elementos:
- Un panel de diseño Grid, que se usa para que el visor de desplazamiento contenga varios elementos secundarios. El panel Grid también se usa porque facilita al diseñador de la interfaz de usuario (UI) de la aplicación la adición de otros elementos a la plantilla. La fila y la columna del panel Grid que contiene ScrollContentPresenter están establecidas en escalado proporcional (*) para que se expanda al expandir el visor de desplazamiento. La fila y la columna del panel Grid que contiene las barras de desplazamiento se establecen en tamaño automático, de acuerdo con el tamaño necesario para las barras de desplazamiento.
- Un elemento ScrollContentPresenter, que se usa para mostrar la propiedad Content de la barra de desplazamiento a la que se aplica esta plantilla. Este elemento debe estar presente para mostrar el contenido de la barra de desplazamiento.
- Dos elementos ScrollBar denominados PART_HorizontalScrollBar y PART_VerticalScrollBar, que se usan para desplazarse por el contenido. De forma predeterminada, las barras de desplazamiento usan la plantilla SimpleScrollBarStyle.
 |
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 SimpleScrollViewer
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 los elementos en Desencadenadores, en el panel Interacción, para ver las propiedades que cambian cuando está activo un desencadenador. Por ejemplo, en la plantilla SimpleScrollViewer, cuando la propiedad IsMouseOver pasa a ser True, el fondo del elemento Border cambia el color al recurso MouseOverBrush.
Pinceles usados
La plantilla SimpleScrollViewer no usa ningún recurso de pincel en el diccionario de recursos SimpleStyles.xaml. En su lugar, la propiedad Background está enlazada mediante plantilla a la propiedad Background del control deslizante al que se aplica la plantilla.
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.
- El contenido de SimpleScrollViewer se muestra mediante un elemento ScrollContentPresenter que enlaza automáticamente su contenido a la propiedad Content del elemento ScrollViewer al que se aplica esta plantilla. El elemento ScrollContentPresenter debe estar presente para que SimpleScrollViewer muestre su contenido.
- La visibilidad de las barras de desplazamiento se controla mediante el control de visor de desplazamiento, ya que la plantilla se enlaza a las propiedades que especifican la visibilidad. Este enlace permite ocultar o mostrar automáticamente las barras de desplazamiento según sea necesario. Puede establecer el valor predeterminado de la visibilidad de la barra de desplazamiento en el control del visor de desplazamiento o en su plantilla.
- Para que el visor de desplazamiento funcione correctamente, es necesario mantener todos los enlaces mediante plantilla. Observe también que las barras de desplazamiento denominadas PART_HorizontalScrollBar y PART_VerticalScrollBar no deben cambiarse, ya que el código de la clase de control usa estos nombres.
- Para aplicar las plantillas de barra de desplazamiento existentes a las barras de desplazamiento de la plantilla de visor de desplazamiento, haga clic con el botón secundario en las barras de desplazamiento (denominadas PART_HorizontalScrollBar y PART_VerticalScrollBar), elijaEditar partes del control (Plantilla), elija Aplicar recurso y, a continuación, haga clic en el nombre de la plantilla de barra de desplazamiento. Tenga en cuenta que la orientación de la plantilla debe coincidir con la orientación de la barra de desplazamiento.