WEBVTT

00:00:02.127 --> 00:00:05.825
La scrollbar le permite al usuario seleccionar un valor numérico

00:00:05.825 --> 00:00:09.665
de 0 a 1 al arrastrar la manija del scrollbar.

00:00:10.455 --> 00:00:13.703
Los scrollbars son usualmente utilizados para configurar o cambiar un valor

00:00:13.703 --> 00:00:16.134
en otro elemento UI o componente.

00:00:16.963 --> 00:00:19.663
Los Scrollbars son comúnmente utilizados con un scroll rect,

00:00:19.663 --> 00:00:21.663
el cual puede mantener y mask contenidos

00:00:21.663 --> 00:00:23.663
lo suficiente grandes para que sean fácil de ver.

00:00:24.467 --> 00:00:26.661
El scroll rect va a utilizar el valor de un

00:00:26.661 --> 00:00:29.593
scrollbar para controlar cómo su contenido es desplazado.

00:00:30.535 --> 00:00:33.060
Para más información acerca de scroll rects

00:00:33.060 --> 00:00:35.422
por favor ver la información vinculada abajo.

00:00:36.085 --> 00:00:38.680
El valor del scrollbar es configurado por la posición de

00:00:38.680 --> 00:00:41.339
la manija a lo largo de la longitud del scrollbar.

00:00:42.050 --> 00:00:44.495
El valor es un valor normalizado que empieza en

00:00:44.495 --> 00:00:46.884
0 al final del scrollbar

00:00:47.686 --> 00:00:50.210
y aumenta hasta 1 al otro extremo.

00:00:50.959 --> 00:00:54.570
Un valor de 0.5 indica el punto de la mitad.

00:00:55.222 --> 00:00:57.754
Para crear un nuevo scrollbar utilice el menú

00:00:57.754 --> 00:01:03.210
Create para Create - UI - Scrollbar.

00:01:04.912 --> 00:01:07.217
Como todos los elementos UI, el elemento scrollbar

00:01:07.217 --> 00:01:09.217
debe ser hijo de un canvas.

00:01:09.993 --> 00:01:12.339
Si uno no está presente cuando se cree un scrollbar

00:01:12.339 --> 00:01:15.292
pre- hecho un nuevo canvas será creado.

00:01:15.972 --> 00:01:18.111
Para más información acerca del canvas

00:01:18.111 --> 00:01:20.111
por favor ver la información vinculada abajo.

00:01:21.094 --> 00:01:23.609
Cuando el scrollbar es creado es hecho de una

00:01:23.609 --> 00:01:25.609
familia de game objects.

00:01:26.551 --> 00:01:29.328
Los hijos son los componentes rect transform e image

00:01:29.328 --> 00:01:32.495
que definen el área de deslizamiento y la gráfica de la manija.

00:01:33.340 --> 00:01:35.340
El game object padre es dónde el script del

00:01:35.340 --> 00:01:37.340
scrollbar reside.

00:01:38.075 --> 00:01:41.382
La imagen del fondo es un componente en el game object padre.

00:01:43.070 --> 00:01:45.922
Interact-able determina sí o no este scrollbar en particular

00:01:45.922 --> 00:01:47.922
va a aceptar input.

00:01:48.588 --> 00:01:50.753
Para prevenir la interacción con un scrollbar

00:01:50.753 --> 00:01:53.029
configure Interact-able a falso.

00:01:53.847 --> 00:01:55.931
Cuando interact-able sea configurado a falso

00:01:55.931 --> 00:01:58.112
el estado de transición para el elemento del scrollbar

00:01:58.112 --> 00:02:00.513
será configurado al estado disabled.

00:02:01.289 --> 00:02:03.550
Por defecto el elemento del scrollbar va a mostrar

00:02:03.550 --> 00:02:05.855
el estado normal del scrollbar.

00:02:06.575 --> 00:02:08.922
Dependiendo del modo de transición escogido

00:02:08.922 --> 00:02:11.406
un scrollbar puede también mostrar un estado

00:02:11.406 --> 00:02:13.406
highlighted, pressed y disabled.

00:02:13.947 --> 00:02:16.252
El modo de transición determina sí o no el

00:02:16.252 --> 00:02:19.776
elemento del scrollbar va a mostrar cualquiera de estos estados adicionales,

00:02:20.690 --> 00:02:23.527
y si es así controlar el aspecto del deslizador en cada estado

00:02:23.527 --> 00:02:26.589
y el estilo de la transición entre los estados.

00:02:27.517 --> 00:02:29.517
La propiedad del modo de transición es compartida

00:02:29.517 --> 00:02:31.517
por muchos elementos UI y será

00:02:31.517 --> 00:02:33.517
cubierta en su propia lección.

00:02:34.017 --> 00:02:36.253
Para más información acerca de transiciones y el

00:02:36.253 --> 00:02:38.253
modo de propiedad transition por favor ver

00:02:38.253 --> 00:02:39.990
la información vinculada abajo.

00:02:40.684 --> 00:02:42.989
Cuando utilice transiciones con un scrollbar

00:02:42.989 --> 00:02:45.419
vale la pena tener en cuenta, que con excepción del

00:02:45.419 --> 00:02:47.628
modo de animation transition,

00:02:47.628 --> 00:02:50.833
cualquier cambio visual solo está visto en la gráfica de la manija

00:02:50.833 --> 00:02:52.833
no en el resto de los elementos UI.

00:02:53.803 --> 00:02:55.803
La Navigation describe cómo la selección de

00:02:55.803 --> 00:02:57.803
elementos UI es manejado cuando utilice el

00:02:57.803 --> 00:02:59.453
input del teclado o controlador.

00:03:00.234 --> 00:03:02.787
La Navigation es compartida por muchos elementos Ui

00:03:02.787 --> 00:03:05.149
y será cubierto en su propia lección.

00:03:05.922 --> 00:03:08.396
Para la mayoría de circunstancia la navegación puede simplemente

00:03:08.396 --> 00:03:10.396
ser configurada a automática.

00:03:11.186 --> 00:03:13.186
Para más información acerca de la navegación

00:03:13.186 --> 00:03:15.559
por favor ver la información vinculada abajo.

00:03:16.183 --> 00:03:18.807
El handle rect es una referencia al rect transform

00:03:18.807 --> 00:03:20.807
en la gráfica utilizada para la manija.

00:03:21.528 --> 00:03:23.528
Direction configura ambos los ejes y

00:03:23.528 --> 00:03:25.528
la dirección del valor cambiado.

00:03:26.567 --> 00:03:29.527
El valor es un valor normalizado que empieza con 0

00:03:29.527 --> 00:03:31.859
al final del scrollbar y aumentando

00:03:31.859 --> 00:03:33.859
de 1 hasta el otro extremo.

00:03:34.566 --> 00:03:37.859
Por ejemplo, con la opción de left to right,

00:03:38.414 --> 00:03:42.319
el valor del inicio de 0 estará al extremo izquierdo del scrollbar

00:03:42.667 --> 00:03:44.667
y el valor del scrollbar va a aumentar

00:03:44.667 --> 00:03:48.069
proporcionalmente a medida que la manija se mueve de izquierda a derecha

00:03:48.069 --> 00:03:50.069
con un valor de 1 a la derecha.

00:03:50.928 --> 00:03:52.928
Las opciones de la dirección son

00:03:53.746 --> 00:03:54.961
LeftToRight,

00:03:55.461 --> 00:03:56.606
RightToLeft,

00:03:57.216 --> 00:04:00.169
BottomToTop y TopToBottom.

00:04:00.959 --> 00:04:03.962
El valor es el valor actual de la scrollbar

00:04:04.462 --> 00:04:08.070
Cuando el valor es configurado en el inspector durante el tiempo de edición

00:04:08.070 --> 00:04:10.977
éste va a configurar el valor inicial del scrollbar.

00:04:11.686 --> 00:04:13.686
Size es el tamaño de fracción de

00:04:13.686 --> 00:04:15.686
la manija dentro del scrollbar,

00:04:15.896 --> 00:04:17.896
en un rango de 0 a 1.

00:04:18.976 --> 00:04:21.548
Number of steps es el número de diferentes

00:04:21.548 --> 00:04:24.129
posiciones permitidas por la scrollbar.

00:04:25.402 --> 00:04:27.681
Para un desplazamiento continuo y suave

00:04:27.681 --> 00:04:30.680
configure este valor a 0 o 1.

00:04:32.423 --> 00:04:35.788
El framework UI contiene un poderoso event system (sistema de eventos)

00:04:36.288 --> 00:04:39.213
Éste es creado cuando el canvas es creado.

00:04:39.713 --> 00:04:41.978
Cuando el sistema de eventos detecta un click

00:04:41.978 --> 00:04:43.978
o un arrastre en el scrollbar

00:04:43.978 --> 00:04:47.381
el event system va a llamar un evento OnValueChanged.

00:04:48.047 --> 00:04:50.047
El componente scrollbar incluye una lista de funciones de

00:04:50.047 --> 00:04:52.379
on value changed integradas

00:04:52.379 --> 00:04:54.379
que contiene una lista de todas las funciones

00:04:54.379 --> 00:04:57.205
que son llamadas cuando el valor de scroll cambia.

00:04:57.871 --> 00:05:00.094
Los eventos adicionales pueden ser detectados y utilizados

00:05:00.094 --> 00:05:02.094
por el elemento scrollbar, pero esto requiere

00:05:02.094 --> 00:05:04.094
un componente adicional.

00:05:05.188 --> 00:05:07.188
Para más información acerca de cómo utilizar la lista

00:05:07.188 --> 00:05:11.537
de funciones integradas, eventos, el sistema de eventos y los triggers de eventos

00:05:11.537 --> 00:05:13.537
por favor ver la información vinculada abajo.

00:05:14.548 --> 00:05:16.548
En la mayoría de casos el scrollbar va a

00:05:16.548 --> 00:05:18.548
ser usado con el scroll rect.

00:05:18.548 --> 00:05:20.548
el cual va a automáticamente utilizar

00:05:20.548 --> 00:05:23.785
los valores dinámicos del scrollbar cuando estén asociados.

00:05:24.534 --> 00:05:26.742
Para más información acerca del scroll rect

00:05:26.742 --> 00:05:28.742
por favor ver la información vinculada abajo.