Introducció al QML. Curs 2022-2023 - Historial de revisió

Jordi Binefa: /* Extres sobre QML */

2022-11-21T15:46:36Z

Extres sobre QML

Jordi Binefa: /* Extres sobre QML */

2022-11-21T15:44:02Z

Extres sobre QML

Jordi Binefa a 14:19, 21 nov 2022

2022-11-21T14:19:37Z

Jordi Binefa a 14:18, 21 nov 2022

2022-11-21T14:18:42Z

Jordi Binefa: Es crea la pàgina amb «Comencem provant els codis qmlXX presents al [https://recull.binefa.cat/files/20221114/ recull de codis del dia 14 de novembre de 2022] usuari: ''dam'' / contrasenya:...».

2022-11-14T12:10:28Z

Es crea la pàgina amb «Comencem provant els codis qmlXX presents al [https://recull.binefa.cat/files/20221114/ recull de codis del dia 14 de novembre de 2022] usuari: ''dam'' / contrasenya:...».

Pàgina nova

Comencem provant els codis qmlXX presents al [https://recull.binefa.cat/files/20221114/ recull de codis del dia 14 de novembre de 2022] usuari: ''dam'' / contrasenya: ''dam2223''

[https://zetcode.com/gui/qtquick/ Qt Quick tutorial]

[https://qmlbook.github.io/ Accés al llibre de Qt/QML en línia]

Execució de codis QML des del terminal:
/home/jordi/Qt/6.1.3/gcc_64/bin/qmlscene showcase.qml

== Dependències ==
KeysExample.qml, present a ch04-qmlstart-assets/ch04-qmlstart/src/input, depèn de DarkSquare.qml i GreenSquare.qml

jordi@iot-clot:~/Documents/curs2021-2022/dam/20211115/exQml_02/ch04-qmlstart-assets/ch04-qmlstart/src/input$ /home/jordi/Qt/6.0.1/gcc_64/bin/qmlscene '''KeysExample.qml'''

Consultem [https://recull.binefa.cat/files/20211115/ancoratgesQml.pdf ancoratgesQml.pdf]

== KDAB ==

[https://github.com/KDAB/kdabtv/tree/master/qml-intro Codis QML] dels [https://www.youtube.com/playlist?list=PL6CJYn40gN6hdNC1IGQZfVI707dh9DPRc vídeos de KDAB]

=== qml_02_kdab ===
==== Ancoratge ====
[https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors.qml anchors.qml:]
[[Image:00_anchors.png|center|anchors.qml]]

[https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors2.qml anchors2.qml:]
[[Image:01_anchors2.png|center|anchors2.qml]]

[https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors-centerin-parent-keyword.qml anchors-centerin-parent-keyword.qml:]
[[Image:02_anchors-centerin-parent-keyword.png|center|anchors-centerin-parent-keyword.qml]]

[https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors-expanding.qml anchors-expanding.qml:]
[[Image:03_anchors-expanding.png|center|anchors-expanding.qml]]

[https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors-fill.qml anchors-fill.qml:]
[[Image:04_anchors-expanding.png|center|anchors-fill.qml]]

==== Bucles de vinculació ====
[https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-binding-loop/main.qml 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
}
}

Feu els exercicis de QML presents al [[Recull de pràctiques de 2n de DAM. Curs 2021-2022]]

@@ Línia 74: / Línia 74: @@
 = Extres sobre QML =
 Per afegir '''QMLDesigner''' a l'entorn del QtCreator: Aneu al menú ''Help'' / ''About pluggins'' / Seleccioneu ''QMLDesigner''
 [https://www.youtube.com/playlist?list=PL6CJYn40gN6hdNC1IGQZfVI707dh9DPRc Introduction to Qt / QML - all videos so far] by [https://www.kdab.com/ KDAB] ([https://github.com/KDAB/kdabtv/tree/master/qml-intro Codis QML de la sèrie de vídeos])

← Versió més antiga		Revisió del 15:44, 21 nov 2022
Línia 73:		Línia 73:

	= Extres sobre QML =		= Extres sobre QML =
		+	Per afegir '''QMLDesigner''' a l'entorn del QtCreator: Aneu al menú ''Help'' / ''About pluggins'' / Seleccioneu ''QMLDesigner''
		+
	[https://www.youtube.com/playlist?list=PL6CJYn40gN6hdNC1IGQZfVI707dh9DPRc Introduction to Qt / QML - all videos so far] by [https://www.kdab.com/ KDAB] ([https://github.com/KDAB/kdabtv/tree/master/qml-intro Codis QML de la sèrie de vídeos])		[https://www.youtube.com/playlist?list=PL6CJYn40gN6hdNC1IGQZfVI707dh9DPRc Introduction to Qt / QML - all videos so far] by [https://www.kdab.com/ KDAB] ([https://github.com/KDAB/kdabtv/tree/master/qml-intro Codis QML de la sèrie de vídeos])

@@ Línia 72: / Línia 72: @@
+  }
 [https://www.youtube.com/playlist?list=PL6CJYn40gN6hdNC1IGQZfVI707dh9DPRc Introduction to Qt / QML - all videos so far] by [https://www.kdab.com/ KDAB] ([https://github.com/KDAB/kdabtv/tree/master/qml-intro Codis QML de la sèrie de vídeos])
@@ Línia 78: / Línia 79: @@
 [https://www.youtube.com/watch?v=9BRJ1qJkjZM Photoshop to QML exporter]
 Feu els exercicis de QML presents al [[Recull de pràctiques de 2n de DAM. Curs 2022-2023]]

← Versió més antiga		Revisió del 14:18, 21 nov 2022
Línia 72:		Línia 72:
	}		}

		+	[https://www.youtube.com/playlist?list=PL6CJYn40gN6hdNC1IGQZfVI707dh9DPRc Introduction to Qt / QML - all videos so far] by [https://www.kdab.com/ KDAB] ([https://github.com/KDAB/kdabtv/tree/master/qml-intro Codis QML de la sèrie de vídeos])

		+	[[Vídeos QML]] de connexió entre el rerefons en C++ i el frontal en QML.

−	Feu els exercicis de QML presents al [[Recull de pràctiques de 2n de DAM. Curs ~~2021~~-~~2022~~]]	+	[https://www.youtube.com/watch?v=9BRJ1qJkjZM Photoshop to QML exporter]
		+
		+	Feu els exercicis de QML presents al [[Recull de pràctiques de 2n de DAM. Curs 2022-2023]]