Programação com OpenGL/QT Quick Game Programing: diferenças entre revisões
| [edição verificada] | [revisão pendente] |
Conteúdo apagado Conteúdo adicionado
m <source> -> <syntaxhighlight> (phab:T237267) |
|||
Linha 81:
um aplicação QML:
<
import QtQuick 1.0
Rectangle {
Linha 98:
}
}
</syntaxhighlight>
Como você pode ver, a sintaxe é bem semelhante a JSON com a maior parte com pares de "propriedade : valor"
Vamos agora conhecer cada parte para compreender o básico.
<
import QtQuick 1.0
</syntaxhighlight>
Nesta linha importaremos os tipo de QML (Rectange, Image, ...) que vem com o Qt
Linha 114:
O numero de versão também deve ser usado depois de importar algum componente modificado.
Faremos mais algumas chamada assim nos capítulos seguintes.
<
Rectangle {
id: panel
Linha 120:
height: 200
color: "#D0D0D0"
</syntaxhighlight>
Isto cria um retangulo com 400 pixel de largura e 200 pixel de altura.
Daremos a este retangulo uma id chamada "panel" to poder referencia-lo em outros lugares.
as cores usadas para preencher o retangulo é em RGB "#D0D0D0" (Cinza claro)
<
Text {
id: helloText
Linha 133:
anchors.centerIn: parent
}
</syntaxhighlight>
Depois vamos criar um novo elemento Text, dentro do no retangulo. que será incializado com um "Olá QML!" em vermelho com fonte
Linha 141:
Para rodar este exemplo, save ele como "hello.qml" e use o qmlviewer
o binário será provido pelo Qt SDK:
<
kaj@T61KG:~/qml_hello$ qmlviewer hello.qml
</syntaxhighlight>
Você verá que o texto em vermelho está no centro de um retangulo cinza claro, semelhante a este:
[[Ficheiro:Olaemqml.png|miniaturadaimagem|Exemplo de uma aplicação QML básica]]
| |||