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

De binefa.com
Salta a la navegació Salta a la cerca
m
 
(Hi ha 16 revisions intermèdies del mateix usuari que no es mostren)
Línia 1: Línia 1:
[https://binefa.cat/training/qml/cadaques_codes/ch04/ancoratgesQml.pdf Ancoratges en QML][https://binefa.cat/training/qml/cadaques_codes/ch04/anchors.zip Codis]
+
[https://www.binefa.cat/training/qml/cadaques_codes/ch04/ancoratgesQml.pdf Ancoratges en QML][https://www.binefa.cat/training/qml/cadaques_codes/ch04/anchors.zip (Codis d'ancoratge)]
 +
 
 +
[https://youtu.be/_6_F6Kpjd-Q Introducing Qt Quick Controls in Qt 5.1]
 +
 
 +
[https://youtu.be/uuhmSZxK1mk Introduction to Qt – Intro to Qt Quick Controls {tutorial}]
 +
 
 +
[https://youtu.be/GkzncJ71mm0 Introduction to Qt – Intro to QML {tutorial}]
 +
 
 +
[https://youtu.be/eCdPfnR8iI0 Qt for Raspberry pi - Qt 5 Cross Compilation and installation ubuntu]
  
 
= 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''
 +
 +
'''nomForm.ui.qml'''
  
 
[https://youtu.be/SBjILiqnvvg 1/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) 01 qmlLliscant]
 
[https://youtu.be/SBjILiqnvvg 1/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) 01 qmlLliscant]
  
[https://youtu.be/qzxjCNzmNSc 2/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 02 afegintFormulari] [https://binefa.cat/training/qml/01_qmlLliscant_02.zip (codi qmlLliscant_02.zip)]
+
[https://youtu.be/qzxjCNzmNSc 2/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 02 afegintFormulari] [https://www.binefa.cat/training/qml/01_qmlLliscant_02.zip (codi qmlLliscant_02.zip)]
 +
 
 +
[https://youtu.be/P3Hexf5h89M 3/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 03 afegintFormulari2] [https://www.binefa.cat/training/qml/01_qmlLliscant_03.zip (codi qmlLliscant_03.zip)]
 +
 
 +
[https://youtu.be/WXpCLpfOm_g 4/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 04 afegintSwipe] [https://www.binefa.cat/training/qml/01_qmlLliscant_04.zip (codi qmlLliscant_04.zip)]
  
[https://youtu.be/P3Hexf5h89M 3/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 03 afegintFormulari2] [https://binefa.cat/training/qml/01_qmlLliscant_03.zip (codi qmlLliscant_03.zip)]
+
[https://youtu.be/2mxZeLH73Rc 5/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 05 rerefons01] [https://www.binefa.cat/training/qml/01_qmlLliscant_05.zip (codi qmlLliscant_05.zip)]
  
[https://youtu.be/WXpCLpfOm_g 4/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 04 afegintSwipe] [https://binefa.cat/training/qml/01_qmlLliscant_04.zip (codi qmlLliscant_04.zip)]
+
[https://youtu.be/Fwe3oYVwYCI 6/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 06 rerefons02] [https://www.binefa.cat/training/qml/01_qmlLliscant_06.zip (codi qmlLliscant_06.zip)]
  
[https://youtu.be/2mxZeLH73Rc 5/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 05 rerefons01] [https://binefa.cat/training/qml/01_qmlLliscant_05.zip (codi qmlLliscant_05.zip)]
+
[https://youtu.be/hXsWH6_fX98 7/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 07 rerefons03] [https://www.binefa.cat/training/qml/01_qmlLliscant_07.zip (codi qmlLliscant_07.zip)]
  
[https://youtu.be/Fwe3oYVwYCI 6/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 06 rerefons02] [https://binefa.cat/training/qml/01_qmlLliscant_06.zip (codi qmlLliscant_06.zip)]
+
[https://youtu.be/9k6He-Q1qEg 8/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 08 rerefons04] [https://www.binefa.cat/training/qml/01_qmlLliscant_08.zip (codi qmlLliscant_08.zip)]
  
[https://youtu.be/hXsWH6_fX98 7/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 07 rerefons03] [https://binefa.cat/training/qml/01_qmlLliscant_07.zip (codi qmlLliscant_07.zip)]
+
[https://youtu.be/Kb-rBvu2l_g 9/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 09 rerefons05] [https://www.binefa.cat/training/qml/01_qmlLliscant_09.zip (codi qmlLliscant_09.zip)]
  
[https://youtu.be/9k6He-Q1qEg 8/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 08 rerefons04] [https://binefa.cat/training/qml/01_qmlLliscant_08.zip (codi qmlLliscant_08.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)]
  
[https://youtu.be/Kb-rBvu2l_g 9/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 09 rerefons05] [https://binefa.cat/training/qml/01_qmlLliscant_09.zip (codi qmlLliscant_09.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.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:
  
[https://youtu.be/6OBeCeYas08 10/10 Connexió entre el frontal QML (frontend) i el rerefons en C++ (backend) - 10 rerefons06] [https://binefa.cat/training/qml/01_qmlLliscant_10.zip (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
 +
    }
 +
...

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