Autore: Fabio Di Matteo
Ultima revisione: 8/10/2013

In questo banale helloworld vedremo come mostrare due regioni di finestra con del testo e associare a ciascuna di essa un evento del mouse (il click). In pratica verra mostrato una finestra con 2 testi, cliccando sul primo verra' invocata una funzione che scrive qualcosa in console, cliccando sull'altra invece verra' chiusa l'applicazione.

qmlhello.qml

import QtQuick 2.0
 
Rectangle {
     id: page
     width: 800; height: 200
     color: "orange"
 
     Text {
         id: helloText
         text: "clicca qui per scrivere qualcosa sulla console!"
         y: 30
         anchors.horizontalCenter: page.horizontalCenter
         font.pointSize: 14; font.bold: true
 
         MouseArea {
			 id: mousearea
			 anchors.fill: parent
			 onClicked: myFuncClick()
		 }
 
     }
 
     Text {
         id: exitText
         text: "Exit"
         y: 80
          anchors.horizontalCenter: page.horizontalCenter
         font.pointSize: 14; font.bold: true
 
         MouseArea {
			 id: mousearea2
			 anchors.fill: parent
			 onClicked: Qt.quit()
		 }
 
     }
 
     function myFuncClick()
     {
		console.log("hai cliccato, bravo!")
     }
 
 }

Per avviare l'applicazione tramite il visualizzatore di qt (qmlscene) digitare in un terminale:

qmlscene qmlhello.qml 

• Using QML Bindings in C++ Applications
• …