Vídeos QML

Ancoratges en QML(Codis d'ancoratge)

Introducing Qt Quick Controls in Qt 5.1

Introduction to Qt – Intro to Qt Quick Controls {tutorial}

Introduction to Qt – Intro to QML {tutorial}

Qt for Raspberry pi - Qt 5 Cross Compilation and installation ubuntu

Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend)

• Per afegir QMLDesigner a l'entorn del QtCreator: Aneu al menú Help / About pluggins / Seleccioneu QMLDesigner

nomForm.ui.qml

1/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) 01 qmlLliscant

2/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 02 afegintFormulari (codi qmlLliscant_02.zip)

3/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 03 afegintFormulari2 (codi qmlLliscant_03.zip)

4/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 04 afegintSwipe (codi qmlLliscant_04.zip)

5/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 05 rerefons01 (codi qmlLliscant_05.zip)

6/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 06 rerefons02 (codi qmlLliscant_06.zip)

7/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 07 rerefons03 (codi qmlLliscant_07.zip)

8/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 08 rerefons04 (codi qmlLliscant_08.zip)

9/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 09 rerefons05 (codi qmlLliscant_09.zip)

10/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 10 rerefons06 (codi qmlLliscant_10.zip)

• A Qt6 la barra de progrés no fa servir un valor enter, fa servir un valor relatiu entre 0 i 1. Canvis necessaris (01_qmlLliscant_10_Qt6_qmake) per a que (codi qmlLliscant_10.zip) funcioni amb Qt6:

A main.qml (dividiu n per 100):

       function actualitzaBarraDeProgres(n){
           l01.progressBar.value = n/100;
           l01.text1.text = n; // canvieu element1 per text1 a l'editor QML
       }

A Lliscant00Form.ui.qml i Lliscant01Form.ui.qml esborreu la versió de QtQuick.Controls. A Lliscant01Form.ui.qml, comenteu maximumValue i canvieu el valor inicial value de 50 a 0.5:

import QtQuick 2.4
import QtQuick.Controls

Item {
   id: element
   width: 400
   height: 400
   property alias text1: text1
   property alias progressBar: progressBar

   ProgressBar {
       id: progressBar
       y: 189
       value: .5
       // maximumValue: 100
       anchors.right: parent.right
       anchors.rightMargin: 20
       anchors.left: parent.left
       anchors.leftMargin: 20
   }
...