[elo329] desarrollo en qt - inicio · departamento de...

[ELO329]Desarrollo en Qt

Agustın GonzalezPatricio Olivares

Introduccion

Elementos de Qt

Desarrollando enQt

Interfaces deusuario QML

[ELO329] Desarrollo en Qt


19 de junio de 2017



Introduccion

Elementos de Qt

Desarrollando enQt


Table of contents

1 Introduccion

2 Elementos de Qt

3 Desarrollando en Qt

4 Interfaces de usuario QML



Introduccion

Elementos de Qt

Desarrollando enQt


¿Que es Qt?¿Que es Qt?

Qt (pronunciado como “cute”) es un framework de desarrollo deaplicaciones con multiples bibliotecas

Creado por Haavard Nord y Erick Chambe-Eng en 1995 (primerrelease)

Desarrollado sobre C++ inicialmente, pero en la actualidad esposible utilizarlo en otros lenguajes (Ej: PyQt para Python).

Provee mejoras a las bibliotecas nativas de C++ y permite quecodigos desarrollados sobre estas bibliotecas sean compatiblescon multiples plataformas (mismo concepto que se aplicaba enJava).Algunas de las plataformas compatibles con Qt

WindowsLinuxUnixMacOSMobile (iOS, Windows Phone, Android)

Ultima version lanzada el 31/05/2017: Qt 5.9.0

Pagina de descarga: https://www.qt.io/download/

https://www.qt.io/download/



Introduccion

Elementos de Qt

Desarrollando enQt


¿Que es Qt?Licencias de desarrollo

Dependiendo del tipo de producto que se desee desarrollar, Qt sepuede usar bajo diferentes licencias de desarrollo.

Existen dos tipos de licencias de desarrollo:

Licencia comercial: Utilizada para desarrollo de aplicaciones decodigo cerradoLicencia GNU Lesser General Public License (LGPL) v3: Licenciautilizada para desarrollo de aplicaciones de codigo abierto.Ojo ¡Que sean de codigo abierto no quiere decir que no sepuedan comercializar!

Qt ademas contiene codigos con licencias especıficas asociadasal autor del mismo. Cuando se desarrollan aplicaciones con finescomerciales, es crıtico revisar las licencias de las bibliotecasutilizadas (esto bajo cualquier contexto de desarrollo)



Introduccion

Elementos de Qt

Desarrollando enQt


¿Que es Qt?Arquitectura

El codigo se construye sobre bibliotecas Qt y sus distintasherramietas de desarrollo

Estas a su vez generan una abstraccion para ejecucionmultiplataforma



Introduccion

Elementos de Qt

Desarrollando enQt


Elementos de QtModulos Qt

Existen dos tipos de modulos en Qt:

Modulos Core-Essential: Son los que dan forma a Qt. Son partedel desarrollo de estas bibliotecas.Ejemplos de modulos core-essential: QtCore, QtGui, QtWidgets,etc.

Modulos add-ons (agregados): Son codigos externos al desarrollode Qt. Depende de las contribuciones de usuarios externosactivos en el proyecto.Ejemplo de modulos add-ons: Qt3D, QtBluetooth, QtSensors,etc.



Introduccion

Elementos de Qt

Desarrollando enQt


Elementos de QtQt Creator

Qt al ser un conjunto de bibliotecas, pueden ser integradas encualquier IDE que lo permita. Incluso, es posible compilarprogramas Qt sin IDE.

Qt Creator es un IDE multiplataforma para desarrollo deprogramas en C++ creado por el equipo de desarrollo de Qt.Esta orientado principalmente a crear aplicaciones graficasfacilmente utilizando las bibliotecas de desarrollo que provee Qt.



Introduccion

Elementos de Qt

Desarrollando enQt


Elementos de QtQt Creator

Qt Creator esta compuesto por:

Editor de texto: Este posee varias funcionalidades, comoautocompletado, revision de sintaxis, identacion automatica, etc.

Qt Designer: Para creacion de interfaces graficas de formasencilla.

Otras funcionalidades (Ej: Debug, conexion con sistemas deversionamiento (GIT, SVN, otros), etc.)



Introduccion

Elementos de Qt

Desarrollando enQt


Elementos de QtQt Creator: Creando un proyecto

Un proyecto Qt esta compuesto por los siguientes elementos:

Headers: Conjunto de archivos con extension .h que contienenlas definiciones de las clases utilizadas en la aplicacion.

Sources: Conjunto de archivos con extension .cpp que contienenlas implementaciones de los metodos de clase y funcionesutilizadas en el proyecto.

Forms: Conjunto de archivos con extension .ui. Son archivos conformato XML que contienen las caracterısticas y disposicion delos distintos elementos graficos de cada pantalla del programa.Estos archivos pueden ser modificados utilizando el Qt Designerde forma grafica o modificando directamente los archivos .ui.

Archivo .pro: Es el archivo que contiene las directivas decompilacion para el comando qmake, comando encargado degenerar makefiles para desarrollos en Qt.



Introduccion

Elementos de Qt

Desarrollando enQt


Desarrollando en QtEjemplo: Hola Mundo!

Programa: HelloWorld



Introduccion

Elementos de Qt

Desarrollando enQt



HelloWorld.pro



Introduccion

Elementos de Qt

Desarrollando enQt



Headers/mainwindow.h



Introduccion

Elementos de Qt

Desarrollando enQt



Sources/main.cpp



Introduccion

Elementos de Qt

Desarrollando enQt



Sources/mainwindow.cpp



Introduccion

Elementos de Qt

Desarrollando enQt



Forms/mainwindow.ui



Introduccion

Elementos de Qt

Desarrollando enQt


Desarrollando en QtSignal y Slots

Permiten la comunicacion entre objetos/clases de tipo QObject.

Una senal (signal) es emitida por una clase cuando unevento/cambio de estado particular ocurre.

Una ranura (slot) es un metodo que es llamado en respuesta auna senal particular.

Una clase puede tener tanto signals como slots.



Introduccion

Elementos de Qt

Desarrollando enQt


Desarrollando en QtSignal y Slots

Signal

Son funciones de acceso publico que no deben serimplementadas y no retornan valores

Senales son emitidas por un objeto cuando su estado cambia

Slot

Son funciones/metodos que pueden ser llamados normalmente.Su unica diferencia es que se pueden conectar con signals.

Un slot es llamado cuando la senal o senales a las que estaconectado son emitidas



Introduccion

Elementos de Qt

Desarrollando enQt


Desarrollando en QtSignals y Slots

Ejemplo de uso de Signal y Slot



Introduccion

Elementos de Qt

Desarrollando enQt


Desarrollando en QtCreando GUI

Qt Widgets

Equivalente a Swing de Java

Permite acceder a los elementos graficos incluidos en lasbibliotecas Qt, tanto layouts como definicion de ventanas, etc.

Algunos elementos graficos que heredan de QWidget:

QLabelQPushButtonQGraphicsLayoutetc



Introduccion

Elementos de Qt

Desarrollando enQt



Clase QPainter

Permite realizar pintados de bajo nivel de elementos graficos,generalmente sobre widgets.

Su uso comun es dentro del metodo paintEvent de un widget.paintEvent le dice a la clase que debe hacer cuando se pinta elwidget.



Introduccion

Elementos de Qt

Desarrollando enQt



Ejemplo clase QPainter: Pintar un rectangulo

Headers/widget.hSources/widget.cpp



Introduccion

Elementos de Qt

Desarrollando enQt



QGraphicsView y QGraphicsScene

QPainter es una clase que permite dibujar a muy bajo nivel, porlo que no permite crear elementos graficos con muchaspropiedades.

Podemos crear elementos graficos con mayor autonomıa alcrearlos sobre una vista.

QGraphicsView es donde se muestran los elementos graficos.

QGraphicsScene es la clase que controla como se desplegaran.

Una QGraphicsView tiene asociada una QGraphicsScene que lacontrola.

A la vista se le pueden agregar distintos elementos graficos(QGraphicsItem) a traves de la QGraphicsScene.

Los QGraphicsItem agregados pueden ser los que provee Qt opersonalizados heredando de QGraphicsItem.



Introduccion

Elementos de Qt

Desarrollando enQt



Ejemplo QGraphicsScene: Pintar un elemento personalizado

Headers/dialog.h

Sources/dialog.cpp



Introduccion

Elementos de Qt

Desarrollando enQt


Desarrollando en QtAnimaciones

Metodo advance

El metodo advance es un metodo slot de la claseQGraphicsScene y esta asociado con la actualizacion de items enla escena.

La actualizacion se hace en dos etapas:

En la primera etapa se notifica a todos los elementos de laescena que esta va a cambiar (phase=0)En la segunda etapa, se notifica a los items de la escena que sepueden mover (phase=1).

El metodo advance, al ser llamado, llama a todos los metodosadvance de cada uno de los elementos QGraphicsItem de laescena



Introduccion

Elementos de Qt

Desarrollando enQt


Desarrollando en QtAnimaciones

Metodo advance



Introduccion

Elementos de Qt

Desarrollando enQt


Interfaces QMLQt Quick

QtQuick es el termino utilizado para una tecnologıa de creacionde interfaces de usuario utilizada en Qt

Es alternativo a QWidget

Se utiliza principalmente en el desarrollo de aplicaciones moviles

Esta compuesto principalmente por

Archivos QML: Archivos de etiquetado tipo JSON paradefinicion de la interfazJavaScript: Para acciones producidas por la interfazQt C++: Codigo detras de la logica del programa



Introduccion

Elementos de Qt

Desarrollando enQt


Referencias I

[1] https://wiki.qt.io/Qt_for_Beginners/

[2] http://qmlbook.github.io

[3] https://www.qt.io/ide/

[4] http://doc.qt.io/qt-5/

[5] Ray Rischpater, Daniel Zucker. Beginning Nokia AppsDevelopment, 2010

[6] J. Ryannel,J. Thelin. Qt5 Cadaques. Release 2015-03

[7] https:

//www.youtube.com/playlist?list=PL2D1942A4688E9D63

(Recomendado)

[8] Marcos Zuniga, Eduardo Garcıa. Presentacion Seminario deProgramacion - Interfaces en QT. Octubre, 2016

https://wiki.qt.io/Qt_for_Beginners/

http://qmlbook.github.io

https://www.qt.io/ide/

http://doc.qt.io/qt-5/

https://www.youtube.com/playlist?list=PL2D1942A4688E9D63

https://www.youtube.com/playlist?list=PL2D1942A4688E9D63

[elo329] desarrollo en qt - inicio · departamento de...

Documents