Aprende sobre la barra de desplazamiento y su función en tu dispositivo
ciones como navegar por un sitio web o realizar un movimiento específico dentro de una página, como desplazarse hacia abajo para ver más contenido.
Las barras de desplazamiento o scroll son un aspecto muy importante en las interfaces web, ya que se encuentran ubicadas en la parte derecha (vertical) y en la parte inferior (horizontal) de una página. Estas barras permiten realizar diversas acciones, como por ejemplo, navegar por un sitio web o desplazarse hacia abajo para ver más contenido en una misma página. Sin duda, su presencia es fundamental para una navegación fluida y eficiente en la web.
Estructura de una barra de desplazamiento
Una barra de desplazamiento se compone de un eje con un botón de flecha en cada extremo y un cuadro de desplazamiento (también llamado pulgar) entre los botones. Su función es representar la longitud total o el ancho de un objeto de datos en la ventana de un área cliente, mientras que el cuadro de desplazamiento muestra la parte del objeto visible en dicha área.
El usuario puede desplazar el contenido de la ventana de tres maneras distintas: haciendo clic en los botones de flecha, sobre el área sombreada del eje, o arrastrando directamente el cuadro de desplazamiento. Al hacer clic en los botones de flecha, el contenido se desplaza en una unidad (generalmente una línea o columna), al hacer clic en las áreas sombreadas, se desplaza una ventana entera. La cantidad de desplazamiento al arrastrar el cuadro depende de la distancia entre el cursor y el punto inicial de arrastre.
En la siguiente captura de pantalla se puede apreciar un ejemplo de un control de edición enriquecido con barras de desplazamiento verticales y horizontales, como se verían en Windows Vista. En esta imagen, la barra de desplazamiento vertical está "activa" ya que el cursor estaba sobre ella al tomar la captura de pantalla.
Panel de control de teclado para una barra de desplazamiento
Un control de barra de desplazamiento ofrece una interfaz de teclado integrada que permite al usuario solicitar desplazamientos usando el teclado, a diferencia de una barra de desplazamiento estándar. Cuando el control de barra de desplazamiento tiene el foco del teclado, envía mensajes WM_HSCROLL y WM_VSCROLL a su ventana principal al presionar las teclas de dirección. Cada mensaje incluye un código de solicitud correspondiente a la tecla de flecha presionada por el usuario. A continuación se muestran las teclas de dirección y sus códigos de solicitud correspondientes.
La interfaz de teclado de un control de barra de desplazamiento envía los códigos de solicitud SB_TOP y SB_BOTTOM. El código de solicitud SB_TOP indica que el usuario ha alcanzado el valor superior del intervalo de desplazamiento. En este caso, una aplicación desplaza el contenido de la ventana hacia abajo para que la parte superior del objeto de datos sea visible. Por otro lado, el código de solicitud SB_BOTTOM indica que el usuario ha alcanzado el valor inferior del intervalo de desplazamiento. Si se procesa este código de solicitud, la aplicación desplaza el contenido de la ventana hacia arriba para que la parte inferior del objeto de datos sea visible.En caso de necesitar una interfaz de teclado para una barra de desplazamiento estándar, es posible crear una por medio del procesamiento del mensaje WM_KEYDOWN en el procedimiento de ventana y realizando la acción de desplazamiento correspondiente según el código de tecla virtual que acompaña al mensaje. Para obtener más información al respecto, puedes consultar cómo crear una interfaz de teclado para una barra de desplazamiento estándar en el siguiente enlace: Crear una interfaz de teclado para una barra de desplazamiento estándar.Cromatografía y mediciones de la barra de scroll
El color de la barra de desplazamiento es controlado por el valor asignado en el sistema, conocido como COLOR_SCROLLBAR. Para conocer el color establecido, se utiliza la función GetSysColor, mientras que para cambiarlo se utiliza la función SetSysColors. Es importante tener en cuenta que este cambio afectará a todas las barras de desplazamiento del sistema.
Si desea conocer las dimensiones de los mapas de bits utilizados por el sistema en las barras de desplazamiento estándar, puede llamar a la función GetSystemMetrics. A continuación, se presentan los valores de métricas del sistema asociados a las barras de desplazamiento.
Experiencia Control del acercamiento y las barras de navegación
¿Has observado la actualización en los controles deslizantes de las barras de desplazamiento? Ahora los dejaremos como están, en un futuro descubrirás nuevas formas de utilizarlos.Interacciones de desplazamiento clásicas y elementos de navegación de barras
Una barra de desplazamiento se puede encontrar en la ventana como una barra de desplazamiento estándar o como control de barra de desplazamiento. La primera se ubica en el área no cliente de la ventana y es creada y mostrada junto con ella. Su único propósito es permitir que el usuario solicite el desplazamiento del contenido en el área de cliente. Para incluir una barra de desplazamiento estándar en una ventana, se deben especificar los estilos WS_HSCROLL, WS_VSCROLL o ambos al crearla.
Un control de barra de desplazamiento pertenece a la clase de ventana SCROLLBAR y funciona de manera similar a una barra de desplazamiento estándar. Sin embargo, a diferencia de esta, es una ventana independiente y tiene una interfaz de teclado integrada, lo que le permite tomar el foco de entrada directo.
En una misma ventana se pueden incluir tantos controles de barra de desplazamiento como sean necesarios. Al crear uno, es importante especificar su tamaño y posición. En caso de que la ventana se pueda redimensionar, se deben hacer ajustes en el tamaño de la barra de desplazamiento cada vez que cambie el tamaño de la ventana.
