SlideShare una empresa de Scribd logo
Sebastian Kügler <sebas@kde.org>, FrOSCon 2006
Qt Quick
Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos
QtQuick
Interfaces con animaciones fluidas en Qt5
Albert Astals Cid
Sebastian Kügler <sebas@kde.org>, FrOSCon 2006
Qt Quick
Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos
Un poco de historia
 El desarrollo de Qt comienza en 1990
 Prototipo de Qt en 1993
 Qt 1.0 en 1996
 KDE 1.0 en 1998
 Qt añade soporte para MacOs en 2001
 Apple introduce el iPhone en 2007
 Nokia compra Trolltech en 2008
 Qt 4.6 con soporte para Symbian en 2009
Sebastian Kügler <sebas@kde.org>, FrOSCon 2006
Qt Quick
Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos
¿Qué es QML? ¿Qt Quick?
Qt Quick is a collection of technologies that are designed to help developers create
the kind of intuitive, modern-looking, fluid user interfaces that are increasingly
used on mobile phones, media players, set-top boxes and other portable devices.
¿Quien ha dejado a los de marketing escribir eso?
QML es un lenguaje declarativo diseñado para describir la interfaz de usuario de un
programa: tanto gráfica como funcionalmente, aunque puede ser usado para otras
cosas
Qt Quick es un conjunto de librerias y items QML y algunas herramientas en su
entorno.
Cascades es un conjunto de librerias y items QML específico de BB10.
Sebastian Kügler <sebas@kde.org>, FrOSCon 2006
Qt Quick
Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos
¿Declarativo? ¿Qué es eso?
 Defines que quieres y no que hacer
 Vale eso es muy bonito...
 Los objetos tienen propiedades
 A las propiedades se les pueden asignar bindings
property bool happy: true
color: happy ? "blue" : "black"
onColorChanged: {
// javascript code
}
signal foo()
onFoo: { // javascript code }
Sebastian Kügler <sebas@kde.org>, FrOSCon 2006
Qt Quick
Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos
¿De qué elementos dispongo?
 Tipos básicos
 Rectángulo
 Imagen
 Texto
 Entrada de Texto
 Animaciones
 Gestión de ratón
 Gestión de teclado
 Listas
 Modelos
 Layouts
 Máquina de estados
 Loader (carga dinamica)
 Controls
Sebastian Kügler <sebas@kde.org>, FrOSCon 2006
Qt Quick
Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos
Ventajas
 Separación [más] clara entre la interfaz y el modelo (normalmente C++)
 Amigable a diseñadores
 CSS/Javascript
●Bonitooooo (si se hace bien :)
Problemas
 Una nueva forma de pensar
 «Nuevo» - Con bugs :-(
 Gestión del foco vía teclado algo compleja
Sebastian Kügler <sebas@kde.org>, FrOSCon 2006
Qt Quick
Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos
Ejemplos!
Sebastian Kügler <sebas@kde.org>, FrOSCon 2006
Qt Quick
Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos
¿Preguntas?

Más contenido relacionado

PDF
KDE y Qt 5
PDF
Novedades de C++11
PDF
Clazy, mejorando tu código en tiempo de compilación
PDF
valgrind y ASAN Dos formas de instrumentar código en busca de errores
PDF
El artista antes conocido como KDE 5 - Akademy-es 2014
PDF
Testing
PDF
Introducción a Qt
PDF
Antiresumen
KDE y Qt 5
Novedades de C++11
Clazy, mejorando tu código en tiempo de compilación
valgrind y ASAN Dos formas de instrumentar código en busca de errores
El artista antes conocido como KDE 5 - Akademy-es 2014
Testing
Introducción a Qt
Antiresumen

Similar a Qtquick, interfaces con animaciones fluídas en Qt5 (20)

ODP
Akademy es2010 qt_quick
ODP
Introducción a la Arquitectura y Desarrollo en KDE4
PDF
Okular
PDF
Tutorial autocad2015
PDF
TUTORIAL DE AUTOCAD 2015
DOCX
Universida autonoma de santo domingo
PPTX
PPTX
Autodesk auto cad luis
PPTX
Auto ca derickcevallos 1fmb
PPTX
.Net Conf Sevilla 2018
PDF
Instalación de AutoCAD
PDF
Separata modulo i auto cad civil 3d - 2016 - v-1.02
PDF
Manual de civil 3 d 2016
PDF
SQLSaturday 368 Costa Rica 2015 Cubes Development
PDF
BQ: Construyendo nuevas herramientas para emprender, por Adán Muñoz, cofundad...
PDF
Aula Virtual utilizando utilizando Conference XP de Microsoft
PDF
CROL - Proyecto CoDiCe TIC Robótica Arduino.pdf
PPT
Cesar Brod - Presentación en Tecnologías Integradas de AESOFT
PPTX
Akademy es2010 qt_quick
Introducción a la Arquitectura y Desarrollo en KDE4
Okular
Tutorial autocad2015
TUTORIAL DE AUTOCAD 2015
Universida autonoma de santo domingo
Autodesk auto cad luis
Auto ca derickcevallos 1fmb
.Net Conf Sevilla 2018
Instalación de AutoCAD
Separata modulo i auto cad civil 3d - 2016 - v-1.02
Manual de civil 3 d 2016
SQLSaturday 368 Costa Rica 2015 Cubes Development
BQ: Construyendo nuevas herramientas para emprender, por Adán Muñoz, cofundad...
Aula Virtual utilizando utilizando Conference XP de Microsoft
CROL - Proyecto CoDiCe TIC Robótica Arduino.pdf
Cesar Brod - Presentación en Tecnologías Integradas de AESOFT
Publicidad

Más de kdeespana (20)

PDF
Desarrollando software libre sin ser informático akademy es 2017
PDF
Slimbook - Welcome to Freedom - Akademy-es 2017
PDF
KDE España: Qué es y para que sirve
ODP
Descubre plasma 5, el escritorio de la Comunidad KDE
ODP
La potencia del Terminal
ODP
10 formas de colaborar akademy es 2016
PDF
Kool Desktop Environment
PDF
openQA y Open Build System
PDF
Plasma Next
PDF
KDE Frameworks, cuando Qt se nos queda corto
PDF
Qt5 en distintas plataformas
PDF
Next gen Desktop Apps
PDF
KDE España: Qué es y para qué sirve
PDF
KDE connect - Akademy-es 2014 por Albert Vaca
PDF
Next gen-apps
PDF
Kde experience - Akademy-es 2014
PDF
Baloo - Akademy-es 2014
ODP
Es el momento de KDE - Akademy-es 2014
PDF
ASAN Un debugger de memoria en tu compilador - Akademy-es 2014
PDF
Mi momento kde Akademy-es 2014
Desarrollando software libre sin ser informático akademy es 2017
Slimbook - Welcome to Freedom - Akademy-es 2017
KDE España: Qué es y para que sirve
Descubre plasma 5, el escritorio de la Comunidad KDE
La potencia del Terminal
10 formas de colaborar akademy es 2016
Kool Desktop Environment
openQA y Open Build System
Plasma Next
KDE Frameworks, cuando Qt se nos queda corto
Qt5 en distintas plataformas
Next gen Desktop Apps
KDE España: Qué es y para qué sirve
KDE connect - Akademy-es 2014 por Albert Vaca
Next gen-apps
Kde experience - Akademy-es 2014
Baloo - Akademy-es 2014
Es el momento de KDE - Akademy-es 2014
ASAN Un debugger de memoria en tu compilador - Akademy-es 2014
Mi momento kde Akademy-es 2014
Publicidad

Último (6)

PDF
Su punto de partida en la IA: Microsoft 365 Copilot Chat
PPTX
Conceptos basicos de Base de Datos y sus propiedades
PPTX
Derechos_de_Autor_y_Creative_Commons.pptx
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
PPTX
sistemas de informacion.................
DOCX
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
Su punto de partida en la IA: Microsoft 365 Copilot Chat
Conceptos basicos de Base de Datos y sus propiedades
Derechos_de_Autor_y_Creative_Commons.pptx
AutoCAD Herramientas para el futuro, Juan Fandiño
sistemas de informacion.................
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd

Qtquick, interfaces con animaciones fluídas en Qt5

  • 1. Sebastian Kügler <sebas@kde.org>, FrOSCon 2006 Qt Quick Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos QtQuick Interfaces con animaciones fluidas en Qt5 Albert Astals Cid
  • 2. Sebastian Kügler <sebas@kde.org>, FrOSCon 2006 Qt Quick Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos Un poco de historia  El desarrollo de Qt comienza en 1990  Prototipo de Qt en 1993  Qt 1.0 en 1996  KDE 1.0 en 1998  Qt añade soporte para MacOs en 2001  Apple introduce el iPhone en 2007  Nokia compra Trolltech en 2008  Qt 4.6 con soporte para Symbian en 2009
  • 3. Sebastian Kügler <sebas@kde.org>, FrOSCon 2006 Qt Quick Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos ¿Qué es QML? ¿Qt Quick? Qt Quick is a collection of technologies that are designed to help developers create the kind of intuitive, modern-looking, fluid user interfaces that are increasingly used on mobile phones, media players, set-top boxes and other portable devices. ¿Quien ha dejado a los de marketing escribir eso? QML es un lenguaje declarativo diseñado para describir la interfaz de usuario de un programa: tanto gráfica como funcionalmente, aunque puede ser usado para otras cosas Qt Quick es un conjunto de librerias y items QML y algunas herramientas en su entorno. Cascades es un conjunto de librerias y items QML específico de BB10.
  • 4. Sebastian Kügler <sebas@kde.org>, FrOSCon 2006 Qt Quick Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos ¿Declarativo? ¿Qué es eso?  Defines que quieres y no que hacer  Vale eso es muy bonito...  Los objetos tienen propiedades  A las propiedades se les pueden asignar bindings property bool happy: true color: happy ? "blue" : "black" onColorChanged: { // javascript code } signal foo() onFoo: { // javascript code }
  • 5. Sebastian Kügler <sebas@kde.org>, FrOSCon 2006 Qt Quick Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos ¿De qué elementos dispongo?  Tipos básicos  Rectángulo  Imagen  Texto  Entrada de Texto  Animaciones  Gestión de ratón  Gestión de teclado  Listas  Modelos  Layouts  Máquina de estados  Loader (carga dinamica)  Controls
  • 6. Sebastian Kügler <sebas@kde.org>, FrOSCon 2006 Qt Quick Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos Ventajas  Separación [más] clara entre la interfaz y el modelo (normalmente C++)  Amigable a diseñadores  CSS/Javascript ●Bonitooooo (si se hace bien :) Problemas  Una nueva forma de pensar  «Nuevo» - Con bugs :-(  Gestión del foco vía teclado algo compleja
  • 7. Sebastian Kügler <sebas@kde.org>, FrOSCon 2006 Qt Quick Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos Ejemplos!
  • 8. Sebastian Kügler <sebas@kde.org>, FrOSCon 2006 Qt Quick Akademy-es 2016 – Madrid - Albert Astals Cid <aacid@kde.org> - @tsdgeos ¿Preguntas?