La scrollbar le permite al usuario seleccionar un valor numérico
de 0 a 1 al arrastrar la manija del scrollbar.
Los scrollbars son usualmente utilizados para configurar o cambiar un valor
en otro elemento UI o componente.
Los Scrollbars son comúnmente utilizados con un scroll rect,
el cual puede mantener y mask contenidos
lo suficiente grandes para que sean fácil de ver.
El scroll rect va a utilizar el valor de un
scrollbar para controlar cómo su contenido es desplazado.
Para más información acerca de scroll rects
por favor ver la información vinculada abajo.
El valor del scrollbar es configurado por la posición de
la manija a lo largo de la longitud del scrollbar.
El valor es un valor normalizado que empieza en
0 al final del scrollbar
y aumenta hasta 1 al otro extremo.
Un valor de 0.5 indica el punto de la mitad.
Para crear un nuevo scrollbar utilice el menú
Create para Create - UI - Scrollbar.
Como todos los elementos UI, el elemento scrollbar
debe ser hijo de un canvas.
Si uno no está presente cuando se cree un scrollbar
pre- hecho un nuevo canvas será creado.
Para más información acerca del canvas
por favor ver la información vinculada abajo.
Cuando el scrollbar es creado es hecho de una
familia de game objects.
Los hijos son los componentes rect transform e image
que definen el área de deslizamiento y la gráfica de la manija.
El game object padre es dónde el script del
scrollbar reside.
La imagen del fondo es un componente en el game object padre.
Interact-able determina sí o no este scrollbar en particular
va a aceptar input.
Para prevenir la interacción con un scrollbar
configure Interact-able a falso.
Cuando interact-able sea configurado a falso
el estado de transición para el elemento del scrollbar
será configurado al estado disabled.
Por defecto el elemento del scrollbar va a mostrar
el estado normal del scrollbar.
Dependiendo del modo de transición escogido
un scrollbar puede también mostrar un estado
highlighted, pressed y disabled.
El modo de transición determina sí o no el
elemento del scrollbar va a mostrar cualquiera de estos estados adicionales,
y si es así controlar el aspecto del deslizador en cada estado
y el estilo de la transición entre los estados.
La propiedad del modo de transición es compartida
por muchos elementos UI y será
cubierta en su propia lección.
Para más información acerca de transiciones y el
modo de propiedad transition por favor ver
la información vinculada abajo.
Cuando utilice transiciones con un scrollbar
vale la pena tener en cuenta, que con excepción del
modo de animation transition,
cualquier cambio visual solo está visto en la gráfica de la manija
no en el resto de los elementos UI.
La Navigation describe cómo la selección de
elementos UI es manejado cuando utilice el
input del teclado o controlador.
La Navigation es compartida por muchos elementos Ui
y será cubierto en su propia lección.
Para la mayoría de circunstancia la navegación puede simplemente
ser configurada a automática.
Para más información acerca de la navegación
por favor ver la información vinculada abajo.
El handle rect es una referencia al rect transform
en la gráfica utilizada para la manija.
Direction configura ambos los ejes y
la dirección del valor cambiado.
El valor es un valor normalizado que empieza con 0
al final del scrollbar y aumentando
de 1 hasta el otro extremo.
Por ejemplo, con la opción de left to right,
el valor del inicio de 0 estará al extremo izquierdo del scrollbar
y el valor del scrollbar va a aumentar
proporcionalmente a medida que la manija se mueve de izquierda a derecha
con un valor de 1 a la derecha.
Las opciones de la dirección son
LeftToRight,
RightToLeft,
BottomToTop y TopToBottom.
El valor es el valor actual de la scrollbar
Cuando el valor es configurado en el inspector durante el tiempo de edición
éste va a configurar el valor inicial del scrollbar.
Size es el tamaño de fracción de
la manija dentro del scrollbar,
en un rango de 0 a 1.
Number of steps es el número de diferentes
posiciones permitidas por la scrollbar.
Para un desplazamiento continuo y suave
configure este valor a 0 o 1.
El framework UI contiene un poderoso event system (sistema de eventos)
Éste es creado cuando el canvas es creado.
Cuando el sistema de eventos detecta un click
o un arrastre en el scrollbar
el event system va a llamar un evento OnValueChanged.
El componente scrollbar incluye una lista de funciones de
on value changed integradas
que contiene una lista de todas las funciones
que son llamadas cuando el valor de scroll cambia.
Los eventos adicionales pueden ser detectados y utilizados
por el elemento scrollbar, pero esto requiere
un componente adicional.
Para más información acerca de cómo utilizar la lista
de funciones integradas, eventos, el sistema de eventos y los triggers de eventos
por favor ver la información vinculada abajo.
En la mayoría de casos el scrollbar va a
ser usado con el scroll rect.
el cual va a automáticamente utilizar
los valores dinámicos del scrollbar cuando estén asociados.
Para más información acerca del scroll rect
por favor ver la información vinculada abajo.