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

De binefa.com
Salta a la navegació Salta a la cerca
 
(Hi ha 5 revisions intermèdies del mateix usuari que no es mostren)
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 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.zip 01_qmlLliscant_10_Qt6_qmake.zip]) 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):
Línia 41: Línia 41:
 
             l01.text1.text = n; // canvieu element1 per text1 a l'editor QML
 
             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''', comenteu '''maximumValue''' i canvieu el valor inicial '''value''' de 50 a 0.5:
+
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 2.4
 
  import '''QtQuick.Controls'''
 
  import '''QtQuick.Controls'''

Revisió de 18:50, 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
   }
...