Showing Revision 22 created 10/11/2015 by Frank Gaona.

1. Title:
   Comportamientos Heredados
2. Description:

3. 410 0:00 - 0:03
   Volvemos a la aplicación
   Just Java solo un momento.
4. 2880 0:03 - 0:06
   Vemos el método displayMessage
   en la clase MainActivity.
5. 7160 0:07 - 0:10
   Parece que las cosas
   empiezan a cobrar sentido aquí.
6. 9630 0:10 - 0:12
   Nos damos cuenta
   de que intentámos crear
7. 11560 0:12 - 0:14
   una variable que se llama
   orderSummaryTextView.
8. 13900 0:14 - 0:17
   El tipo de información
   de esta variable es TextView.
9. 17690 0:18 - 0:20
   Sin embargo, aún no entendemos
   esta parte de aquí.
10. 20740 0:21 - 0:24
    En la siguiente línea, invocamos
    un método en este objeto TextView.
11. 24650 0:25 - 0:27
    Usamos el mismo nombre
    de variable declarado aquí arriba.
12. 28070 0:28 - 0:31
    Lo llamamos
    orderSummaryTextView.setText.
13. 31640 0:32 - 0:34
    Luego pasamos un String
    como entrada para el método.
14. 35300 0:35 - 0:39
    Este mensaje (String) inicialmente
    venía como parámetro de entrada.
15. 38790 0:39 - 0:41
    del método displayMessage.
16. 41720 0:42 - 0:45
    Vamos a analizar esta parte
    del código que no entendemos aún.
17. 45250 0:45 - 0:48
    Parece que findViewByld
    es una invocación a un método,
18. 48210 0:48 - 0:51
    porque precede a estos paréntesis
    
19. 50540 0:51 - 0:53
    con lo que parece
    un argumento de entrada.
20. 53530 0:54 - 0:56
    Pero es extraño que no
    se defina este método
21. 56070 0:56 - 0:58
    en ninguna parte de la clase.
22. 58198 0:58 - 1:02
    si hago doble clic en el nombre
    y luego presiono el comando F
23. 62355 1:02 - 1:07
    o control F, en Windows,
    podemos buscar dentro del archivo.
24. 67140 1:07 - 1:10
    Solo veo dos coincidencias
    con findVIewBYld
25. 70230 1:10 - 1:12
    y se usan de modo parecido.
26. 72310 1:12 - 1:16
    Pero no veo ningún método
    que se llame finViewByld.
27. 76190 1:16 - 1:20
    A propósito, anteriormente
    en la clase MainActivity
28. 79640 1:20 - 1:22
    vimos una invocación a setContentView,
    
29. 82600 1:23 - 1:27
    pero al buscarlo en el archivo no
    está definido en MainActiivty tampoco.
30. 87290 1:27 - 1:30
    ¿Donde se definen estos métodos?
31. 91010 1:31 - 1:34
    MainActivity es en realidad
    un archivo bastante pequeño.
32. 93630 1:34 - 1:36
    Solo tiene 90 líneas,
33. 95790 1:36 - 1:39
    pero hay más sobre esta clase
    de lo que aparenta a simple vista.
34. 98790 1:39 - 1:42
    El código dice, extends
    (extiende) AppCompatActivity.
35. 102200 1:42 - 1:47
    Lo que significa que MainActivity
    es una extensión de la funcionalidad
36. 106860 1:47 - 1:49
    en la clase AppCompatActivity.
37. 109370 1:49 - 1:53
    En el ordenador, si ves aquí,
    ActionBarActivity está bien.
38. 112620 1:53 - 1:56
    Es solo una versión más antigua.
39. 115820 1:56 - 1:59
    Deberías usar la versión más reciente
    que es AppCompatActivity.
40. 118810 1:59 - 2:02
    AppCompatActivity da soporte
    para compatibilizar versiones previas
41. 122310 2:02 - 2:04
    en los aparatos antiguos de Android.
42. 124470 2:04 - 2:08
    AppCompatActivity es parte de
    la biblioteca de soporte de Android.
43. 127860 2:08 - 2:11
    Nos permite usar los atributos
    UI más recientes en Android
44. 131440 2:11 - 2:15
    mientras que todavía funciona
    en otros aparatos antiguos de Android.
45. 135020 2:15 - 2:18
    Al extender la clase AppCompatActivitiy
46. 137560 2:18 - 2:20
    conseguimos gratis
    todas las funcionalidades,
47. 140460 2:20 - 2:24
    metodos y estados de aqui,
    dentro de MainActivity.
48. 144240 2:24 - 2:27
    No tenemos que copiar
    y pegar ningún código desde aquí
49. 146850 2:27 - 2:30
    Simplemente extender esta clase.
50. 149830 2:30 - 2:35
    Puedes obtener más información
    en Google sobre AppCompatActivity.
51. 155550 2:36 - 2:39
    Aquí está el documento de referencia
    de la clase AppCompatActivity.
52. 159030 2:39 - 2:42
    Como tengo instalada
    la extensión de Chrome,
53. 161920 2:42 - 2:44
    también puedo ver la fuente.
54. 164070 2:44 - 2:48
    Y este es el código desde donde
    se define la clase AppCompatActivity.
55. 167520 2:48 - 2:50
    Puedes ver que hay un montón
    de funcionalidades aquí,
56. 170260 2:50 - 2:54
    pero la clave es que no tienes
    que entender cómo se implementa.
57. 174100 2:54 - 2:58
    Solo necesitas saber que cuando
    extiendes AppCompatActivity
58. 178350 2:58 - 3:01
    consigues gratis
    todas estas funcionalidades.
59. 180780 3:01 - 3:03
    A nivel superior. podemos
    visualizarlo de esta manera
60. 183270 3:03 - 3:06
    Esta es la definición
    de clase para MainActivity.
61. 185650 3:06 - 3:08
    Y digamos que hay definidos
    algunos métodos aquí.
62. 188000 3:08 - 3:12
    Si extendemos AppCompatActivity
    podemos acceder al estado
    
63. 192150 3:12 - 3:14
    y los métodos de AppCompactActivity.
64. 194490 3:14 - 3:17
    Ahora no se han añadido
    físicamente a la clase MainActivity
65. 197350 3:17 - 3:20
    pero puedes imaginar que están allí,
    
66. 199540 3:20 - 3:23
    porque tienes aún referencia
    al estado así como a los métodos.
67. 202730 3:23 - 3:26
    Y así es como el código se
    refiere a cosas con setContenView
68. 206250 3:26 - 3:28
    o findViewByld.
69. 207810 3:28 - 3:32
    Porque heredamos esos métodos,
    no los definimos en MainActivitiy.
70. 212040 3:32 - 3:35
    MainActivity aparece como
    una pantalla en el aparato,
71. 214910 3:35 - 3:38
    pero no escribimos el código
    para eso en MainActivity,
    
72. 217520 3:38 - 3:39
    sino que lo heredamos también.
73. 219450 3:39 - 3:43
    No tenemos el estado y los métodos
    directamente de AppCompatActivity
74. 222920 3:43 - 3:46
    en la clase, pero ahora sabemos
    que están y referirnos a ellos.
75. 226440 3:46 - 3:50
    Hablando de heredar cosas,
    tiene ventajas y desventajas.
76. 230240 3:50 - 3:53
    A veces queremos heredar
    un comportamiento,
77. 232600 3:53 - 3:56
    pero otras, sencillamente
    modificarlo ligeramente.
78. 235570 3:56 - 4:00
    Para cambiar un comportamiento
    de esta clase heredada
79. 239900 4:00 - 4:02
    se puede override
    (sobreescrir) sus métodos.
80. 242040 4:02 - 4:06
    Basta añadir este texto
    @override encima del método.
81. 245870 4:06 - 4:09
    y así el ordenador sabe
    que no quieres la versión
82. 248750 4:09 - 4:12
    del método de AppCompatActivity.
83. 252100 4:12 - 4:15
    y que prefieres la versión
    que has definido aquí.
84. 255210 4:15 - 4:19
    Es un tema complicado
    y requiere mucha práctica.
85. 258620 4:19 - 4:21
    Pero hemos visto un ejemplo
    de override un método
86. 261320 4:21 - 4:24
    de la clase AppCompatActivity.
87. 263640 4:24 - 4:26
    y ese método es onCreate.
88. 266380 4:26 - 4:31
    Al override el método onCreate
    en MainACtivity específicamos
89. 270920 4:31 - 4:35
    nuestra propia implementación
    de lo que sucederá al invocar el método.
90. 274940 4:35 - 4:37
    No te preocupes sino
    lo entiendes todo ahora.
91. 277090 4:37 - 4:40
    Es solo una breve visión
    de un montón de conceptos
92. 280084 4:40 - 4:42
    sobre la programación
    orientada a objetos.
93. 282190 4:42 - 4:46
    Es normal que todavía
    tengas un montón de preguntas
94. 285850 4:46 - 4:50
    y necesites leer más sobre esto
    para realmente entenderlo.
95. 290390 4:50 - 4:54
    Otra forma de visualizar las relaciones
    entre las clases de MainActivity
96. 293771 4:54 - 4:58
    y AppCompactActivity es dibujar
    un diagrama con jeraraquía de clases.
97. 297800 4:58 - 5:01
    Este es diferente
    a un diagrama jerárquico de vistas.
98. 300680 5:01 - 5:05
    El diagrama de vistas muestra
    un árbol con vistas en la pantalla.
99. 305190 5:05 - 5:10
    Y el de clases muestra las relaciones
    entre la diferentes clases de Java.
100. 309610 5:10 - 5:13
     Tenemos AppCompatActivity
     como una superclase.
101. 312650 5:13 - 5:16
     Dado que MainActivity se extiende
     desde AppCompatActivity,
102. 316008 5:16 - 5:18
     se denomina subclase.
103. 318360 5:18 - 5:21
     Por eso, siempre que veas
     esta definición de clase,
     
104. 320890 5:21 - 5:23
     todo lo que se extienda
     se conoce como superclase.
105. 323740 5:24 - 5:26
     Y esta será la subclase.
106. 325710 5:26 - 5:29
     Así, si creamos otra actividad
     que vamos a llamar DetailActivity
107. 328790 5:29 - 5:31
     y la extiendes desde AppComptActivity,
     
108. 331040 5:31 - 5:34
     está será la subclase
     y esta la superclase.
109. 334470 5:34 - 5:38
     Aquí hay otro ejemplo
     de clases heredadas en Java.
110. 337580 5:38 - 5:41
     Si piensas en las clases TextView,
     ImageView o ButtonView,
111. 341280 5:41 - 5:44
     todas tienen aspectos en común.
112. 344460 5:44 - 5:48
     Todas tienen una determinada
     altura y anchura en la pantalla.
113. 348070 5:48 - 5:51
     Todavía no lo vimos, pero tienen
     también un estado de visibilidad.
114. 351330 5:51 - 5:55
     De modo que se pueden
     definir como visibles o invisibles.
115. 354510 5:55 - 5:58
     Hay también un par de otras
     propiedades que comparten.
116. 358350 5:58 - 6:01
     En lugar de escribir el código
     para estas propiedades
117. 360840 6:01 - 6:04
     dentro de la clase TextView
     y luego copiarlo sobre las clases,
118. 363760 6:04 - 6:07
     ImageView y ButtonView,
     podemos hacer algo mejor.
119. 367580 6:08 - 6:10
     Podemos crear una clase View
120. 369980 6:10 - 6:14
     y extraer todas las propiedades
     comunes entre estas vistas
121. 373540 6:14 - 6:16
     para ponerlas dentro de la clase View.
     
122. 376390 6:16 - 6:20
     De este modo, escribiremos
     el código solo una vez.
123. 379520 6:20 - 6:23
     Pero entonces ¿cómo relacionamos
     las clases TextView y View ?
124. 383370 6:23 - 6:26
     Si piensas en "heredar," vas bien.
125. 386130 6:26 - 6:30
     En el archivoTextViewde Java
     vamos a definir la clase TextView.
126. 389938 6:30 - 6:34
     Así, heredaremos los datos
     y métodos de la clase View.
127. 393990 6:34 - 6:38
     Y no tendremos tanto código
     en la clase TextView,
128. 397520 6:38 - 6:41
     porque parte de la funcionalidad
     ya está escrita en la clase View.
129. 401450 6:41 - 6:45
     Para las clases ImageView
     y Button se aplicaría lo mismo,
130. 404990 6:45 - 6:47
     no hay que escribir tanto código.
131. 406630 6:47 - 6:50
     En estos archivos solo tenemos
     que escribir lo que es diferente
132. 409780 6:50 - 6:53
     de ImageView en comparación
     con la clase View.
133. 412790 6:53 - 6:57
     Es como definir una función delta,
     así, en la clase ImageView
134. 417090 6:57 - 7:02
     solo tenemos que específicar
     lo que la diferencia de la clase View.
135. 423440 7:03 - 7:07
     Si no queremos heredar ciertos
     comportamientos de la clase View
     
136. 426650 7:07 - 7:10
     basta con actualizar y especificar
     un nuevo comportamiento
137. 429670 7:10 - 7:13
     dentro de la clase ImageView
     o cualquiera de estas clases.
138. 433730 7:14 - 7:17
     Te recuerdo la teminología,
     que en este caso sería,
139. 436990 7:17 - 7:21
     TextView la subclase
     y View la superclase.
140. 441110 7:21 - 7:24
     Si volvemos ahora
     a la documentación de View Class,
141. 444230 7:24 - 7:27
     ya entendemos esta parte.
142. 447210 7:27 - 7:30
     Dice que TextView extiende View.
143. 450000 7:30 - 7:33
     Ahora sabemos que significa
     que heredamos el estado
     
144. 453380 7:33 - 7:35
     y los métodos de la clase View.
145. 455330 7:35 - 7:38
     Y más abajo, aquí hay
     un diagrama de jerarquía.
     
146. 458246 7:38 - 7:43
     Nos muestra que la clase TextView
     se hereda de la clase View.
147. 463310 7:43 - 7:47
     Y a su vez, la clase View
     se hereda de la clase Object.
148. 467200 7:47 - 7:50
     Mira alrededor y verás otras clases,
149. 470060 7:50 - 7:55
     como la clase EditText, la cuál
     se extiende desde la clase TextView.
150. 474610 7:55 - 7:57
     Toma el comportamiento
     de la clase TextView
151. 477310 7:57 - 8:01
     para añadirle después
     funcionalidades específicas.
152. 481290 8:01 - 8:04
     EditText se extiende
     por tanto desde TextView,;
153. 483590 8:04 - 8:07
     TextView se extiende desde View;
     y View se extiende desde Object.
154. 487330 8:07 - 8:11
     Este es el diagrama
     jerárquico de clases.
155. 491170 8:11 - 8:14
     Hay un montón de cosas
     y podría llevarnos horas.
156. 493960 8:14 - 8:17
     Solo te mostraré una cosa
     en la documentación de TextView.
157. 497590 8:18 - 8:20
     Es el método SetVisibility.
158. 500820 8:21 - 8:24
     Aqui está el métodoSetVisibility
     dentro de la clase TextView.
159. 504350 8:24 - 8:28
     Nos permite cambiar
     si la vista es visible o invisible.
160. 507780 8:28 - 8:33
     Si hago clic en el método,
     me lleva a la clase View,
161. 513050 8:33 - 8:36
     donde se describe
     lo que hace el método.
162. 515930 8:36 - 8:40
     El objeto TextView vemos
     que tiene el método SetVisibility,
163. 519860 8:40 - 8:44
     aunque lo heredó de la clase View.
164. 523509 8:44 - 8:47
     Por tanto, esta funcionalidad
     es gratis por la clase View.
165. 527510 8:48 - 8:51
     Acabamos de cubrir
     una tonelada de conceptos.
166. 530930 8:51 - 8:56
     Lo normal, sería repartirlos en
     un curso de informática en un semestre
167. 535820 8:56 - 8:58
     Vamos a practicar un poco ahora
168. 538260 8:58 - 9:01
     y espero que empezarás
     a conectar todas las cosas.
169. 540860 9:01 - 9:04
     Pero sabemos que necesitarás
     mucho más tiempo y práctica
170. 543550 9:04 - 9:07
     para que entiendas
     totalmente estos conceptos.
171. 546610 9:07 - 9:09
     Primer ejercicio, crearás
     una nueva app para Android.
172. 549450 9:09 - 9:13
     porque no queremos
     estropear la app Just Java.
173. 553070 9:13 - 9:15
     Después de crear
     el proyecto, ejecuta la app.
174. 555800 9:16 - 9:19
     Una vez creada la app
     verás el archivo MainActivity.
175. 558630 9:19 - 9:23
     El archivo MainActivity se extiende
     desde AppCompatActivity.
176. 562530 9:23 - 9:26
     Si se extiende desde ActionBarActivity
177. 565700 9:26 - 9:29
     en tu versión de Android,
     no pasa nada, esta bien.
178. 568760 9:29 - 9:32
     Es solo una versión anterior
     de AppCompatActivity.
179. 572200 9:32 - 9:35
     Al eliminar este método
     override revertiremos a la forma
180. 575420 9:35 - 9:40
     como aparecía onCreate
     en la clase AppCompatActity.
181. 579970 9:40 - 9:43
     La presencia de este método
     nos indica que queremos
182. 582990 9:43 - 9:46
     un comportamiento diferente
     para onCreate en MainActivity.
183. 586170 9:46 - 9:50
     Al eliminarlo volvemos a
     a su comportamiento inicial
184. 589540 9:50 - 9:52
     en la clase AppCompatActivity.
185. 592040 9:52 - 9:53
     Cuando ejecutes la app,
186. 593480 9:53 - 9:57
     ¿qué cambia en comparación
     a la primera vez que la ejecutaste?
187. 596660 9:57 - 9:59
     Anota la respuesta en la casilla de texto.