Lire et écrire un fichier QML via Javascript

Bonjour,

Petite information pour les développeur en herbe sur QtQuick comme moi.
Vous avez du voir dans les exemple de QtQuick (plus particulièrement la demo Calculator) que via un fichier source écrit en Javascript, vous pouvez lire et même écrire des données sur votre IHM en qml.

Comment faire:
Tout d'abord créer simplement votre IHM en qml puis un fichier Javascript (le nom des 2 fichiers peuvent être différents)
A votre fichier qml, ajouter en début de fichier la ligne faisant la liaison entre votre IHM et votre code source; par exemple

Code:

---

import "Script.js" as MyScript

---

maintenant dans Qt vous devriez avoir avec l'autocomplétion, la possibilité de voir et écrire sur vos élément, pour peu qu'il possède un id

un petit exemple de ce que vous pouvez écrire dans votre fichier source

Code:

---

1 2 3 4

function changeBackgroundColor(color) { background.color = color }

---

ici background est l'id de mon Rectangle ci-dessous

Code:

---

1 2 3 4

Rectangle{ id: background color: "#aa0000" }

---

Toujours a chercher de meilleur solutions pour apprendre a mieux coder sous QTQuick, dès que j'aurais plus d'info, je m'attaquerai a un petit article si j'en ai le temps :ccool:

ton code est incomplet.

Citation:

---

Envoyé par Monkey56

[...]

---

Avec QML, une fonction JavaScript n'est pas l'unique méthode de changer une propriété d'un élément. L'idéal pour avoir un code simple et aisé à maintenir est de lier dynamiquement les propriétés entre elles de façon à ce qu'elles soient actualisées "toutes seules" dans le cas où l'une des propriétés liées recevrait un signal NOTIFY. Par exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

Rectangle { color: mouseArea.pressed ? "red" : "green" // ...   MouseArea { id: mouseArea anchors.fill: parent } }

---

Lors d'une pression de la souris sur la MouseArea, la propriété "pressed" de cette dernière va passer de false à true, engendrant un appel du signal NOTIFY de la propriété. Ainsi, toutes les propriétés liées à celle-ci (dans le cas présent, la propriété "color" du Rectangle) vont être également actualisées.