YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Spanish, Mexican subtitles

← Implementing Instructive Motion

Get Embed Code
6 Languages

Showing Revision 1 created 01/18/2016 by NoeCruz805.

  1. Vamos a ver lo que la implementación de
    movimiento instructivo podría ser similar.
  2. En este ejemplo, tenemos un corrimiento
  3. Hay una tensión aquí,
    queremos mostrar la imagen en su totalidad
  4. también queremos indicar que
    hay más texto disponible.
  5. Y tal vez, queremos mostrar algunos de
    que el contenido de texto de inmediato
  6. Lo que podemos hacer es empezar con
    la imagen completamente visible, pero
  7. luego deslice de inmediato algunos de los
    texto para indicar que hay más contenido.
  8. Vamos a ver cómo podemos implementar
    esta forma bastante simple
  9. de movimiento instructivo.
  10. Vamos a empezar con el diseño.
  11. Nada de lujos, sólo un marco
    diseño una imagen de altura fija con y
  12. una vista de desplazamiento en
  13. La disposición lineal en la vista de
  14. tener un fondo blanco.
  15. Le daremos el diseño lineal
    un poco de elevación para que quede clar
  16. que es una superficie distinta.
  17. Ahora, en la posición de desplazamiento
  18. pero muy poco el contenido del texto.
  19. Todo lo que necesitamos hacer es
    animar la posición de desplazamient
  20. como la pantalla primero se abre a una
  21. Aquí estamos usando un ObjectAnimator
    para animar la propiedad Scrolly
  22. del ScrollView.
  23. Podríamos simplemente utilizar el ScrollVi
  24. esto le da un poco más
    el control de que la animación.
  25. Empezamos la animación dentro de
    OnEnter AnimationComplete para asegurar qu
  26. la transición ventana termina primero
    antes de empezar la animación.
  27. Sólo está disponible en
    Android 5.0 y versiones posteriores, pero
  28. usted podría fingir en versiones anteriore
  29. El efecto es que se obtiene una rápida
    vista previa de la imagen antes de empe
  30. leer sobre él.
  31. Y te das cuenta de la rapidez con que podí
  32. imagen en su totalidad de nuevo o
    hacia abajo para leer más.