Diferència entre revisions de la pàgina «Vídeos QML»

De binefa.com
Salta a la navegació Salta a la cerca
Línia 10: Línia 10:
  
 
= Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) =
 
= 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''
+
* Per afegir '''QMLDesigner''' a l'entorn del QtCreator: Aneu al menú ''Help'' / ''About pluggins'' / Seleccioneu ''QMLDesigner''
  
 
'''nomForm.ui.qml'''
 
'''nomForm.ui.qml'''
Línia 34: Línia 34:
 
[https://youtu.be/6OBeCeYas08 10/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 10 rerefons06] [https://www.binefa.cat/training/qml/01_qmlLliscant_10.zip (codi qmlLliscant_10.zip)]
 
[https://youtu.be/6OBeCeYas08 10/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 10 rerefons06] [https://www.binefa.cat/training/qml/01_qmlLliscant_10.zip (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 ([https://www.binefa.cat/training/qml/01_qmlLliscant_10_Qt6_qmake 01_qmlLliscant_10_Qt6_qmake]) per a que [https://www.binefa.cat/training/qml/01_qmlLliscant_10.zip (codi qmlLliscant_10.zip)] funcioni amb Qt6:
+
* A Qt6 la barra de progrés no fa servir un valor enter, fa servir un valor relatiu entre 0 i 1. Canvis necessaris ([https://www.binefa.cat/training/qml/01_qmlLliscant_10_Qt6_qmake 01_qmlLliscant_10_Qt6_qmake]) per a que [https://www.binefa.cat/training/qml/01_qmlLliscant_10.zip (codi qmlLliscant_10.zip)] funcioni amb Qt6:
  
 
A '''main.qml''' (dividiu n per 100):
 
A '''main.qml''' (dividiu n per 100):

Revisió del 12:51, 14 des 2023

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 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
   }
...