https://www.binefa.com/index.php?action=history&feed=atom&title=Introducci%C3%B3_al_QML._Curs_2023-2024 2026-05-04T00:44:18Z Historial de revisió per a aquesta pàgina del wiki MediaWiki 1.33.0 https://www.binefa.com/index.php?title=Introducci%C3%B3_al_QML._Curs_2023-2024&diff=10753&oldid=prev 2025-09-06T22:04:18Z

<p><span dir="auto"><span class="autocomment">Extres sobre QML</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 22:04, 6 set 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l84" >Línia 84:</td> <td colspan="2" class="diff-lineno">Línia 84:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://www.youtube.com/watch?v=9BRJ1qJkjZM Photoshop to QML exporter]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://www.youtube.com/watch?v=9BRJ1qJkjZM Photoshop to QML exporter]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Repositori lliure d'arxius vectorials SVG i icones ==</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[https://www.svgrepo.com/ SVG repo] 500.000+ Open-licensed SVG Vector and Icons</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[https://freesvg.org/ Free SVG vector files] Download and upload SVG images with CC0 public domain license</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[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.</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Exercicis =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Exercicis =</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Feu els exercicis de QML presents al [[Recull de pràctiques de 2n de DAM. Curs 2023-2024]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Feu els exercicis de QML presents al [[Recull de pràctiques de 2n de DAM. Curs 2023-2024]]</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7683:rev-10753 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=Introducci%C3%B3_al_QML._Curs_2023-2024&diff=7683&oldid=prev 2023-12-05T14:58:18Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 14:58, 5 des 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8" >Línia 8:</td> <td colspan="2" class="diff-lineno">Línia 8:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Execució de codis QML des del terminal:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Execució de codis QML des del terminal:</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  /home/jordi/Qt/6.2.4/gcc_64/bin/<del class="diffchange diffchange-inline">qmlscene </del>showcase.qml</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  /home/jordi/Qt/6.2.4/gcc_64/bin/<ins class="diffchange diffchange-inline">qml </ins>showcase.qml</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7674:rev-7683 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=Introducci%C3%B3_al_QML._Curs_2023-2024&diff=7674&oldid=prev 2023-12-04T16:43:01Z

<p><span dir="auto"><span class="autocomment">Dependències</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 16:43, 4 des 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12" >Línia 12:</td> <td colspan="2" class="diff-lineno">Línia 12:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Dependències ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Dependències ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>KeysExample.qml, present a <del class="diffchange diffchange-inline">ch04</del>-<del class="diffchange diffchange-inline">qmlstart-assets</del>/ch04-qmlstart/src/input, depèn de DarkSquare.qml i GreenSquare.qml</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>KeysExample.qml, present a <ins class="diffchange diffchange-inline">qt6book</ins>-<ins class="diffchange diffchange-inline">main/docs</ins>/ch04-qmlstart/src/input, depèn de DarkSquare.qml i GreenSquare.qml</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>jordi@iot-clot:<del class="diffchange diffchange-inline">~</del>/<del class="diffchange diffchange-inline">Documents</del>/<del class="diffchange diffchange-inline">curs2021</del>-<del class="diffchange diffchange-inline">2022</del>/<del class="diffchange diffchange-inline">dam</del>/<del class="diffchange diffchange-inline">20211115</del>/<del class="diffchange diffchange-inline">exQml_02</del>/<del class="diffchange diffchange-inline">ch04-qmlstart-assets</del>/ch04-qmlstart/src/input$ /home/jordi/Qt/6.<del class="diffchange diffchange-inline">0</del>.<del class="diffchange diffchange-inline">1</del>/gcc_64/bin/<del class="diffchange diffchange-inline">qmlscene '''</del>KeysExample.qml'''</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>jordi@iot-clot:/<ins class="diffchange diffchange-inline">media</ins>/<ins class="diffchange diffchange-inline">emmagatzematge/curs2023</ins>-<ins class="diffchange diffchange-inline">2024</ins>/<ins class="diffchange diffchange-inline">projecteGlobal</ins>/<ins class="diffchange diffchange-inline">20231205</ins>/<ins class="diffchange diffchange-inline">qt6book-main</ins>/<ins class="diffchange diffchange-inline">docs</ins>/ch04-qmlstart/src/input$ <ins class="diffchange diffchange-inline">'''</ins>/home/jordi/Qt/6.<ins class="diffchange diffchange-inline">2</ins>.<ins class="diffchange diffchange-inline">4</ins>/gcc_64/bin/<ins class="diffchange diffchange-inline">qml </ins>KeysExample.qml'''</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Consultem [https://recull.binefa.cat/files/<del class="diffchange diffchange-inline">20211115</del>/ancoratgesQml.pdf ancoratgesQml.pdf]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Consultem [https://recull.binefa.cat/files/<ins class="diffchange diffchange-inline">20231205</ins>/ancoratgesQml.pdf ancoratgesQml.pdf]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== KDAB ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== KDAB ==</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7673:rev-7674 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=Introducci%C3%B3_al_QML._Curs_2023-2024&diff=7673&oldid=prev 2023-12-04T16:37:14Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 16:37, 4 des 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línia 1:</td> <td colspan="2" class="diff-lineno">Línia 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://www.qt.io/product/qt6/qml-book QML Book] ([https://github.com/qmlbook/qt6book QML Book a GitHub])</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://www.qt.io/product/qt6/qml-book QML Book <ins class="diffchange diffchange-inline">per a Qt6</ins>] ([https://github.com/qmlbook/qt6book QML Book a GitHub])</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Comencem provant els codis qmlXX presents al [https://recull.binefa.cat/files/20231205/ recull de codis del dia 5 de desembre de 2023] usuari: ''dam'' / contrasenya: ''dam2324''</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Comencem provant els codis qmlXX presents al [https://recull.binefa.cat/files/20231205/ recull de codis del dia 5 de desembre de 2023] usuari: ''dam'' / contrasenya: ''dam2324''</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5" >Línia 5:</td> <td colspan="2" class="diff-lineno">Línia 5:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://zetcode.com/gui/qtquick/ Qt Quick tutorial]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://zetcode.com/gui/qtquick/ Qt Quick tutorial]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://qmlbook.github.io/ Accés al llibre de Qt/QML en línia]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://qmlbook.github.io/ Accés al llibre de Qt/QML en línia <ins class="diffchange diffchange-inline">per a Qt5</ins>]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Execució de codis QML des del terminal:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Execució de codis QML des del terminal:</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7672:rev-7673 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=Introducci%C3%B3_al_QML._Curs_2023-2024&diff=7672&oldid=prev 2023-12-04T16:36:29Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 16:36, 4 des 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línia 1:</td> <td colspan="2" class="diff-lineno">Línia 1:</td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[https://www.qt.io/product/qt6/qml-book QML Book] ([https://github.com/qmlbook/qt6book QML Book a GitHub])</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Comencem provant els codis qmlXX presents al [https://recull.binefa.cat/files/20231205/ recull de codis del dia 5 de desembre de 2023] usuari: ''dam'' / contrasenya: ''dam2324''</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Comencem provant els codis qmlXX presents al [https://recull.binefa.cat/files/20231205/ recull de codis del dia 5 de desembre de 2023] usuari: ''dam'' / contrasenya: ''dam2324''</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7671:rev-7672 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=Introducci%C3%B3_al_QML._Curs_2023-2024&diff=7671&oldid=prev 2023-12-04T16:05:16Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 16:05, 4 des 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6" >Línia 6:</td> <td colspan="2" class="diff-lineno">Línia 6:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Execució de codis QML des del terminal:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Execució de codis QML des del terminal:</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  /home/jordi/Qt/6.<del class="diffchange diffchange-inline">1</del>.<del class="diffchange diffchange-inline">3</del>/gcc_64/bin/qmlscene showcase.qml</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  /home/jordi/Qt/6.<ins class="diffchange diffchange-inline">2</ins>.<ins class="diffchange diffchange-inline">4</ins>/gcc_64/bin/qmlscene showcase.qml</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7670:rev-7671 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=Introducci%C3%B3_al_QML._Curs_2023-2024&diff=7670&oldid=prev 2023-12-04T16:04:33Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ca"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Versió més antiga</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revisió del 16:04, 4 des 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línia 1:</td> <td colspan="2" class="diff-lineno">Línia 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Comencem provant els codis qmlXX presents al [https://recull.binefa.cat/files/<del class="diffchange diffchange-inline">20221114</del>/ recull de codis del dia <del class="diffchange diffchange-inline">14 </del>de <del class="diffchange diffchange-inline">novembre </del>de <del class="diffchange diffchange-inline">2022</del>] usuari: ''dam'' / contrasenya: ''<del class="diffchange diffchange-inline">dam2223</del>''</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Comencem provant els codis qmlXX presents al [https://recull.binefa.cat/files/<ins class="diffchange diffchange-inline">20231205</ins>/ recull de codis del dia <ins class="diffchange diffchange-inline">5 </ins>de <ins class="diffchange diffchange-inline">desembre </ins>de <ins class="diffchange diffchange-inline">2023</ins>] usuari: ''dam'' / contrasenya: ''<ins class="diffchange diffchange-inline">dam2324</ins>''</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://zetcode.com/gui/qtquick/ Qt Quick tutorial]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://zetcode.com/gui/qtquick/ Qt Quick tutorial]</div></td></tr> <!-- diff cache key wiki_binefa_com:diff::1.12:old-7669:rev-7670 --> </table>

Jordi Binefa https://www.binefa.com/index.php?title=Introducci%C3%B3_al_QML._Curs_2023-2024&diff=7669&oldid=prev 2023-12-04T15:49:12Z

<p>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: &#039;&#039;dam&#039;&#039; / contrasenya:...».</p> <p><b>Pàgina nova</b></p><div>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''<br /> <br /> [https://zetcode.com/gui/qtquick/ Qt Quick tutorial]<br /> <br /> [https://qmlbook.github.io/ Accés al llibre de Qt/QML en línia]<br /> <br /> Execució de codis QML des del terminal:<br /> /home/jordi/Qt/6.1.3/gcc_64/bin/qmlscene showcase.qml<br /> <br /> <br /> == Dependències ==<br /> KeysExample.qml, present a ch04-qmlstart-assets/ch04-qmlstart/src/input, depèn de DarkSquare.qml i GreenSquare.qml<br /> <br /> 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'''<br /> <br /> Consultem [https://recull.binefa.cat/files/20211115/ancoratgesQml.pdf ancoratgesQml.pdf]<br /> <br /> == KDAB ==<br /> <br /> [https://github.com/KDAB/kdabtv/tree/master/qml-intro Codis QML] dels [https://www.youtube.com/playlist?list=PL6CJYn40gN6hdNC1IGQZfVI707dh9DPRc vídeos de KDAB]<br /> <br /> === qml_02_kdab ===<br /> ==== Ancoratge ====<br /> [https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors.qml anchors.qml:]<br /> [[Image:00_anchors.png|center|anchors.qml]]<br /> <br /> [https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors2.qml anchors2.qml:]<br /> [[Image:01_anchors2.png|center|anchors2.qml]]<br /> <br /> [https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors-centerin-parent-keyword.qml anchors-centerin-parent-keyword.qml:]<br /> [[Image:02_anchors-centerin-parent-keyword.png|center|anchors-centerin-parent-keyword.qml]]<br /> <br /> [https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors-expanding.qml anchors-expanding.qml:]<br /> [[Image:03_anchors-expanding.png|center|anchors-expanding.qml]]<br /> <br /> [https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-anchor-layout/anchors-fill.qml anchors-fill.qml:]<br /> [[Image:04_anchors-expanding.png|center|anchors-fill.qml]]<br /> <br /> ==== Bucles de vinculació ====<br /> [https://github.com/KDAB/kdabtv/blob/master/qml-intro/ex-binding-loop/main.qml Bucles de vinculació (''binding loop'')]<br /> <br /> Exemple de bucle de vinculació:<br /> import QtQuick 2.0<br /> <br /> Rectangle {<br /> color: &quot;black&quot;<br /> '''width: child.width'''<br /> '''height: child.width'''<br /> <br /> Image {<br /> '''id: child'''<br /> source : &quot;../images/vertical-gradient.png&quot;<br /> '''anchors.fill: parent'''<br /> anchors.margins: 5<br /> }<br /> }<br /> <br /> Una solució per a evitar bucles de vinculació:<br /> import QtQuick 2.0<br /> <br /> Rectangle {<br /> color: &quot;black&quot;<br /> '''implicitWidth: child.implicitWidth'''<br /> '''implicitHeight: child.implicitWidth'''<br /> <br /> Image {<br /> '''id: child'''<br /> source : &quot;../images/vertical-gradient.png&quot;<br /> '''anchors.fill: parent'''<br /> anchors.margins: 5<br /> }<br /> }<br /> <br /> = Extres sobre QML =<br /> Per afegir '''QMLDesigner''' a l'entorn del QtCreator: Aneu al menú ''Help'' / ''About pluggins'' / Seleccioneu ''QMLDesigner''<br /> <br /> Per afegir un nou formulari: '''nomForm.ui.qml'''<br /> <br /> [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])<br /> <br /> [[Vídeos QML]] de connexió entre el rerefons en C++ i el frontal en QML.<br /> <br /> [https://www.youtube.com/watch?v=9BRJ1qJkjZM Photoshop to QML exporter]<br /> <br /> = Exercicis =<br /> Feu els exercicis de QML presents al [[Recull de pràctiques de 2n de DAM. Curs 2023-2024]]</div>

Jordi Binefa