1 00:00:00,180 --> 00:00:02,220 vamos a seguir viendo más elementos 2 00:00:02,220 --> 00:00:06,360 hasta ahora hemos visto el pass button y el label 3 00:00:06,360 --> 00:00:09,300 vamos a ver ahora estos tres nuevos elementos 4 00:00:09,300 --> 00:00:13,359 la línea de texto, el área de texto 5 00:00:13,359 --> 00:00:16,280 y el desplegable combo box que se llama 6 00:00:16,280 --> 00:00:17,320 bueno 7 00:00:17,320 --> 00:00:21,739 vamos a crear aquí un 8 00:00:21,739 --> 00:00:25,879 abro el designer 9 00:00:25,879 --> 00:00:32,920 creo mi ventana principal 10 00:00:32,920 --> 00:00:36,479 y en esta ventana principal 11 00:00:36,479 --> 00:00:38,060 para que veáis el ejemplo 12 00:00:38,060 --> 00:00:40,299 bueno, puedo añadir 13 00:00:40,299 --> 00:00:42,020 distintos elementos, o sea, hasta la hora 14 00:00:42,020 --> 00:00:43,100 hemos visto la etiqueta 15 00:00:43,100 --> 00:00:47,539 hemos visto el botón 16 00:00:47,539 --> 00:00:52,359 ¿de acuerdo? pero existen más elementos 17 00:00:52,359 --> 00:00:53,859 que se pueden usar 18 00:00:53,859 --> 00:00:56,159 tenemos la línea de texto 19 00:00:56,159 --> 00:00:59,630 aquí la tenemos 20 00:00:59,630 --> 00:01:01,189 la línea de texto 21 00:01:01,189 --> 00:01:02,469 la línea de texto 22 00:01:02,469 --> 00:01:06,250 la línea de texto 23 00:01:06,250 --> 00:01:08,150 sirve para 24 00:01:08,150 --> 00:01:10,109 bueno, voy a ponerla en una distribución 25 00:01:10,109 --> 00:01:11,870 vertical 26 00:01:11,870 --> 00:01:12,930 ¿de acuerdo? 27 00:01:14,409 --> 00:01:17,150 si la visualizo, si voy para escribir texto 28 00:01:17,150 --> 00:01:18,950 ¿de acuerdo? 29 00:01:19,090 --> 00:01:20,969 la puedo usar para meter entradas de texto 30 00:01:20,969 --> 00:01:22,310 y luego tengo 31 00:01:22,310 --> 00:01:24,049 fijaros, pero solamente en una línea 32 00:01:24,049 --> 00:01:25,670 y luego cuando quiero escribir más texto 33 00:01:25,670 --> 00:01:27,969 tengo este, el plain text edit 34 00:01:27,969 --> 00:01:30,650 el plain text edit 35 00:01:30,650 --> 00:01:33,030 le voy a decir que se expanda 36 00:01:33,030 --> 00:01:35,030 para que se nota bien el efecto 37 00:01:35,030 --> 00:01:40,280 Expanding, expanding, vale 38 00:01:40,280 --> 00:01:43,439 Bueno, pues vamos a previsualizarla 39 00:01:43,439 --> 00:01:47,060 Vamos a previsualizar 40 00:01:47,060 --> 00:01:49,019 Bueno, pues aquí tengo el botón 41 00:01:49,019 --> 00:01:50,459 La etiqueta 42 00:01:50,459 --> 00:01:52,900 La línea de texto y el área de texto 43 00:01:52,900 --> 00:01:54,780 Que el área de texto es que me permite 44 00:01:54,780 --> 00:01:56,379 Meter, pues, como 45 00:01:56,379 --> 00:01:59,040 Bastante texto, y cuando tiene mucho texto metido 46 00:01:59,040 --> 00:02:00,459 Ves que aparece la barra 47 00:02:00,459 --> 00:02:03,299 De desplazamiento vertical, ahí de forma automática 48 00:02:03,299 --> 00:02:05,000 ¿De acuerdo? 49 00:02:07,239 --> 00:02:15,800 El text, la línea de texto, si vamos aquí a nuestra chuleta, tiene dos métodos interesantes, text y text-set-text. 50 00:02:15,919 --> 00:02:17,099 Aquí no hay nada nuevo, ¿no? 51 00:02:18,020 --> 00:02:26,500 En toPlainTextEdit la han cambiado el nombre y en lugar de poner text y setText es toPlainText y setPlainText. 52 00:02:26,599 --> 00:02:30,939 Es un poco raro, ¿no? Podrían haber mantenido text y setText, pero decidieron cambiarlo así. 53 00:02:30,939 --> 00:02:34,120 con estos dos métodos obtenemos el texto 54 00:02:34,120 --> 00:02:36,560 que está escrito o cambiamos el texto 55 00:02:36,560 --> 00:02:40,319 que está escrito en el área de texto 56 00:02:40,319 --> 00:02:45,340 luego también podemos añadir los combo box 57 00:02:45,340 --> 00:02:46,819 que son los desplegables 58 00:02:46,819 --> 00:02:49,020 voy a añadirlo por aquí, el combo box 59 00:02:49,020 --> 00:02:50,099 aquí tengo el combo box 60 00:02:50,099 --> 00:02:53,879 si hago doble clic puedo con el más 61 00:02:53,879 --> 00:02:55,199 añadir los elementos 62 00:02:55,199 --> 00:03:12,409 ítem número uno, ítem número dos, ítem número tres. Aceptar. ¿De acuerdo? Si lo 63 00:03:12,409 --> 00:03:23,389 previsualizo, ves aquí que me sale el típico desplegable para ver los ítems. Aquí los 64 00:03:23,389 --> 00:03:24,830 métodos interesantes son 65 00:03:24,830 --> 00:03:27,409 el texto actual, o sea 66 00:03:27,409 --> 00:03:28,710 si yo ahora por ejemplo 67 00:03:28,710 --> 00:03:31,610 le preguntase cuál es el texto actual 68 00:03:31,610 --> 00:03:33,389 me diría que ítem 3 69 00:03:33,389 --> 00:03:35,569 y si 70 00:03:35,569 --> 00:03:36,650 le preguntase 71 00:03:36,650 --> 00:03:38,710 el índice actual 72 00:03:38,710 --> 00:03:41,469 me diría que 2, acordaos 73 00:03:41,469 --> 00:03:43,629 que es 0, 1, 2, me diría que el índice 74 00:03:43,629 --> 00:03:45,430 es 2, lo del índice 75 00:03:45,430 --> 00:03:47,349 es interesante porque a veces se usan arrays 76 00:03:47,349 --> 00:03:49,349 o sea yo hago listas, yo pongo una lista 77 00:03:49,349 --> 00:03:51,250 y meto los valores de la lista aquí 78 00:03:51,250 --> 00:03:54,310 y entonces me interesa saber más que el texto 79 00:03:54,310 --> 00:03:57,389 el número de elemento que me pertenece al array 80 00:03:57,389 --> 00:04:00,590 porque luego ese elemento puede hacer referencia a un objeto 81 00:04:00,590 --> 00:04:03,669 que haga alguna cosa 82 00:04:03,669 --> 00:04:07,229 estos son los elementos más básicos 83 00:04:07,229 --> 00:04:09,349 vamos a verlos en otro ejemplo 84 00:04:09,349 --> 00:04:12,250 vamos a verlos en un ejemplo un poquito más elaborado 85 00:04:12,250 --> 00:04:13,509 en este ejemplo 86 00:04:13,509 --> 00:04:17,680 aquí, bueno 87 00:04:17,680 --> 00:04:20,759 pues aquí he puesto la línea de texto, el área de texto, el combo 88 00:04:20,759 --> 00:04:23,040 un botón y otro área de texto 89 00:04:23,040 --> 00:04:24,920 y un botón de limpiar 90 00:04:24,920 --> 00:04:26,959 ¿vale? si vemos el código 91 00:04:26,959 --> 00:04:29,019 que he creado, es este de aquí 92 00:04:29,019 --> 00:04:30,620 ahora lo investigamos 93 00:04:30,620 --> 00:04:32,740 vamos a ejecutarlo primero para ver lo que hace 94 00:04:32,740 --> 00:04:36,959 lo ejecuto 95 00:04:36,959 --> 00:04:38,500 bueno, aquí tengo la 96 00:04:38,500 --> 00:04:40,240 línea de texto que digo hola 97 00:04:40,240 --> 00:04:41,839 el área de texto que pongo mundo 98 00:04:41,839 --> 00:04:44,319 aquí he elegido 99 00:04:44,319 --> 00:04:46,319 el segundo elemento 100 00:04:46,319 --> 00:04:48,139 por ejemplo, y un botón 101 00:04:48,139 --> 00:04:50,019 ¿vale? fijaros que cuando pulso el botón 102 00:04:50,019 --> 00:04:52,180 aquí han aparecido cosas, ¿no? me dice que 103 00:04:52,180 --> 00:04:54,939 en la línea de texto pone hola 104 00:04:54,939 --> 00:04:57,079 en el área de texto 105 00:04:57,079 --> 00:04:57,939 pone mundo 106 00:04:57,939 --> 00:05:00,879 y que el elemento que ha elegido es el segundo 107 00:05:00,879 --> 00:05:02,860 elemento, si le doy a limpiar 108 00:05:02,860 --> 00:05:04,899 fijaos, están los de aquí 109 00:05:04,899 --> 00:05:07,100 ¿veis que ha cambiado? 110 00:05:08,439 --> 00:05:09,199 ¿veis que han cambiado? 111 00:05:10,240 --> 00:05:11,319 vamos a ver el código 112 00:05:11,319 --> 00:05:13,379 vamos a ver el código 113 00:05:13,379 --> 00:05:16,879 este lo cerramos para que no moleste 114 00:05:16,879 --> 00:05:19,980 si nos fijamos en el código 115 00:05:19,980 --> 00:05:22,339 bueno, empezamos con nuestro código 116 00:05:22,339 --> 00:05:23,139 de siempre, ¿no? 117 00:05:23,500 --> 00:05:26,879 O sea, este es mi código base, pues copio el código base aquí. 118 00:05:29,579 --> 00:05:36,519 Y por todas las bibliotecas, hago que mi clase tenga como clase padre la clase project. 119 00:05:37,519 --> 00:05:43,139 Creo el constructor, ejecuto el constructor de la clase principal. 120 00:05:43,699 --> 00:05:49,279 Bueno, este contador que había definido aquí en mi clase base, pues lo he comentado, lo podría haber borrado directamente. 121 00:05:49,279 --> 00:05:51,060 cargo la interfaz 122 00:05:51,060 --> 00:05:53,199 acordaos que este main 123 00:05:53,199 --> 00:05:54,540 windows.ui 124 00:05:54,540 --> 00:05:56,819 es el nombre de este archivo 125 00:05:56,819 --> 00:06:01,639 bueno, cargo 126 00:06:01,639 --> 00:06:03,680 la interfaz usando 127 00:06:03,680 --> 00:06:05,259 el método que usa python 128 00:06:05,259 --> 00:06:06,860 digo python, no, que usa c++ 129 00:06:06,860 --> 00:06:08,519 para el archivo 130 00:06:08,519 --> 00:06:09,839 y conecto los eventos 131 00:06:09,839 --> 00:06:12,240 aquí he creado dos eventos 132 00:06:12,240 --> 00:06:13,720 en el botón 133 00:06:13,720 --> 00:06:15,399 en este botón 134 00:06:15,399 --> 00:06:17,199 este de aquí 135 00:06:17,199 --> 00:06:19,339 lo que he hecho 136 00:06:19,339 --> 00:06:21,800 es que he conectado 137 00:06:21,800 --> 00:06:23,639 con el evento mostrar slot 138 00:06:23,639 --> 00:06:25,420 y lo que hace simplemente es que en un buffer 139 00:06:25,420 --> 00:06:27,839 voy creando todo este texto 140 00:06:27,839 --> 00:06:30,540 en la línea de texto 141 00:06:30,540 --> 00:06:31,379 lo que he puesto es 142 00:06:31,379 --> 00:06:33,779 el texto que había en la línea de texto 143 00:06:33,779 --> 00:06:34,920 fijaos, la línea de texto 144 00:06:34,920 --> 00:06:38,339 la llamo line edit 145 00:06:38,339 --> 00:06:39,899 la veis aquí, line edit 146 00:06:39,899 --> 00:06:41,959 ¿cómo se obtiene el texto 147 00:06:41,959 --> 00:06:43,000 de una línea de texto? 148 00:06:43,160 --> 00:06:45,300 con text 149 00:06:45,300 --> 00:06:46,779 ¿de acuerdo? con text 150 00:06:46,779 --> 00:06:49,319 Pues he cogido y obtengo el texto 151 00:06:49,319 --> 00:06:51,939 En el área de texto 152 00:06:51,939 --> 00:06:53,000 Por lo mismo 153 00:06:53,000 --> 00:06:54,160 El área de texto 154 00:06:54,160 --> 00:06:55,680 La he llamado 155 00:06:55,680 --> 00:06:58,120 PlainTextEdit 156 00:06:58,120 --> 00:07:03,220 Para obtener el texto del área de texto 157 00:07:03,220 --> 00:07:04,540 Se hace tu plain text 158 00:07:04,540 --> 00:07:05,399 ¿De acuerdo? 159 00:07:05,600 --> 00:07:07,360 Pues obtengo ya el texto del área de texto 160 00:07:07,360 --> 00:07:10,079 El combo box 161 00:07:10,079 --> 00:07:11,300 Bueno, pues aquí obtengo 162 00:07:11,300 --> 00:07:13,420 El índice del combo box 163 00:07:13,420 --> 00:07:15,879 Y aquí estoy obteniendo el texto 164 00:07:15,879 --> 00:07:18,899 que está seleccionado en el combo box 165 00:07:18,899 --> 00:07:20,680 ¿de acuerdo? o sea, tengo aquí 166 00:07:20,680 --> 00:07:22,040 el elemento, ¿vale? 167 00:07:22,319 --> 00:07:24,500 y por último lo que hago es que este 168 00:07:24,500 --> 00:07:26,379 avancer lo muestro en el 169 00:07:26,379 --> 00:07:28,240 mostrar plain text edit 170 00:07:28,240 --> 00:07:29,759 o sea, lo muestro en este de aquí 171 00:07:29,759 --> 00:07:31,319 si lo ejecutáis 172 00:07:31,319 --> 00:07:34,620 vais a ver aquí que en estos 173 00:07:34,620 --> 00:07:36,360 puedo escribir, pero en este no 174 00:07:36,360 --> 00:07:38,360 este no me escribe 175 00:07:38,360 --> 00:07:40,339 ¿por qué no me escribe? porque yo le he 176 00:07:40,339 --> 00:07:41,699 quitado la propiedad de editable 177 00:07:41,699 --> 00:07:43,379 si vais aquí abajo 178 00:07:43,379 --> 00:07:44,600 ¿Vale? 179 00:07:44,899 --> 00:07:46,959 Que sea solo de lectura 180 00:07:46,959 --> 00:07:48,800 Vale, le he quitado la propiedad esa de 181 00:07:48,800 --> 00:07:50,800 Activando esto de redonly 182 00:07:50,800 --> 00:07:52,519 Le he quitado esa propiedad 183 00:07:52,519 --> 00:07:54,480 No se puede escribir aquí 184 00:07:54,480 --> 00:07:56,699 Solamente sirve para que yo programando 185 00:07:56,699 --> 00:07:57,360 Meta texto 186 00:07:57,360 --> 00:08:00,680 ¿Qué más tiene esto? 187 00:08:01,279 --> 00:08:03,259 Ah, bueno, sí, y luego tengo el botón limpiar 188 00:08:03,259 --> 00:08:04,220 El botón limpiar 189 00:08:04,220 --> 00:08:06,220 Que es este de aquí, que si pulso aquí 190 00:08:06,220 --> 00:08:08,660 ¿Veis que limpia? Me limpia este 191 00:08:08,660 --> 00:08:10,939 Me limpia este y me cambia esto de aquí 192 00:08:10,939 --> 00:08:12,879 ¿No? Bueno, esto de arriba 193 00:08:12,879 --> 00:08:14,759 es fácil, ¿no? en el botón limpiar 194 00:08:14,759 --> 00:08:17,199 le he dicho que en el light edit 195 00:08:17,199 --> 00:08:19,139 me ponga comillas comillas 196 00:08:19,139 --> 00:08:21,519 en el plain text edit ponga comillas comillas 197 00:08:21,519 --> 00:08:23,339 y aquí es que no lo he puesto 198 00:08:23,339 --> 00:08:24,720 que en el índice 199 00:08:24,720 --> 00:08:26,959 que en el índice me ponga 200 00:08:26,959 --> 00:08:28,800 me seleccione el índice 0 201 00:08:28,800 --> 00:08:30,399 aquí en la chuleta me falta por ahí decir 202 00:08:30,399 --> 00:08:33,100 current index y set 203 00:08:33,100 --> 00:08:33,919 current index 204 00:08:33,919 --> 00:08:38,980 ¿vale? ahí puedo cambiar 205 00:08:38,980 --> 00:08:41,379 el número que he seleccionado 206 00:08:41,379 --> 00:08:42,340 en el campo box 207 00:08:42,340 --> 00:08:44,240 ¿de acuerdo? 208 00:08:45,279 --> 00:08:50,220 Pues este sería mi ejemplo ya de más elementos sencillos. 209 00:08:50,299 --> 00:08:58,620 Fijaos que estos cinco elementos que he puesto aquí, bueno, cinco, bueno, no son cinco, a ver, son uno, dos, tres, cuatro y cinco. 210 00:08:58,700 --> 00:08:59,720 Sí, justo los cinco elementos. 211 00:08:59,720 --> 00:09:09,419 O sea, la etiqueta, la línea de texto, el área de texto, el combo y el botón son los cinco elementos básicos que necesitas para hacer formularios. 212 00:09:09,899 --> 00:09:13,200 ¿De acuerdo? Cualquier formulario ya lo puedes hacer con estos cinco elementos. 213 00:09:13,200 --> 00:09:15,840 de hecho en las páginas web 214 00:09:15,840 --> 00:09:17,580 vais a ver que los que tienen son básicamente 215 00:09:17,580 --> 00:09:19,580 estos cinco elementos para hacer formularios 216 00:09:19,580 --> 00:09:20,159 no tienen más 217 00:09:20,159 --> 00:09:25,129 con estos cinco elementos os recomiendo 218 00:09:25,129 --> 00:09:27,110 practicar y hacer algún ejemplo sencillo 219 00:09:27,110 --> 00:09:28,769 pues me voy a hacer un formulario 220 00:09:28,769 --> 00:09:30,889 que me pida el nombre, apellidos 221 00:09:30,889 --> 00:09:33,269 o estado civil 222 00:09:33,269 --> 00:09:35,169 y cosas así, y luego que me lo muestre 223 00:09:35,169 --> 00:09:37,090 aquí abajo, probad a hacer 224 00:09:37,090 --> 00:09:38,950 ese pequeño ejercicio