< Return to Video

UI Scrollbar - Unity Official Tutorials

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

more » « less
Video Language:
English, British
Duration:
05:31

Spanish subtitles

Revisions