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á:

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.

Site 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

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. .

 

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

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

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:

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:

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:

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.