Desenvolvimento de aplicativos para Ubuntu [QML]

Instalando o SDK do Ubuntu

SDK do Ubuntu é um IDE que nos fornece as ferramentas de que precisamos para desenvolver um aplicativo baseado em QTC Creator.

sudo apt-get install ubuntu-sdk

Se uma vez instalado, nós o abrimos e aparecerá:

Sdk

Documentação

Podemos encontrar muitas informações no web Desenvolvedores Ubuntu, tutoriais, api ...

Dentro do mesmo Ubuntu SDK podemos encontrar seções nas quais podemos aprender, ver o código ... As categorias são Ajuda, Wiki, Aplicativos principais e API.

Na API podemos encontrar todos os api.Components 0.1 do Ubuntu que são os componentes que usaremos para criar o aplicativo.

Nos aplicativos principais, ele nos mostra a web aplicativos ubuntu-phone-core do launchpad onde podemos encontrar o código de vários aplicativos. Na Ajuda, podemos ver alguns manuais que nos ajudarão a começar.

Web onde podemos encontrar um tutorial para analisar json com qml e javascript.

Criação de um aplicativo (um cliente)

Para ver um exemplo vamos criar um cliente, do qual já falei um pouco aqui.

Criamos um novo projeto: Arquivo -> Novo Arquivo ou Projeto

sdk_create

E selecionamos Simple Touch UI. No momento que tivermos criado nosso projeto, ele aparecerá estruturado, com alguns arquivos e algumas pastas, se executarmos agora obteremos um aplicativo exemplo, que não usaremos ou usaremos parcialmente como base para criar o nosso. .

 Captura de 2014/04/06 17:10:44

Se agora adicionarmos um listView com um modelo que pega os dados Json dos quadrinhos, como o título, teremos:

Captura de 2014/04/06 18:07:59

Criamos um arquivo chamado data.js, para criar este arquivo clique com o botão direito no projeto Adicionar novo -> Qt -> arquivo JS:

Captura de 2014/04/06 18:07:00

Podemos ver como analisamos o json pegando apenas o array de resultados, onde para cada resultado obteremos seu título.

console.log é como imprimir para o console.

Finalmente, colocamos marvel.qml acima de onde estão as importações

import "data.js" as Data

resultado:Captura de 2014/04/06 17:57:16

Vamos imaginar que queremos dar uma aparência melhor ao nosso aplicativo, por exemplo, em vez de mostrar apenas o título que mostra uma imagem. e poder movê-los horizontalmente, porque vamos fazer:

Nós adicionamos a propriedade de orientação no listview

orientation: ListView.Horizontal

Também alteramos o texto de uma imagem:

Image {
width: 200; height: 150
fillMode: Image.PreserveAspectFit
source: thumbnail+".jpg"
}

E no data.js adicionamos a miniatura

marvelModel.append({id: i.id, title: i.title, thumbnail: i.thumbnail.path});

Podemos ver o resultado:

Captura de 2014/04/06 18:29:44

Bem, agora poderíamos fazer uma infinidade de funções para nosso aplicativo fazer, como clicar na imagem para nos mostrar informações, um motor de busca de personagens ... Mas vamos deixar o exemplo aqui.

Embalagens

Por fim, só temos que criar nossa embalagem, vamos para Embalagem:

pacote_sdk

Podemos ver que temos que preencher alguns campos. Como por exemplo se você usa a internet ..., quando tivermos tudo completo damos o create package que irá criar um arquivo .click para que possamos instalar o aplicativo.

Conclusão (GTK3 ou QML)

Em termos de aparência, pessoalmente gosto bastante do gtk, mas o grau de "modificação" disso deixa muito a desejar, por outro lado com qml você pode personalizar muito a IU para outros, ele também tem componentes (componentes de desktop) que deixe a aparência como se fosse gtk.


2 comentários, deixe o seu

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.

  1.   r @ y dito

    Apenas um esclarecimento, Ubuntu SDK NÃO é um IDE nem é baseado em QtCreator, é como o nome indica um Kit de Desenvolvimento que pode ser integrado ao QtCreator.

  2.   cuelebre dito

    Hoje comecei a seguir este e os outros três tutoriais, mas quando tento dar uma corrida ao projeto, saio do aplicativo, você poderia me dizer se há algum tipo de problema?