Introdução ao Kirigami

Aprenda a criar a sua primeira aplicação com o Kirigami

Este tutorial conduzi-lo-á pelo processo de criação da sua própria aplicação convergente, usando a plataforma Kirigami. Uma aplicação convergente, neste contexto, significa que as pessoas poderão usar facilmente o programa, independentemente do dispositivo em que está a ser executado. Se for num computador pessoal, adaptar-se-á a um ecrã grande, um rato e um teclado; se estiver a ser usada num telemóvel, irá aceitar a introdução de dados a partir de um ecrã táctil e adaptar-se-á a um ecrã mais pequeno em modo retrato, e assim por diante.

O Kirigami é desenvolvido sobre a linguagem QML e os componentes do Qt Quick Controls 2 que são fornecidos pelo projecto Qt. O QML tem suporte incorporado para sistemas tácteis, o que o torna ideal para aplicações móveis. Os componentes do Qt Quick são itens visuais reutilizáveis que poderemos usar ao criar as interfaces das nossas aplicações. O Kirigami é um conjunto de componentes do Qt Quick desenhado para criar aplicações convergentes.

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.

Setup

Introdução

Estilo

Componentes

Avançado

Manipulating data

Kirigami Addons