Primi passi con Kirigami

Questa esercitazione ti guiderà nel processo di creazione di una semplice applicazione usando il framework Kirigami. Una semplice applicazione in questo contesto significa che le persone possono usare il programma in maniera semplice, indipendentemente dal dispositivo su cui è in esecuzione. Se è un computer desktop si adatterà ad un grande schermo, oltre al mouse e alla tastiera; se viene utilizzata su un dispositivo mobile, accetterà input da uno schermo tattile e si adatterà ad uno schermo piccolo. E così via.

Kirigami ha come base il linguaggio QML e i componenti Qt Quick Controls 2 forniti dal progetto Qt. QML ha un supporto integrato per i sistemi a tocco, che lo rende la scelta ideale per le applicazioni per smartphone. I componenti Qt Quick sono elementi visuali riutilizzabili che possiamo usare nella costruzione dell'interfaccia delle nostre applicazioni. Kirigami è un insieme di componenti Qt Quick progettato per creare applicazioni semplici.

While you will use QML to create the visual part of your application, the business logic—the code that does the heavy lifting for your application's functionality—should be written in a different language. We will also explore how to integrate our business logic with our UI in the tutorials below.

First, you will need to set up a new project in a language of your choice. The introduction will show you how to make a small, but functional Kirigami application.

You will be shown the basics of how to deal with colors and text in your application, and you will get acquainted with most QML components. Next, you will get acquainted with most of the QML components you might want to use and how they look like. This section won't touch any business logic at all, only QML code.

You will get a deep dive into more advanced topics that concern manipulating the data that will be shown in your program.

Lastly, you will be presented with Kirigami Addons, a series of quality-of-life components that you can use to, among other things, design the Settings of your application.