Trabalhando com Aplicações Qt - Tutorial do NetBeans IDE

Este tutorial vai orientá-lo durante a criação de um projeto de aplicação Qt simples no NetBeans IDE. A origem Qt Toolkit é uma plataforma cruzada do framework de desenvolvimento de aplicação.

Conteúdo

O conteúdo desta página se aplica ao NetBeans IDE 6.8, 6.9, 7.3 e 7.4

Requisitos

Para seguir este tutorial, você precisa do software a seguir.

Software Versão Necessária
NetBeans IDE (incluindo o suporte ao C/C++) versão 7.3 ou 7.4 do NetBeans com o plug-in C/C++
Java Development Kit (JDK) Versão 7
Compiladores C/C++ GNU (GCC) Versões suportadas pelo NetBeans IDE.
No Windows, o MinGW é obrigatório.
Bibliotecas Qt Versão 4.8
Observe que Qt 5 não trabalha com este tutorial

Consulte as Instruções de Instalação do NetBeans IDE para obter informações sobre o download e a instalação do software NetBeans requerido.

Introdução

O NetBeans IDE suporta a criação, construção, execução e depuração de projetos Qt sem deixar o IDE. As ferramentas Qt como qmake, moc e uic são iniciadas automaticamente conforme o necessário. Não é necessário conhecê-las nem saber nada sobre elas. Este artigo mostra como configurar o NetBeans IDE para usar o Qt 4.8 e criar uma aplicação Qt simples.

Instalando o Software Qt para Uso no NetBeans IDE

Você deve instalar o software Qt e configurar o NetBeans para usá-lo antes de criar aplicações do Qt no IDE.

Importante: é necessário usar o Qt 4.8 para seguir este tutorial.

Se quiser usar Qt 5, consulte este artigo:
Como Configurar o Qt 5 de 64 Bits com o NetBeans 7.4 no Windows

Consulte as instruções para configurar o Qt para sua plataforma:

Configurando o Qt 4.8 para NetBeans IDE no Windows

Estas instruções descrevem o software que foi instalado no Windows para criar este tutorial.

Faça Download do Software Necessário para Windows

  1. Instale o NetBeans IDE e o módulo de plug-in C/C++, como explicado em Configurando o NetBeans IDE para C/C++/Fortran. Não instale compiladores ainda.
  2. Saia do NetBeans IDE.
  3. Efetue download do instalador do MinGW em http://sourceforge.net/projects/mingw.
  4. Execute o instalador do MinGW, que deve ter um nome de arquivo semelhante a mingw-get-inst-20120426.exe.
  5. No instalador do MinGW, selecione os seguintes componentes para instalação:
    • C
    • C++
    • Sistema Básico MSYS
    • Kit de Ferramentas para Desenvolvedor do MinGW
    O instalador leva alguns momentos para fazer download e extrair os pacotes de software. Por padrão, o MinGW é instalado no C:\MinGW.
  6. Faça download do software Qt de http://qt-project.org/downloads e instale-o.
    • Bibliotecas de Qt 4.8.5 para Windows (minGW 4.4 317 MB)
    • Criador do Qt 2.8.1 para Windows (51 MB)

Edite o Caminho para o Windows

É necessário editar a variável de ambiente PATH no Windows para adicionar os caminhos aos binários para Qt, MinGW e MSYS. Se você tiver instalado com o default, os caminhos são:

  • C:\Qt\4.8.5\bin
  • C:\MinGW\bin
  • C:\MinGW\MSYS\1.0\bin

Para adicionar os caminhos à sua variável de caminho do ambiente:

  1. Abra a janela Variáveis de Ambiente:
    • No Windows XP e Windows 2000: clique com o botão direito do mouse em Meu Computador > Propriedades > guia Avançadas > botão Variáveis do Ambiente.
    • No Windows Vista e Windows 7: clique com o botão direito do mouse em Meu Computador > Propriedades > link Configurações Avançadas do Sistema > botão Variáveis do Ambiente.
  2. Na janela Variáveis do Ambiente, selecione a variável Path na seção Variáveis do Sistema e clique em Editar.
  3. No final do caminho, insira um ponto-e-vírgula e adicione os caminhos até os executáveis para Qt, MinGW e MSYS. Use pontos-e-vírgulas entre os caminhos e não use nenhum espaço. Tenha cuidado para não remover nada do PATH ou seu computador pode não funcionar corretamente.

    Quando terminar, o caminho deve ser semelhante ao seguinte:

    %SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;
    %SYSTEMROOT%\System32\WindowsPowerShell\v1.0;C:\MinGW\bin;C:\MinGW\MSYS\1.0\bin;C:\Qt\4.8.5\bin
  4. Clique em OK na janela Variáveis do Ambiente.

Criar um Conjunto de Ferramentas para MinGW e Qt

Você deve criar um novo conjunto de ferramentas que use compiladores MinGW, os comandos de MSYS e comandos do Qt.

Para criar um novo conjunto de ferramentas:

  1. Inicie o NetBeans IDE e abra a janela Serviços escolhendo Janela > Serviços.
  2. Expanda o nó Hosts da Compilação C/C++, clique com o botão direito do mouse no nó Conjunto de Ferramentas e selecione Adicionar Novo Grupo de Ferramentas.

    Tela da opção Adicionar Novo Conjunto de Ferramentas
  3. Especifique o diretório de instalação bin MinGW como o diretório de base de conjunto de ferramentas (por exemplo, C:\mingw\bin).
    A Família do Conjunto de Ferramentas e o Nome do Conjunto de Ferramentas deverão ser preenchidos automaticamente em um MinGW.
  4. Altere o Nome do Conjunto de Ferramentas para MinGW_Qt e clique em OK.
  5. Clique com o botão direito do mouse no novo conjunto de ferramentas MinGW_Qt, no nó Conjunto de Ferramentas, na janela Serviços, e selecione Propriedades.
    Os caminhos para as ferramentas devem ser semelhantes à imagem a seguir.
    Tela mostrando caminhos de ferramenta o MinGW.
  6. Verifique os comandos para o Comando Make e o Comando QMake e corrija-os, se necessário.
    O comando Make deve ser C:\MinGW\MSYS\1.0\bin\make.exe e o comando QMake deve ser C:\Qt\4.8.5\bin\qmake.exe.
  7. Clique no botão Default enquanto MinGW_Qt é selecionado para torná-lo o conjunto de ferramentas default.
  8. Prosseguir para Criando uma Aplicação Qt Simples neste artigo.

Configurando Qt para NetBeans IDE em Plataformas Linux ou Mac OS X

  1. Faça download das bibliotecas de Qt para sua plataforma Linux ou Mac OS X em http://qt-project.org/downloads ou obtenha-as no repositório do pacote Linux.
  2. Se os compiladores ainda não estiverem presentes no seu sistema, instale-os como explicado em Configurando o NetBeans IDE para C/C++/Fortran.
  3. Adicione os caminhos para os compiladores e ferramentas de Qt para sua variável de caminho PATH
  4. Em uma janela de terminal, digite qmake -v e gcc --version para verificar se os comandos estão no seu caminho.
  5. Quando as ferramentas estiverem disponíveis na linha de comando, inicie o NetBeans IDE e verifique as propriedades dos Conjuntos de Ferramentas para conferir se os caminhos para compiladores, comando make e comando qmake estão corretos.
  6. Prosseguir para Criando uma Aplicação Qt Simples neste artigo.

Configurando o Qt para NetBeans IDE nas Plataformas Oracle Solaris

Binários para Qt não estão disponíveis para plataformas Oracle Solaris. No entanto, é possível criar o Qt da compilação da origem e usá-la com o NetBeans IDE.

  1. Instale seus compiladores como explicado em Configurando o NetBeans IDE para C/C++/Fortran.
  2. Faça download da fonte do Qt em ftp://ftp.qt-project.org/qt/source/
  3. Consulte a documentação do Qt Instalando Qt para Plataformas X11 para obter instruções de compilação.
  4. Depois de compilar com sucesso os binários de Qt, edite sua variável de ambiente PATH para adicionar o caminho aos binários de Qt.
  5. Em uma janela de terminal, digite qmake -v e gcc --version para verificar se os comandos estão no seu caminho.
  6. Quando os compiladores GNU e as ferramentas Qt estiverem disponíveis na linha de comando, inicie o NetBeans IDE.
  7. Verifique as propriedades dos Conjuntos de Ferramentas para conferir se os caminhos para os compiladores e comando qmake estão corretos.
  8. Prosseguir para Criando uma Aplicação Qt Simples neste artigo.

Criando uma Aplicação Qt Simples

Neste tutorial, você criará uma aplicação Qt simples "Hello World", similar à amostra Hello Qt World, que pode ser encontrado em Amostras->C/C++->Hello Qt World.

Estas instruções foram escritas para plataformas Windows. Usuários de plataformas Mac, Linux e Solaris podem executar as mesmas etapas usando um conjunto de ferramentas GNU em que o caminho para qmake seja especificado corretamente.

  1. Primeiro, crie um novo projeto. Selecione Aplicação Qt C/C++ na caixa de diálogo Novo Projeto e clique em Próximo.
    Nova caixa de diálogo do projeto
  2. Na caixa de diálogo, altere o nome e a localização do projeto se for necessário.

    Marque Criar Arquivo Principal e selecione o conjunto de ferramentas MinGW_qt. Em seguida, clique em Finalizar

    Caixa de diálogo do projeto Nova Qt

    A aparência do novo projeto deve ser semelhante a esta:

    Projeto Qt e arquivo main.cpp
  3. Clique com o botão direito do mouse no nó do projeto e selecione Propriedades para abrir a caixa de diálogo Propriedades do Projeto. Clique na categoria Qt. Usuários avançados podem ajustar muitos elementos nas propriedades de projeto do Qt, mas, para este tutorial, deixe tudo como está.
    Caixa de diálogo propriedades do projeto Qt
  4. Clique na categoria Executar e defina a propriedade Tipo de Console para o Terminal Externo e clique em OK.
  5. Em seguida, você pode criar um form. Clique com o botão direito do mouse em Arquivos de Recurso e selecione Novo->Form Qt.
    Adicionando arquivos de recurso para o projeto Qt
  6. Na caixa de diálogo Form Qt, digite HelloForm em Nome do form e selecione Caixa de diálogo sem Botões em Tipo de Form. Marque Criar Classe de Encapsulador C++ e clique em Finalizar.
    form novo Qt

    São criados três arquivos (HelloForm.ui, HelloForm.cpp, HelloForm.h) e o IDE abre automaticamente o Qt Designer para que você edite o novo form (HelloForm.ui).

    Qt Designer abre automaticamente
  7. Use seus conhecimentos sobre GUI para criar um form semelhante ao exibido abaixo. Adicione ao novo form dois widgets do QLineEdit e altere o nome do primeiro widget para nameEdit e o do segundo widget para helloEdit.
    Designer Qt com o form criado
  8. Ao finalizar a criação do form, salve-o e feche o Qt Designer. O projeto tem a aparência mostrada na figura.
    Arquivo do código-fonte do form Hello

    Todos os arquivos HelloForm recém-criados são colocados na mesma pasta lógica Arquivos de Recurso. Se você preferir ter CPP arquivos nos arquivos de origem e arquivos H nos Arquivos do Cabeçalho -, arraste e solte-os para a pasta de lógica desejada.

    Você deverá ver um pequeno ponto de interrogação na guia Projetos para indicar a presença de diretivas #include interrompidas. O setupUi sublinhado em verde é uma consequência da diretiva #include ui_HelloForm.h interrompida, o que ocorre no arquivo HelloForm.h. O arquivo de inclusão ui_HelloForm.h ainda não existe realmente e será gerado com a primeira compilação do projeto. É assim que funciona o sistema de construção do Qt.

  9. Clique no botão Compilar Projeto na barra de ferramentas e o erro deverá desaparecer quando o arquivo ui_HelloForm.h for gerado.
  10. Abra main.cpp e insira duas linhas de código responsáveis pela criação e exibição do HelloForm, como mostrado nas linhas 17 e 18 da figura abaixo. Não esqueça de incluir HelloForm.h, como mostrado na linha 9.
    Editando o form Hello arquivos de origem
  11. Clique no botão Executar na barra de ferramentas para executar a aplicação.
    Primeiro, você verá uma janela de terminal e depois a caixa de diálogo que você criou no Qt Designer.
  12. Digite algo no campo de texto e pressione Enter e você deverá ver que nada ocorre.

    Para permitir que a aplicação responda, você deverá definir um slot e conectá-lo a um sinal textChanged acionado pelo campo de texto. Para aprender mais sobre sinais e slots Qt leia http://doc.qt.digia.com/4.6/signalsandslots.html

  13. Vá para HelloForm.h e declare esse slot como mostrado nas linhas 18 e 19 na seguinte figura:
    Editando o arquivo de inclusão do form Hello
  14. Em seguida, vá para HelloForm.cpp e insira a definição de slot como mostrado nas linhas 17 a 23 da seguinte figura:
    Adicionar Slot para formar os arquivos de código-fonte
  15. Finalmente, conecte o sinal com o slot inserindo código no construtor HelloForm, como mostrado nas linhas 12 e 13 da seguinte figura:
    Adicionar Slot ao construtor do form Hello
  16. Agora, execute a aplicação e, quando a caixa de diálogo for exibida, clique no campo de entrada superior, digite seu nome e o campo inferior irá refletir Hello para você, como mostrado abaixo.
    Qt Hello World APP em execução

Conclusão

Este artigo mostrou como configurar seu ambiente para você usar o NetBeans IDE com bibliotecas e ferramenta Qt.

Crie e desenvolva aplicações Qt com o NetBeans e envie seu feedback para a e para o fórum do Usuário do NetBeans C/C++.

Encontrou um erro ou deseja sugerir uma melhoria? Arquive-os em https://netbeans.org/bugzilla/enter_bug.cgi?component=cnd (registro netbeans.org requerido)

Consulte Também

Consulte a Trilha do Aprendizado C/C++ para obter mais artigos sobre o desenvolvimento com C/C++/Fortran no NetBeans IDE.


get support for the NetBeans

Support


By use of this website, you agree to the NetBeans Policies and Terms of Use. © 2015, Oracle Corporation and/or its affiliates. Sponsored by Oracle logo