Veja como criar aplicativos Qt para Android – Parte 02

Não, pessoal, este artigo não está relacionado à Apple a ou Steve Jobs, mas ao meu artigo anterior. Chegamos ao ponto de ter a configuração do nosso desenvolvimento pronta para o app Qt no Android, então, vamos pôr a mão na massa. Eu pegarei um exemplo do aplicativo de relógio digital que mostrei no artigo anterior (reproduzido abaixo).

Para alguns novatos em Qt, será também um artigo sobre como usar um Qt Creator de maneira eficaz. Vamos cobrir o design UI e então fazer um pouco de coloração e outras coisas, como deixá-lo mais bonito. Então vamos codificar o app para que o relógio funcione.

Requisitos

Para sua referência, eu coloquei esse simples app no meu git repo ou talvez você possa pegar aqui.

Passo 1

Inicie o Necessitas Qt Creator e crie uma nova aplicação Qt Gui em File > New File ou Project > Qt Widget Project > Qt GUI Application.

Passo 2

Escolha o nome do projeto e sua localização, e então escolha a versão do Qt como Qt para Android, que  criamos no último artigo.

Você também pode selecionar a versão para desktop para tornar seu app um protótipo para o host desktop x86. Uma vez que o projeto estiver criado, você pode ver os arquivos gerados automaticamente em ‘Project’, como mostrado abaixo.

O arquivo tuxologycloxk.cpp é aquele para onde vai toda a lógica.

Passo 3

Em Forms, clique no arquivo .ui e comece a fazer o UI. É um trabalho bastante fácil, você tem que arrastar e soltar os widgets necessários e os organizar da maneira correta em algo chamado layout. Apenas analise um pouco como criei a UI para o relógio.

Você pode arrastar e soltar os widgets da esquerda do painel para a visualização, e os objetos correspondentes serão criados no topo direito do painel como mostrado acima. A propriedade para cada projeto somente pode ser definida diretamente a partir daqui. Por exemplo, o valor inicial  (initValue) para o objeto lcdNumbe foi definido acima como 1200. Você pode até configurar o background dos widgets, bem como toda a paleta de cor da aplicação ao mudar a cor dos respectivos objetos.

Notas sobre StyleSheets

Você também pode aplicar StyleSheets para deixar seu app mais bonito. Por exemplo, o texto Exit que você vê na aplicação, na verdade é um botão com alguns estilos aplicados. Você pode definir estilos usando o editor de UI facilmente. Apenas clique com o botão direito no widget correspondente em Change StyleSheet. Você verá uma janela, como mostrado abaixo, na qual você pode aplicar o estilo desejado.

A StyleSheet acima muda o botão, tornando-o bonito e que se mistura bem com todo o design da aplicação.

Passo 4

Olhe mais de perto e você entenderá que escrever código também não é grande coisa. Basta consultar meu código fonte do relógio e navegar por ele para compreendê-lo. Apenas um pequeno lembrete sobre criar sinais e slots – você pode clicar no widget correspondente para criar slots para sinais específicos que eles irão emitir. Por exemplo, clique com o botão direito em Exit e selecione Go to slot. Uma caixa de diálogo irá perguntar a você o sinal que será emitido quando você clicar em OK, e um slot no código será gerado automaticamente. Agora você pode escrever qualquer código que quiser para implementar nesse slot.

Passo 5

Pressupondo que você tenha criado a aplicação, você também pode criar outras configurações. Apenas clique em Projects no painel esquerdo e você verá targets diferentes para a sua aplicação. Nós optamos por Android e Desktop no início, então ambos devem ser mostrados aqui. Clique em Run e então em Details, em Package Configuration.

Você verá algumas abas de configuração como mostrado abaixo. Você pode melhorar algumas coisas aqui, é claro, como permissões do Android, nome do app, ícone etc.

Você também tem a opção de ou fazer o deploy local de Qt libs para o dispositivo ou usar libs do dispositivo. Se você tiver instalado o Ministro a partir do Android Market no seu aparelho, apenas deixe-o para usar os qit libs dos dispositivos. No entanto, se você for usar um emulador, certifique-se de que você pegue o Ministro apk aqui e instale-o no emulador selecionando a terceira opção abaixo.

Uma vez que estiver tudo pronto, é hora de conectar seu dispositivo, definir a plataforma como Android e clicar em Run (Ctrl+R). Você pode ver o resultado na janela de saída da compilação e as mensagens de depuração em Application Output window (digite Alt+3 ou Alt+4 para trocar). Preste atenção em qualquer problema de construção. Espero que tudo funcione bem com o AVD também, porque eu não o testei. Eu faço todos os meus testes no meu  Sony Xperia mini x10 Pro rooted, e a primeira imagem deste artigo é o que você deve ver se você tentar construir o projeto TuxologyClock para o seu dispositivo.

Isso é tudo, pessoal! Feliz hacking!

?

Texto original disponível em http://suchakra.wordpress.com/2011/11/20/qt-apps-on-android-part-two-an-apple-a-day/