Diferència entre revisions de la pàgina «Introducció al QML. Curs 2023-2024»
m (→Dependències) |
|||
| (Hi ha una revisió intermèdia del mateix usuari que no es mostren) | |||
| Línia 8: | Línia 8: | ||
Execució de codis QML des del terminal: | Execució de codis QML des del terminal: | ||
| − | /home/jordi/Qt/6.2.4/gcc_64/bin/ | + | /home/jordi/Qt/6.2.4/gcc_64/bin/qml showcase.qml |
| Línia 84: | Línia 84: | ||
[https://www.youtube.com/watch?v=9BRJ1qJkjZM Photoshop to QML exporter] | [https://www.youtube.com/watch?v=9BRJ1qJkjZM Photoshop to QML exporter] | ||
| + | == Repositori lliure d'arxius vectorials SVG i icones == | ||
| + | [https://www.svgrepo.com/ SVG repo] 500.000+ Open-licensed SVG Vector and Icons | ||
| + | |||
| + | [https://freesvg.org/ Free SVG vector files] Download and upload SVG images with CC0 public domain license | ||
| + | |||
| + | [https://iconscout.com/ Icon Scout] Over 12.1 Million+ Design Assets. Curated SVGs, Vector Icons, Illustrations, 3D Graphics, and Lottie Animations. Over 10,000+ new assets added every day. Integrated plugins, tools, editors, and more. | ||
= Exercicis = | = Exercicis = | ||
Feu els exercicis de QML presents al [[Recull de pràctiques de 2n de DAM. Curs 2023-2024]] | Feu els exercicis de QML presents al [[Recull de pràctiques de 2n de DAM. Curs 2023-2024]] | ||
Revisió de 22:04, 6 set 2025
QML Book per a Qt6 (QML Book a GitHub)
Comencem provant els codis qmlXX presents al recull de codis del dia 5 de desembre de 2023 usuari: dam / contrasenya: dam2324
Accés al llibre de Qt/QML en línia per a Qt5
Execució de codis QML des del terminal:
/home/jordi/Qt/6.2.4/gcc_64/bin/qml showcase.qml
Contingut
Dependències
KeysExample.qml, present a qt6book-main/docs/ch04-qmlstart/src/input, depèn de DarkSquare.qml i GreenSquare.qml
jordi@iot-clot:/media/emmagatzematge/curs2023-2024/projecteGlobal/20231205/qt6book-main/docs/ch04-qmlstart/src/input$ /home/jordi/Qt/6.2.4/gcc_64/bin/qml KeysExample.qml
Consultem ancoratgesQml.pdf
KDAB
Codis QML dels vídeos de KDAB
qml_02_kdab
Ancoratge
anchors-centerin-parent-keyword.qml:
Bucles de vinculació
Bucles de vinculació (binding loop)
Exemple de bucle de vinculació:
import QtQuick 2.0
Rectangle {
color: "black"
width: child.width
height: child.width
Image {
id: child
source : "../images/vertical-gradient.png"
anchors.fill: parent
anchors.margins: 5
}
}
Una solució per a evitar bucles de vinculació:
import QtQuick 2.0
Rectangle {
color: "black"
implicitWidth: child.implicitWidth
implicitHeight: child.implicitWidth
Image {
id: child
source : "../images/vertical-gradient.png"
anchors.fill: parent
anchors.margins: 5
}
}
Extres sobre QML
Per afegir QMLDesigner a l'entorn del QtCreator: Aneu al menú Help / About pluggins / Seleccioneu QMLDesigner
Per afegir un nou formulari: nomForm.ui.qml
Introduction to Qt / QML - all videos so far by KDAB (Codis QML de la sèrie de vídeos)
Vídeos QML de connexió entre el rerefons en C++ i el frontal en QML.
Repositori lliure d'arxius vectorials SVG i icones
SVG repo 500.000+ Open-licensed SVG Vector and Icons
Free SVG vector files Download and upload SVG images with CC0 public domain license
Icon Scout Over 12.1 Million+ Design Assets. Curated SVGs, Vector Icons, Illustrations, 3D Graphics, and Lottie Animations. Over 10,000+ new assets added every day. Integrated plugins, tools, editors, and more.
Exercicis
Feu els exercicis de QML presents al Recull de pràctiques de 2n de DAM. Curs 2023-2024
