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 de cuadrícula o de lienzo. 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 (contenido) 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 (visibilidad de la barra de desplazamiento horizontal) en Visible.

Vista de la mesa de trabajo 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 de cuadrícula, que se usa para que el visor de desplazamiento contenga varios elementos secundarios. El panel de cuadrícula 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 de cuadrícula que contiene ScrollContentPresenter están establecidas en escalado proporcional (*) para que se expandan al expandir el visor de desplazamiento. La fila y la columna del panel de cuadrícula 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 (contenido) 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.

  Precaución:
  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

  

Volver al principio

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 se activa un desencadenador. Por ejemplo, en la plantilla SimpleScrollViewer, cuando la propiedad IsMouseOver (mouse sobre) pasa a ser True, el fondo del elemento Border cambia el color al recurso MouseOverBrush.

Volver al principio

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 (fondo) está enlazada mediante plantilla a la propiedad Background (fondo) del control deslizante al que se aplica la plantilla.

Volver al principio

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 de la mesa de trabajo 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 (contenido) 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 del visor de desplazamiento, haga clic con el botón secundario en las barras de desplazamiento (denominadas PART_HorizontalScrollBar y PART_VerticalScrollBar), elija Editar 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.

Volver al principio