1
00:00:00,880 --> 00:00:02,799
vale, pues venga, ¿me hacéis caso?

2
00:00:05,509 --> 00:00:06,530
bueno, pues a ver

3
00:00:06,530 --> 00:00:08,849
nos situamos como esta aplicación

4
00:00:08,849 --> 00:00:10,830
todavía no la vamos a corregir, pero si queréis seguir trabajando

5
00:00:10,830 --> 00:00:12,169
en ella, pues fenomenal

6
00:00:12,169 --> 00:00:14,509
ya la corregimos el lunes

7
00:00:14,509 --> 00:00:17,109
o el lunes

8
00:00:17,109 --> 00:00:20,230
a menos que mañana decidáis que venís

9
00:00:20,230 --> 00:00:23,170
todos, bueno, pues cuando sea

10
00:00:23,170 --> 00:00:26,750
despierta, bueno

11
00:00:26,750 --> 00:00:30,390
bueno, pues nos ponemos, volvemos

12
00:00:30,390 --> 00:00:35,810
a ver, nos situamos

13
00:00:35,810 --> 00:00:37,909
en el de los botones

14
00:00:37,909 --> 00:00:38,450
vale

15
00:00:38,450 --> 00:00:41,770
bueno, calla

16
00:00:41,770 --> 00:00:43,609
un poquín, entonces

17
00:00:43,609 --> 00:00:45,990
tenía, esta por ejemplo

18
00:00:45,990 --> 00:00:48,310
tenía solo tres componentes

19
00:00:48,310 --> 00:00:50,030
entonces bueno, aunque le hemos

20
00:00:50,030 --> 00:00:52,009
hecho este gestor de ubicación patatero

21
00:00:52,009 --> 00:00:53,850
aún así, pues bueno

22
00:00:53,850 --> 00:00:54,630
no ha quedado

23
00:00:54,630 --> 00:01:05,670
No, porque así te doy oportunidades

24
00:01:05,670 --> 00:01:06,469
en

25
00:01:06,469 --> 00:01:11,269
el fin de semana

26
00:01:11,269 --> 00:01:13,049
de que hagas cosas, investigues

27
00:01:13,049 --> 00:01:14,209
todo eso

28
00:01:14,209 --> 00:01:17,569
Vale, bueno, esta aplicación

29
00:01:17,569 --> 00:01:18,750
como tenía solamente

30
00:01:18,750 --> 00:01:21,549
dos botoncitos y un texto

31
00:01:21,549 --> 00:01:23,450
pues bueno, no ha quedado

32
00:01:23,450 --> 00:01:25,230
mal del todo, o sea, mal me refiero

33
00:01:25,230 --> 00:01:27,390
en cuanto a colocación, no ha quedado demasiado feo

34
00:01:27,390 --> 00:01:29,250
pero en cuanto empezamos a tener un montón de

35
00:01:29,250 --> 00:01:31,269
componentes, paneles

36
00:01:31,269 --> 00:01:33,269
ahora aquí quiero colocar estos cuatro, ahora aquí

37
00:01:33,269 --> 00:01:35,569
no sé qué, quiero que me quede bien, quiero cambiar colores

38
00:01:35,569 --> 00:01:37,450
quiero, ya se vuelve una locura

39
00:01:37,450 --> 00:01:39,469
porque tenemos que empezar a meternos en los métodos

40
00:01:39,469 --> 00:01:41,370
de cada componente a ver cómo cambiarle el color

41
00:01:41,370 --> 00:01:43,489
cómo cambiarle el tamaño, tenemos que medir

42
00:01:43,489 --> 00:01:45,409
píxeles o la unidad que sea

43
00:01:45,409 --> 00:01:47,230
hasta que decidimos dónde los colocamos

44
00:01:47,230 --> 00:01:48,930
se vuelve un poco locura

45
00:01:48,930 --> 00:01:51,170
vale, pues hay una

46
00:01:51,170 --> 00:01:53,590
funcionalidad adicional al entorno

47
00:01:53,590 --> 00:01:54,709
de desarrollo, a Eclipse

48
00:01:54,709 --> 00:01:57,250
cualquier entorno de desarrollo la tiene, NetBeans

49
00:01:57,250 --> 00:01:59,430
Intel y Yelp, que sea

50
00:01:59,430 --> 00:02:01,069
que te permite

51
00:02:01,069 --> 00:02:03,310
generar el código

52
00:02:03,310 --> 00:02:05,530
automáticamente de tus

53
00:02:05,530 --> 00:02:07,450
vistas con herramientas de

54
00:02:07,450 --> 00:02:09,569
arrastrar y ya está, tú arrastras y te genera

55
00:02:09,569 --> 00:02:10,710
el código y te dice las coordenadas

56
00:02:10,710 --> 00:02:12,569
entonces bueno

57
00:02:12,569 --> 00:02:15,210
pues vamos a usarlo, porque tampoco vamos a ser

58
00:02:15,210 --> 00:02:16,469
los más pringados nosotros

59
00:02:16,469 --> 00:02:18,650
vale

60
00:02:18,650 --> 00:02:21,210
es una funcionalidad adicional

61
00:02:21,210 --> 00:02:23,490
no viene el Eclipse de base

62
00:02:23,490 --> 00:02:23,870
no viene

63
00:02:23,870 --> 00:02:26,569
hay que instalarla, es un plugin

64
00:02:26,569 --> 00:02:27,870
lo que se viene a llamar plugin

65
00:02:27,870 --> 00:02:30,310
¿cómo se ponen los plugins

66
00:02:30,310 --> 00:02:32,189
en el entorno de desarrollo?

67
00:02:33,050 --> 00:02:34,909
pues si vosotros os vais a help

68
00:02:34,909 --> 00:02:37,750
veis que

69
00:02:37,750 --> 00:02:38,930
tiene

70
00:02:38,930 --> 00:02:42,490
casi abajo del todo

71
00:02:42,490 --> 00:02:44,210
tanto install new software

72
00:02:44,210 --> 00:02:46,150
como Eclipse marketplace

73
00:02:46,150 --> 00:02:48,669
vale, install new software es para

74
00:02:48,669 --> 00:02:50,530
conectarse directamente a un repositorio

75
00:02:50,530 --> 00:02:52,129
donde sabes que está, buscarlo a mano

76
00:02:52,129 --> 00:02:53,669
es más

77
00:02:53,669 --> 00:02:56,569
cuando ya está uno un poquito más profesional

78
00:02:56,569 --> 00:02:58,729
eso está

79
00:02:58,729 --> 00:03:00,650
envuelto en una herramienta

80
00:03:00,650 --> 00:03:02,250
un poquito más para profanos

81
00:03:02,250 --> 00:03:04,430
que es el Eclipse Marketplace

82
00:03:04,430 --> 00:03:06,650
que te lo envuelve

83
00:03:06,650 --> 00:03:08,430
ya en una forma de buscar

84
00:03:08,430 --> 00:03:09,830
plugins más amigable

85
00:03:09,830 --> 00:03:11,009
que trabaja en internet directamente

86
00:03:11,009 --> 00:03:13,110
sí, bueno, la otra también

87
00:03:13,110 --> 00:03:13,969
pero la otra también

88
00:03:13,969 --> 00:03:16,689
pero la búsqueda

89
00:03:16,689 --> 00:03:18,569
tú buscas, tienes que decir directamente

90
00:03:18,569 --> 00:03:20,569
qué repositorio es, luego tienes la URL

91
00:03:20,569 --> 00:03:22,289
del repositorio, tienes que saberlo

92
00:03:22,289 --> 00:03:23,969
entonces es menos amigable

93
00:03:23,969 --> 00:03:26,009
el marketplace este

94
00:03:26,009 --> 00:03:27,849
Eclipse Marketplace

95
00:03:27,849 --> 00:03:30,889
pues te saca

96
00:03:30,889 --> 00:03:31,590
esta cosita

97
00:03:31,590 --> 00:03:34,610
y esta cosita pues tiene

98
00:03:34,610 --> 00:03:35,169
aquí arriba

99
00:03:35,169 --> 00:03:38,430
un área de texto para que tú busques

100
00:03:38,430 --> 00:03:40,550
¿qué quiero yo? pues quiero buscar

101
00:03:40,550 --> 00:03:42,509
algo para que me ayude a hacer interfaces

102
00:03:42,509 --> 00:03:44,150
gráficas, pero claro

103
00:03:44,150 --> 00:03:46,550
ahí tienes que buscar por algún nombre

104
00:03:46,550 --> 00:03:48,430
clave que sea capaz

105
00:03:48,430 --> 00:03:50,289
de identificar el plugin, entonces uno antes

106
00:03:50,289 --> 00:03:52,310
previamente habría buscado

107
00:03:52,310 --> 00:03:53,889
en internet y habría dicho

108
00:03:53,889 --> 00:03:55,509
oye vamos a ver, tengo aquí un

109
00:03:55,509 --> 00:03:57,349
algún

110
00:03:57,349 --> 00:04:00,169
tiene el Eclipse algún

111
00:04:00,169 --> 00:04:02,229
plugin para

112
00:04:02,229 --> 00:04:04,289
interfaces gráficas

113
00:04:04,289 --> 00:04:06,129
tiene alguno

114
00:04:06,129 --> 00:04:07,770
nos está enseñando a buscar en google

115
00:04:07,770 --> 00:04:08,870
atentos

116
00:04:08,870 --> 00:04:12,330
no, no era

117
00:04:12,330 --> 00:04:14,349
mi intención. Lo que quería

118
00:04:14,349 --> 00:04:15,990
era identificar

119
00:04:15,990 --> 00:04:18,230
el procedimiento mental, que es que primero

120
00:04:18,230 --> 00:04:19,610
uno tiene que averiguar

121
00:04:19,610 --> 00:04:22,050
si existe un plugin que te haga eso

122
00:04:22,050 --> 00:04:24,149
para conocer el nombre. Y luego ya te vas a buscar

123
00:04:24,149 --> 00:04:26,329
el Eclipse Marketplace, porque para el Eclipse Marketplace

124
00:04:26,329 --> 00:04:27,949
ya tienes que buscar... Vale, no,

125
00:04:28,029 --> 00:04:30,170
no os estoy enseñando a...

126
00:04:30,170 --> 00:04:31,430
Vale, pues uno busca

127
00:04:31,430 --> 00:04:34,290
plugins de swing, patatín

128
00:04:34,290 --> 00:04:35,410
y

129
00:04:35,410 --> 00:04:37,529
vale.

130
00:04:38,350 --> 00:04:40,189
Dice, mira, el Window Builder es un

131
00:04:40,189 --> 00:04:42,129
patatín, patatín. Bueno, yo he ido muy a tiro fijo.

132
00:04:42,329 --> 00:04:44,310
Pero bueno, se ha notado claramente, ¿no?

133
00:04:46,350 --> 00:04:47,490
Vale, pues resulta.

134
00:04:48,730 --> 00:04:50,810
Fíjate, me ha salido la primera de todas.

135
00:04:51,209 --> 00:04:53,089
No, no, no, la primera, la primera me ha salido.

136
00:04:53,329 --> 00:04:54,170
He hecho una búsqueda.

137
00:04:55,709 --> 00:04:58,449
Bueno, pues el Window Builder es el plugin de Eclipse

138
00:04:58,449 --> 00:05:00,829
para hacer fácilmente interfaces gráficas.

139
00:05:01,230 --> 00:05:02,430
Luego, entonces, ahora ya sí,

140
00:05:02,470 --> 00:05:04,149
nos vamos a nuestro Eclipse Marketplace

141
00:05:04,149 --> 00:05:08,149
y ponemos aquí Window Builder.

142
00:05:09,250 --> 00:05:10,709
Go o Enter.

143
00:05:10,709 --> 00:05:15,980
y te sale

144
00:05:15,980 --> 00:05:17,600
window builder

145
00:05:17,600 --> 00:05:18,319
vale

146
00:05:18,319 --> 00:05:22,800
pues entonces window builder

147
00:05:22,800 --> 00:05:25,699
vamos a darle a install

148
00:05:25,699 --> 00:05:28,220
el primero no

149
00:05:28,220 --> 00:05:28,740
el current

150
00:05:28,740 --> 00:05:31,759
no el current

151
00:05:31,759 --> 00:05:34,040
el nightly ese no se ni que es

152
00:05:34,040 --> 00:05:34,899
pero me da lo mismo

153
00:05:34,899 --> 00:05:36,639
current venga

154
00:05:36,639 --> 00:05:38,699
de hecho en la descripción te lo dice

155
00:05:38,699 --> 00:05:40,779
es una herramienta de diseño de swing

156
00:05:40,779 --> 00:05:43,500
y te hace muy fácil crear interfaces

157
00:05:43,500 --> 00:05:45,579
con aplicaciones gráficas sin gastar

158
00:05:45,579 --> 00:05:46,939
mucho tiempo escribiendo código.

159
00:05:47,519 --> 00:05:49,720
Justo lo que necesitábamos, lo que nos está

160
00:05:49,720 --> 00:05:51,360
diciendo. Lo de

161
00:05:51,360 --> 00:05:53,579
without spending an offline writing code

162
00:05:53,579 --> 00:05:55,459
es justo lo que queríamos. Pues mira.

163
00:05:58,720 --> 00:05:59,540
Pues venga,

164
00:05:59,660 --> 00:06:00,120
a instalar.

165
00:06:04,939 --> 00:06:05,540
Exacto.

166
00:06:09,100 --> 00:06:09,620
Confirm.

167
00:06:10,060 --> 00:06:10,579
Confirm.

168
00:06:20,060 --> 00:06:25,699
mira algunas cosas de las que dices

169
00:06:25,699 --> 00:06:26,560
y te hacen gracia

170
00:06:26,560 --> 00:06:31,680
vale, finish

171
00:06:31,680 --> 00:06:33,980
como vuestra conexión

172
00:06:33,980 --> 00:06:35,759
es una caca, pero la mía que es guay

173
00:06:35,759 --> 00:06:37,699
ya ha acabado, finish

174
00:06:37,699 --> 00:06:41,519
y ahí se está

175
00:06:41,519 --> 00:06:43,459
veis aquí abajo, cuidado

176
00:06:43,459 --> 00:06:45,019
no le sobrecarguéis

177
00:06:45,019 --> 00:06:47,620
está ahí bla bla bla en su barrita verde

178
00:06:47,620 --> 00:06:49,660
y cuando acabe

179
00:06:49,660 --> 00:06:51,420
tendrá que reiniciarse

180
00:06:51,420 --> 00:06:55,740
no, a ver, podéis seguir trabajando

181
00:06:55,740 --> 00:06:57,459
con el Eclipse, él está en background

182
00:06:57,459 --> 00:06:59,240
en background está instalándolo

183
00:06:59,240 --> 00:06:59,920
simplemente

184
00:06:59,920 --> 00:07:03,379
bueno, pues he dicho yo lo de la Wi-Fi

185
00:07:03,379 --> 00:07:05,540
muy rápido, porque está ahí parado en 14%

186
00:07:19,660 --> 00:07:23,860
Se me ha quedado muerto.

187
00:07:31,339 --> 00:07:32,699
Ah, ya ha espabilado.

188
00:07:33,160 --> 00:07:36,319
¿Veis? Cuando acaba dice, tienes que reiniciar Eclipse.

189
00:07:36,439 --> 00:07:37,259
Lo reinicia así.

190
00:07:40,060 --> 00:07:41,399
Reiniciamos Eclipse.

191
00:07:55,480 --> 00:08:05,180
Bueno, se reinició

192
00:08:05,180 --> 00:08:08,180
¿Lo tenéis ya instalado y reiniciado Eclipse?

193
00:08:14,029 --> 00:08:14,870
Venga, ya

194
00:08:14,870 --> 00:08:16,470
Si eso termina de instalar y reiniciar

195
00:08:16,470 --> 00:08:17,110
¿A alguien no?

196
00:08:20,970 --> 00:08:22,750
Bueno, cuando sale del 15 de repente

197
00:08:22,750 --> 00:08:24,449
Se pone a toda leche

198
00:08:24,449 --> 00:08:25,550
Eso

199
00:08:25,550 --> 00:08:27,389
A ver

200
00:08:27,389 --> 00:08:29,410
vamos

201
00:08:29,410 --> 00:08:32,549
vamos a suponer que ya lo tenéis instalado

202
00:08:32,549 --> 00:08:33,769
todos, ahora

203
00:08:33,769 --> 00:08:36,090
vamos a hacer

204
00:08:36,090 --> 00:08:38,350
una interfaz gráfica pero ahora usando este plugin

205
00:08:38,350 --> 00:08:40,250
vale

206
00:08:40,250 --> 00:08:41,830
vamos a suponer que quisiéramos hacer esta

207
00:08:41,830 --> 00:08:43,509
aunque no la vamos a terminar, usando este plugin

208
00:08:43,509 --> 00:08:45,789
venga, pues vamos a hacer este ejercicio

209
00:08:45,789 --> 00:08:47,830
venga, pues hacemos

210
00:08:47,830 --> 00:08:49,730
un proyecto de Java como siempre

211
00:08:49,730 --> 00:08:53,730
no, no, no, no, venga

212
00:08:53,730 --> 00:08:54,450
en el que estabais

213
00:08:54,450 --> 00:08:56,990
vale, en el que estabais

214
00:08:56,990 --> 00:08:58,070
vale, vale, es que como

215
00:08:58,070 --> 00:09:00,429
a ver, en el mío ¿cuál era?

216
00:09:00,710 --> 00:09:03,230
era ventana, segundo ejemplo

217
00:09:03,230 --> 00:09:05,470
no sé qué, se llamaba el mío

218
00:09:05,470 --> 00:09:15,269
primera va y segunda

219
00:09:15,269 --> 00:09:17,210
vale, venga

220
00:09:17,210 --> 00:09:18,750
pues entonces, vale

221
00:09:18,750 --> 00:09:20,929
vamos

222
00:09:20,929 --> 00:09:23,029
silencio

223
00:09:23,029 --> 00:09:24,269
vamos a hacer entonces

224
00:09:24,269 --> 00:09:26,450
como si fuéramos a hacer este ejercicio

225
00:09:26,450 --> 00:09:27,929
ahora ya, pero

226
00:09:27,929 --> 00:09:30,190
en lugar de construir la interfaz

227
00:09:30,190 --> 00:09:32,110
gráfica a mano con el flow layout, con este

228
00:09:32,110 --> 00:09:34,169
pues hala, vamos a hacernos

229
00:09:34,169 --> 00:09:36,190
el frame, pues new

230
00:09:36,190 --> 00:09:37,950
no pasa nada

231
00:09:37,950 --> 00:09:39,509
duran muchísimo, dos minutos

232
00:09:39,509 --> 00:09:43,330
en lugar de new

233
00:09:43,330 --> 00:09:45,549
class

234
00:09:45,549 --> 00:09:46,789
a palo seco

235
00:09:46,789 --> 00:09:50,029
new order

236
00:09:50,029 --> 00:09:51,049
¿vale?

237
00:09:52,629 --> 00:09:53,509
y en new order

238
00:09:53,509 --> 00:09:55,690
Desplegáis la pestañita

239
00:09:55,690 --> 00:09:56,389
Window builder

240
00:09:56,389 --> 00:09:58,990
Y ahí entre muchas de las cosas que ofrece

241
00:09:58,990 --> 00:10:00,590
Pues ofrece JFrame

242
00:10:00,590 --> 00:10:01,929
Vale

243
00:10:01,929 --> 00:10:05,490
Pues venga, seleccionamos JFrame

244
00:10:05,490 --> 00:10:08,149
¿Qué nombre le quieres dar a tu JFrame?

245
00:10:08,250 --> 00:10:09,509
Pues el nombre de la clase

246
00:10:09,509 --> 00:10:10,330
El que os dé la gana

247
00:10:10,330 --> 00:10:11,470
Bueno, es que la mía ya existe

248
00:10:11,470 --> 00:10:14,110
Pero si no he hecho nada

249
00:10:14,110 --> 00:10:19,179
A la le dais el nombre, ventana 2

250
00:10:19,179 --> 00:10:20,840
Y ya

251
00:10:20,840 --> 00:10:22,740
Él ya ha fijado

252
00:10:22,740 --> 00:10:24,139
El código solito que ha hecho

253
00:10:24,139 --> 00:10:27,299
ya ha mejorado mi código

254
00:10:27,299 --> 00:10:28,740
ya ha hecho todo este código

255
00:10:28,740 --> 00:10:31,519
¿qué ha hecho? un heredero de JFrame

256
00:10:31,519 --> 00:10:33,580
hasta ahí sabíamos que lo tenía que hacer

257
00:10:33,580 --> 00:10:34,559
un heredero de JFrame

258
00:10:34,559 --> 00:10:37,399
y luego te ha hecho un main

259
00:10:37,399 --> 00:10:39,279
en el cual

260
00:10:39,279 --> 00:10:41,960
crea el objeto frame

261
00:10:41,960 --> 00:10:43,360
en mi caso se llama ventana2

262
00:10:43,360 --> 00:10:46,159
y el objeto frame todavía no tiene nada

263
00:10:46,159 --> 00:10:47,899
te crea un frame

264
00:10:47,899 --> 00:10:48,720
lo hace visible

265
00:10:48,720 --> 00:10:50,519
y ya está

266
00:10:50,519 --> 00:10:52,200
y luego el constructor

267
00:10:52,200 --> 00:10:54,480
al constructor le pone algo

268
00:10:54,480 --> 00:10:56,779
que es esta sentencia que ya le conocemos

269
00:10:56,779 --> 00:10:58,580
le da un tamaño

270
00:10:58,580 --> 00:10:59,639
y una ubicación

271
00:10:59,639 --> 00:11:01,940
el panel

272
00:11:01,940 --> 00:11:04,240
crea un panel content panel

273
00:11:04,240 --> 00:11:06,059
y fija

274
00:11:06,059 --> 00:11:07,899
al frame

275
00:11:07,899 --> 00:11:09,779
le fija como su panel

276
00:11:09,779 --> 00:11:10,820
este

277
00:11:10,820 --> 00:11:12,919
eso es lo que hace

278
00:11:12,919 --> 00:11:15,200
este código es relativamente fácil de entender

279
00:11:15,200 --> 00:11:16,440
simplemente lo único que hace es

280
00:11:16,440 --> 00:11:19,159
esta sentencia le da un tamaño al frame

281
00:11:19,159 --> 00:11:20,559
crea un objeto panel

282
00:11:20,559 --> 00:11:22,240
y se lo fija

283
00:11:22,240 --> 00:11:23,639
al frame.

284
00:11:24,360 --> 00:11:25,120
Aquí esto es como si hubiera

285
00:11:25,120 --> 00:11:25,840
dis, está claro.

286
00:11:26,080 --> 00:11:26,820
Esto es como si hubiera

287
00:11:26,820 --> 00:11:27,840
un dis en todo.

288
00:11:28,820 --> 00:11:29,100
Entonces,

289
00:11:29,220 --> 00:11:29,740
en lugar de usar

290
00:11:29,740 --> 00:11:30,919
el panel por defecto,

291
00:11:31,580 --> 00:11:32,059
no va a usar

292
00:11:32,059 --> 00:11:33,039
el panel por defecto,

293
00:11:33,100 --> 00:11:33,720
sino que va a usar

294
00:11:33,720 --> 00:11:34,279
este que se llama

295
00:11:34,279 --> 00:11:34,879
content panel.

296
00:11:35,019 --> 00:11:35,240
Ya está,

297
00:11:35,320 --> 00:11:35,820
no pasa nada.

298
00:11:36,600 --> 00:11:36,799
Vale,

299
00:11:36,860 --> 00:11:38,379
¿y qué nos aporta esto?

300
00:11:38,580 --> 00:11:39,600
Y luego ya te hace un main

301
00:11:39,600 --> 00:11:40,659
para que directamente

302
00:11:40,659 --> 00:11:41,360
esta clase sea

303
00:11:41,360 --> 00:11:42,299
la propia ejecutable.

304
00:11:42,820 --> 00:11:43,360
Y este main

305
00:11:43,360 --> 00:11:44,039
ya construye

306
00:11:44,039 --> 00:11:45,039
el ventana 2 y todo.

307
00:11:45,639 --> 00:11:46,360
¿Y ahora qué hemos ganado

308
00:11:46,360 --> 00:11:46,799
con esto?

309
00:11:47,259 --> 00:11:48,340
Pues con esto hemos ganado

310
00:11:48,340 --> 00:11:48,919
que abajo

311
00:11:48,919 --> 00:11:50,539
veis que os ha aparecido

312
00:11:50,539 --> 00:11:52,080
una pestaña que antes no existía.

313
00:11:53,059 --> 00:11:54,080
Es la pestaña diseño.

314
00:11:55,279 --> 00:11:56,820
Pues seleccionáis la pestaña

315
00:11:56,820 --> 00:11:57,379
diseño.

316
00:12:02,519 --> 00:12:05,240
Y aquí tenéis el frame,

317
00:12:06,379 --> 00:12:06,960
el panel,

318
00:12:08,159 --> 00:12:09,039
el content panel,

319
00:12:10,039 --> 00:12:11,379
todos los

320
00:12:11,379 --> 00:12:12,059
contenedores

321
00:12:12,059 --> 00:12:15,240
a mogollón, los layouts,

322
00:12:15,240 --> 00:12:16,879
todos los componentes,

323
00:12:17,120 --> 00:12:19,200
todo, para arrastrar y pegar.

324
00:12:19,860 --> 00:12:20,960
Pero cuidado,

325
00:12:21,440 --> 00:12:23,360
como vamos a arrastrar y pegar

326
00:12:23,360 --> 00:12:25,340
y vamos a fijar entonces

327
00:12:25,340 --> 00:12:27,220
directamente la oposición nosotros

328
00:12:27,220 --> 00:12:28,440
y no queremos ningún layout

329
00:12:28,440 --> 00:12:32,899
tenéis que, volveremos sobre esto

330
00:12:32,899 --> 00:12:35,019
pero para que podáis arrancar si queréis hacer algo

331
00:12:35,019 --> 00:12:37,059
ahora mismo tenemos solamente

332
00:12:37,059 --> 00:12:38,259
dos cositas en realidad

333
00:12:38,259 --> 00:12:40,340
tenemos lo que aparece aquí

334
00:12:40,340 --> 00:12:41,720
tenemos el frame

335
00:12:41,720 --> 00:12:43,659
que es esto de fuera

336
00:12:43,659 --> 00:12:46,059
y el panel, que es lo de dentro

337
00:12:46,059 --> 00:12:47,980
son las únicas dos cosas que tenemos

338
00:12:47,980 --> 00:12:49,679
el frame

339
00:12:49,679 --> 00:12:52,559
y el panel

340
00:12:52,559 --> 00:12:54,879
vale, pues vamos a situarnos en el panel

341
00:12:54,879 --> 00:12:56,940
vamos a situarnos

342
00:12:56,940 --> 00:12:57,480
en el panel

343
00:12:57,480 --> 00:13:00,259
y lo que me aparece aquí a la izquierda

344
00:13:00,259 --> 00:13:02,580
son todas las propiedades del elemento

345
00:13:02,580 --> 00:13:03,659
que yo haya seleccionado

346
00:13:03,659 --> 00:13:06,679
¿no? por ejemplo aquí he seleccionado

347
00:13:06,679 --> 00:13:08,559
el panel content panel y me aparecen las propiedades

348
00:13:08,559 --> 00:13:09,940
que selecciono el frame

349
00:13:09,940 --> 00:13:12,519
pues me aparecen

350
00:13:12,519 --> 00:13:14,080
todas las propiedades del frame

351
00:13:14,080 --> 00:13:16,000
si está visible, si no lo está

352
00:13:16,000 --> 00:13:18,799
pero a ver, me interesa el panel, vamos a quedarnos con el panel

353
00:13:18,799 --> 00:13:20,860
vale, pues en el

354
00:13:20,860 --> 00:13:22,399
panel, en el layout

355
00:13:22,399 --> 00:13:24,440
me ofrece todo

356
00:13:24,440 --> 00:13:26,100
¿qué layout quieres ponerle al panel?

357
00:13:26,419 --> 00:13:27,860
un panel de tipo flow

358
00:13:27,860 --> 00:13:30,600
¿qué layout le quieres poner? o sea, ¿qué gestor de ubicación?

359
00:13:31,440 --> 00:13:32,659
vamos a ponerle

360
00:13:32,659 --> 00:13:34,500
absoluto

361
00:13:34,500 --> 00:13:36,500
que es como decir, no quiero ningún

362
00:13:36,500 --> 00:13:37,360
gestor de ubicación

363
00:13:37,360 --> 00:13:41,789
me decís, eh, el layout

364
00:13:41,789 --> 00:13:43,330
de mi content panel, de mi panel

365
00:13:43,330 --> 00:13:46,110
absoluto, colocación absoluta

366
00:13:46,110 --> 00:13:46,990
que sería como el null

367
00:13:46,990 --> 00:13:49,490
no quiero ningún gestor de ubicación

368
00:13:49,490 --> 00:13:51,970
y cuando ya hemos hecho esto, no quiero ningún

369
00:13:51,970 --> 00:13:54,029
gestor de ubicación, ahora ya podemos

370
00:13:54,029 --> 00:13:55,950
arrastrar, que queríamos

371
00:13:55,950 --> 00:13:58,029
un campo de texto, pues ala

372
00:13:58,029 --> 00:13:59,789
aquí está mi campo de texto

373
00:13:59,789 --> 00:14:02,070
le doy el

374
00:14:02,070 --> 00:14:03,289
tamaño que me da la gana

375
00:14:03,289 --> 00:14:04,669
lo que quiera

376
00:14:04,669 --> 00:14:07,409
he pinchado el campo de texto

377
00:14:07,409 --> 00:14:09,929
no lo he pinchado

378
00:14:09,929 --> 00:14:12,149
y arrastrado, pinchado, lo he pinchado, suelto el clic

379
00:14:12,149 --> 00:14:13,190
y lo muevo

380
00:14:13,190 --> 00:14:17,460
aquí coloco los componentes que me den la gana

381
00:14:17,460 --> 00:14:19,500
todos los que tenga, como si le quiero

382
00:14:19,500 --> 00:14:20,360
poner un botón aquí

383
00:14:20,360 --> 00:14:23,700
Y todos estos componentes, si los voy seleccionando,

384
00:14:24,480 --> 00:14:26,639
me aparece a la izquierda del todo sus propiedades,

385
00:14:26,700 --> 00:14:29,919
pero si las quiero cambiar de color, etcétera.

386
00:14:30,200 --> 00:14:32,519
Y aquí coloco y hago lo que me dé la gana.

387
00:14:36,669 --> 00:14:37,110
¿Vale?

388
00:14:38,210 --> 00:14:40,889
Si volvéis a ir a la pestaña de fuente,

389
00:14:40,889 --> 00:14:45,149
a la pestaña de fuente, veis que efectivamente el

390
00:14:45,149 --> 00:14:48,909
constructor se ha creado todo el código correspondiente a eso.

391
00:14:48,909 --> 00:14:51,730
el text field con su situación

392
00:14:51,730 --> 00:14:53,490
se ha añadido el content panel

393
00:14:53,490 --> 00:14:55,850
¿vale? el botón

394
00:14:55,850 --> 00:14:57,570
con su texto

395
00:14:57,570 --> 00:14:59,570
todo lo que estáis haciendo se crea

396
00:14:59,570 --> 00:15:00,289
el código ahí

397
00:15:00,289 --> 00:15:02,009
¿vale?

398
00:15:03,350 --> 00:15:05,309
entonces para construir la interfaz

399
00:15:05,309 --> 00:15:07,230
pues lógicamente es más sencillo

400
00:15:07,230 --> 00:15:11,669
¿vale? ya podemos ponerla, cambiarla

401
00:15:11,669 --> 00:15:12,889
lo que sea

402
00:15:12,889 --> 00:15:15,470
que a este botón le

403
00:15:15,470 --> 00:15:17,769
queremos cambiar el texto

404
00:15:17,769 --> 00:15:19,970
pues lo seleccionamos, nos vamos aquí

405
00:15:19,970 --> 00:15:22,769
texto del botón

406
00:15:22,769 --> 00:15:24,590
pues esto de aquí

407
00:15:24,590 --> 00:15:30,009
y aquí el tamaño, el tipo de letra

408
00:15:30,009 --> 00:15:31,889
todo, aquí le podéis cambiar un montón

409
00:15:31,889 --> 00:15:32,470
de cosas

410
00:15:32,470 --> 00:15:34,190
¿vale?

411
00:15:39,049 --> 00:15:40,950
por ejemplo, ¿qué text?

412
00:15:41,309 --> 00:15:43,429
¿qué letra queremos? pues queremos

413
00:15:43,429 --> 00:15:45,129
esta

414
00:15:45,129 --> 00:15:47,490
pues a la

415
00:15:47,490 --> 00:15:54,470
aquí hay un botoncito

416
00:15:54,470 --> 00:15:57,129
que no es para ejecutar la aplicación

417
00:15:57,129 --> 00:15:59,309
es para tener un preview

418
00:15:59,309 --> 00:16:00,889
de cómo te quedaría la vista

419
00:16:00,889 --> 00:16:03,269
o sea, este botoncito te hace un preview

420
00:16:03,269 --> 00:16:04,190
de cómo te quedaría

421
00:16:04,190 --> 00:16:06,210
¿vale? pues así, ¿te gusta así?

422
00:16:06,889 --> 00:16:08,110
pues no, no me gusta así

423
00:16:08,110 --> 00:16:11,309
pues ya está

424
00:16:11,309 --> 00:16:12,350
esta es la idea

425
00:16:12,350 --> 00:16:13,090
¿vale? entonces

426
00:16:13,090 --> 00:16:14,289
Vale, ¿cómo va a poner?

427
00:16:17,289 --> 00:16:17,809
¿Estás comiendo?

428
00:16:18,809 --> 00:16:19,210
Y...