Ejemplo de Qt

Asignatura: Programación II
Práctica de laboratorio #8: Ventanas principales (main windows).
Objetivo:


Crear una ventana principal con los componentes más importantes.

Bibliografía:



Foundation of Qt Development (2007), pp. 95-120
Aprenda Qt desde hoy mismo (2010), pp. 69-82

Introducción:
La ventana principal (QMainWindow) es el componente fundamental, sobre el cual pueden aparecer todauna serie de widgets: QMenuBar (barra de menú), QToolBar (barra de herramientas), QStatusBar (barra
de estado), QDockWidget (widgets aclopables), QMenu (menús en general, incluidos los contextuales),
entre otros.
Barra de menú
Barra de herramientas

Central Widget

Barra de estado

El interfaz principal de una aplicación, la Main Window (ventana principal), posee los elementos que
vemos en laimagen anterior: un menú principal en la parte superior, una o varias barras de herramientas
con iconos, justo debajo, que proporciona las opciones del menú más típicas en el uso cotidiano,
mejorando la rapidez de uso de la aplicación, luego está el widget principal (central widget), que en este
caso está en la zona central izquierda, y es un QPlainTextEdit, a la derecha vemos una ventana adosable(dockable window), que se diferencia por el icono de la esquina superior derecha, que nos indica que
pulsando sobre la barra superior y arrastrando, dicha ventana se separaría de la ventana principal,
proporcionando otra ventana. Finalmente en la parte inferior, se encuentra la barra de estado (status bar)

donde se suele poner mensajes informativos al usuario al respecto de lo que está aconteciendoen la
aplicación en cada momento. También cada elemento de la ventana principal, puede tener un menú
contextual asociado, que al pulsar el botón derecho del ratón nos permita llevar a cabo acciones propias
de dicho elemento gráfico. A parte de estos elementos, una aplicación puede añadir ventanas de diálogo,
derivadas de QDialog, que podrán aparecer como consecuencia de acciones del usuario, comopulsar
sobre una opción del menú, una atajo del teclado, un menús contextual, o algún evento cualquiera
(información, aviso, error, etc).
Técnica Operatoria:
1. En esta práctica vamos a desarrollar la interface para un editor de texto con capacidad de
cortar/pegar, con menú principal, barra de herramientas y barra de estado, como el mostrado
en la introducción.
a. Cree un nuevo proyecto deaplicación gráfica empleando QMainWindow como clase
base
b. En el Qt Designer añada un PlainTextEdit que ocupe toda el área permitida en la
ventana, veremos que en el inspector de objetos de la dereha superior, lo ha puesto
como centralWidget
c. En la aplicación se usarán un grupo de iconos. Copie la carpeta “images” que contiene
los iconos en la carpeta del proyecto creado. Observe los iconos con unvisualizador de
imágenes
d. Los recursos que usa una aplicación, como pueden ser los iconos, bitmaps y otros, se
describen en un archivo de recursos multiplataforma con extensión qrc. Qt soporta
muchos tipos de imágenes e iconos tales como: BMP, GIF, JPG, PNG, PNM, XMB y XPM.
El archivo qrc forma parte del proyecto antes de ser compilado e incluido en el
ejecutable. Se trata de un archivo escrito enXML con el siguiente formato:

En el archivo de proyecto (*.pro) se anade una línea con:
RESOURCES = recursos.qrc
En el código C++ se puede acceder a los recursos directamente mediante la URL
“:/images/icon.png”, por ejemplo:
Donde el archivo del icono se encuentra en la carpeta del proyecto en
“images/new.png”
1. Haga clic derecho sobre el proyecto y escoja “Add New”, luego “Qt  Qt
Resourcefile”.
2. Especifique el mismo nombre del proyecto para el archivo de recursos
3. Al abrirse el archivo qrc en el Qt Creator, aparece una ventana superior vacía y
abajo un botón “Add”. Pulse sobre este botón y luego sobre “Add Prefix”
4. En el campo de texto “Prefix” escriba “/”

5. Vuelva a pulsar “Add” y “Add Files” y navegue hasta la carpeta “images” donde
están los iconos. Seleccione y abra...