Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

04 - Widgets QLineEdit, QPlainText y QComboBox - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 24 de marzo de 2026 por Pedro Luis L.

2 visualizaciones

Más información Transcripción

Descargar la transcripción

vamos a seguir viendo más elementos 00:00:00
hasta ahora hemos visto el pass button y el label 00:00:02
vamos a ver ahora estos tres nuevos elementos 00:00:06
la línea de texto, el área de texto 00:00:09
y el desplegable combo box que se llama 00:00:13
bueno 00:00:16
vamos a crear aquí un 00:00:17
abro el designer 00:00:21
creo mi ventana principal 00:00:25
y en esta ventana principal 00:00:32
para que veáis el ejemplo 00:00:36
bueno, puedo añadir 00:00:38
distintos elementos, o sea, hasta la hora 00:00:40
hemos visto la etiqueta 00:00:42
hemos visto el botón 00:00:43
¿de acuerdo? pero existen más elementos 00:00:47
que se pueden usar 00:00:52
tenemos la línea de texto 00:00:53
aquí la tenemos 00:00:56
la línea de texto 00:00:59
la línea de texto 00:01:01
la línea de texto 00:01:02
sirve para 00:01:06
bueno, voy a ponerla en una distribución 00:01:08
vertical 00:01:10
¿de acuerdo? 00:01:11
si la visualizo, si voy para escribir texto 00:01:14
¿de acuerdo? 00:01:17
la puedo usar para meter entradas de texto 00:01:19
y luego tengo 00:01:20
fijaros, pero solamente en una línea 00:01:22
y luego cuando quiero escribir más texto 00:01:24
tengo este, el plain text edit 00:01:25
el plain text edit 00:01:27
le voy a decir que se expanda 00:01:30
para que se nota bien el efecto 00:01:33
Expanding, expanding, vale 00:01:35
Bueno, pues vamos a previsualizarla 00:01:40
Vamos a previsualizar 00:01:43
Bueno, pues aquí tengo el botón 00:01:47
La etiqueta 00:01:49
La línea de texto y el área de texto 00:01:50
Que el área de texto es que me permite 00:01:52
Meter, pues, como 00:01:54
Bastante texto, y cuando tiene mucho texto metido 00:01:56
Ves que aparece la barra 00:01:59
De desplazamiento vertical, ahí de forma automática 00:02:00
¿De acuerdo? 00:02:03
El text, la línea de texto, si vamos aquí a nuestra chuleta, tiene dos métodos interesantes, text y text-set-text. 00:02:07
Aquí no hay nada nuevo, ¿no? 00:02:15
En toPlainTextEdit la han cambiado el nombre y en lugar de poner text y setText es toPlainText y setPlainText. 00:02:18
Es un poco raro, ¿no? Podrían haber mantenido text y setText, pero decidieron cambiarlo así. 00:02:26
con estos dos métodos obtenemos el texto 00:02:30
que está escrito o cambiamos el texto 00:02:34
que está escrito en el área de texto 00:02:36
luego también podemos añadir los combo box 00:02:40
que son los desplegables 00:02:45
voy a añadirlo por aquí, el combo box 00:02:46
aquí tengo el combo box 00:02:49
si hago doble clic puedo con el más 00:02:50
añadir los elementos 00:02:53
ítem número uno, ítem número dos, ítem número tres. Aceptar. ¿De acuerdo? Si lo 00:02:55
previsualizo, ves aquí que me sale el típico desplegable para ver los ítems. Aquí los 00:03:12
métodos interesantes son 00:03:23
el texto actual, o sea 00:03:24
si yo ahora por ejemplo 00:03:27
le preguntase cuál es el texto actual 00:03:28
me diría que ítem 3 00:03:31
y si 00:03:33
le preguntase 00:03:35
el índice actual 00:03:36
me diría que 2, acordaos 00:03:38
que es 0, 1, 2, me diría que el índice 00:03:41
es 2, lo del índice 00:03:43
es interesante porque a veces se usan arrays 00:03:45
o sea yo hago listas, yo pongo una lista 00:03:47
y meto los valores de la lista aquí 00:03:49
y entonces me interesa saber más que el texto 00:03:51
el número de elemento que me pertenece al array 00:03:54
porque luego ese elemento puede hacer referencia a un objeto 00:03:57
que haga alguna cosa 00:04:00
estos son los elementos más básicos 00:04:03
vamos a verlos en otro ejemplo 00:04:07
vamos a verlos en un ejemplo un poquito más elaborado 00:04:09
en este ejemplo 00:04:12
aquí, bueno 00:04:13
pues aquí he puesto la línea de texto, el área de texto, el combo 00:04:17
un botón y otro área de texto 00:04:20
y un botón de limpiar 00:04:23
¿vale? si vemos el código 00:04:24
que he creado, es este de aquí 00:04:26
ahora lo investigamos 00:04:29
vamos a ejecutarlo primero para ver lo que hace 00:04:30
lo ejecuto 00:04:32
bueno, aquí tengo la 00:04:36
línea de texto que digo hola 00:04:38
el área de texto que pongo mundo 00:04:40
aquí he elegido 00:04:41
el segundo elemento 00:04:44
por ejemplo, y un botón 00:04:46
¿vale? fijaros que cuando pulso el botón 00:04:48
aquí han aparecido cosas, ¿no? me dice que 00:04:50
en la línea de texto pone hola 00:04:52
en el área de texto 00:04:54
pone mundo 00:04:57
y que el elemento que ha elegido es el segundo 00:04:57
elemento, si le doy a limpiar 00:05:00
fijaos, están los de aquí 00:05:02
¿veis que ha cambiado? 00:05:04
¿veis que han cambiado? 00:05:08
vamos a ver el código 00:05:10
vamos a ver el código 00:05:11
este lo cerramos para que no moleste 00:05:13
si nos fijamos en el código 00:05:16
bueno, empezamos con nuestro código 00:05:19
de siempre, ¿no? 00:05:22
O sea, este es mi código base, pues copio el código base aquí. 00:05:23
Y por todas las bibliotecas, hago que mi clase tenga como clase padre la clase project. 00:05:29
Creo el constructor, ejecuto el constructor de la clase principal. 00:05:37
Bueno, este contador que había definido aquí en mi clase base, pues lo he comentado, lo podría haber borrado directamente. 00:05:43
cargo la interfaz 00:05:49
acordaos que este main 00:05:51
windows.ui 00:05:53
es el nombre de este archivo 00:05:54
bueno, cargo 00:05:56
la interfaz usando 00:06:01
el método que usa python 00:06:03
digo python, no, que usa c++ 00:06:05
para el archivo 00:06:06
y conecto los eventos 00:06:08
aquí he creado dos eventos 00:06:09
en el botón 00:06:12
en este botón 00:06:13
este de aquí 00:06:15
lo que he hecho 00:06:17
es que he conectado 00:06:19
con el evento mostrar slot 00:06:21
y lo que hace simplemente es que en un buffer 00:06:23
voy creando todo este texto 00:06:25
en la línea de texto 00:06:27
lo que he puesto es 00:06:30
el texto que había en la línea de texto 00:06:31
fijaos, la línea de texto 00:06:33
la llamo line edit 00:06:34
la veis aquí, line edit 00:06:38
¿cómo se obtiene el texto 00:06:39
de una línea de texto? 00:06:41
con text 00:06:43
¿de acuerdo? con text 00:06:45
Pues he cogido y obtengo el texto 00:06:46
En el área de texto 00:06:49
Por lo mismo 00:06:51
El área de texto 00:06:53
La he llamado 00:06:54
PlainTextEdit 00:06:55
Para obtener el texto del área de texto 00:06:58
Se hace tu plain text 00:07:03
¿De acuerdo? 00:07:04
Pues obtengo ya el texto del área de texto 00:07:05
El combo box 00:07:07
Bueno, pues aquí obtengo 00:07:10
El índice del combo box 00:07:11
Y aquí estoy obteniendo el texto 00:07:13
que está seleccionado en el combo box 00:07:15
¿de acuerdo? o sea, tengo aquí 00:07:18
el elemento, ¿vale? 00:07:20
y por último lo que hago es que este 00:07:22
avancer lo muestro en el 00:07:24
mostrar plain text edit 00:07:26
o sea, lo muestro en este de aquí 00:07:28
si lo ejecutáis 00:07:29
vais a ver aquí que en estos 00:07:31
puedo escribir, pero en este no 00:07:34
este no me escribe 00:07:36
¿por qué no me escribe? porque yo le he 00:07:38
quitado la propiedad de editable 00:07:40
si vais aquí abajo 00:07:41
¿Vale? 00:07:43
Que sea solo de lectura 00:07:44
Vale, le he quitado la propiedad esa de 00:07:46
Activando esto de redonly 00:07:48
Le he quitado esa propiedad 00:07:50
No se puede escribir aquí 00:07:52
Solamente sirve para que yo programando 00:07:54
Meta texto 00:07:56
¿Qué más tiene esto? 00:07:57
Ah, bueno, sí, y luego tengo el botón limpiar 00:08:01
El botón limpiar 00:08:03
Que es este de aquí, que si pulso aquí 00:08:04
¿Veis que limpia? Me limpia este 00:08:06
Me limpia este y me cambia esto de aquí 00:08:08
¿No? Bueno, esto de arriba 00:08:10
es fácil, ¿no? en el botón limpiar 00:08:12
le he dicho que en el light edit 00:08:14
me ponga comillas comillas 00:08:17
en el plain text edit ponga comillas comillas 00:08:19
y aquí es que no lo he puesto 00:08:21
que en el índice 00:08:23
que en el índice me ponga 00:08:24
me seleccione el índice 0 00:08:26
aquí en la chuleta me falta por ahí decir 00:08:28
current index y set 00:08:30
current index 00:08:33
¿vale? ahí puedo cambiar 00:08:33
el número que he seleccionado 00:08:38
en el campo box 00:08:41
¿de acuerdo? 00:08:42
Pues este sería mi ejemplo ya de más elementos sencillos. 00:08:45
Fijaos que estos cinco elementos que he puesto aquí, bueno, cinco, bueno, no son cinco, a ver, son uno, dos, tres, cuatro y cinco. 00:08:50
Sí, justo los cinco elementos. 00:08:58
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. 00:08:59
¿De acuerdo? Cualquier formulario ya lo puedes hacer con estos cinco elementos. 00:09:09
de hecho en las páginas web 00:09:13
vais a ver que los que tienen son básicamente 00:09:15
estos cinco elementos para hacer formularios 00:09:17
no tienen más 00:09:19
con estos cinco elementos os recomiendo 00:09:20
practicar y hacer algún ejemplo sencillo 00:09:25
pues me voy a hacer un formulario 00:09:27
que me pida el nombre, apellidos 00:09:28
o estado civil 00:09:30
y cosas así, y luego que me lo muestre 00:09:33
aquí abajo, probad a hacer 00:09:35
ese pequeño ejercicio 00:09:37
Materias:
Informática
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Formación Profesional
    • Ciclo formativo de grado básico
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado medio
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
Subido por:
Pedro Luis L.
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
2
Fecha:
24 de marzo de 2026 - 0:10
Visibilidad:
Público
Centro:
IES VILLABLANCA
Duración:
09′ 42″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
67.36 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid