Vývoj aplikací pro Ubuntu [QML]

Instalace Ubuntu SDK

Ubuntu SDK je IDE, které nám poskytuje nástroje, které potřebujeme pro vývoj aplikace založené na QTCreator.

sudo apt-get install ubuntu-sdk

Pokud jej jednou nainstalujeme, otevřeme jej a objeví se:

dokumentace

Mnoho informací můžeme najít v web od vývojářů Ubuntu, výukových programů, rozhraní API ...

Ve stejné Ubuntu SDK najdeme sekce, ze kterých se můžeme učit, viz kód ... Kategorie jsou Help, Wiki, Core Apps a API.

V API najdeme všechny Ubuntu api. Komponenty 0.1, což jsou komponenty, které použijeme k vytvoření aplikace.

V Core Apps nám ukazuje web ubuntu-phone-coreapps příručního panelu, kde najdeme kód několika aplikací. V nápovědě vidíme několik příruček, které nám pomohou začít.

Web kde můžeme najít výukový program pro analýzu JSON pomocí qml a javascript.

Vytvoření aplikace (klient)

Abychom viděli příklad, vytvoříme klienta, o kterém jsem už trochu mluvil zde.

Vytvoříme nový projekt: Soubor -> Nový soubor nebo Projekt

A my vybereme Simple Touch UI. V době, kdy jsme vytvořili náš projekt, se bude jevit strukturovaný, s některými soubory a některými složkami, pokud nyní spustíme, dostaneme ukázkovou aplikaci, kterou nebudeme používat nebo částečně použít jako základní bod k vytvoření našeho.

 

Pokud nyní přidáme listView s modelem, který přebírá data Json z komiksu, jako je název, budeme mít:

Vytvoříme soubor s názvem data.js, pro vytvoření tohoto souboru klikněte pravým tlačítkem na projekt Přidat nový -> Qt -> soubor JS:

Můžeme vidět, jak analyzujeme JSON tím, že vezmeme pouze pole výsledků, kde pro každý výsledek získáme jeho název.

console.log je jako dělat tisk pro konzolu.

Nakonec vložíme výše marvel.qml, kde jsou importy

import "data.js" as Data

výsledek:

Představme si, že chceme, aby naše aplikace měla lepší vzhled, například místo zobrazení pouze názvu, který ukazuje obrázek. a být schopen je posunout vodorovně, udělejme to:

V zobrazení seznamu přidáme vlastnost orientace

orientation: ListView.Horizontal

Změníme také text obrázku:

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

A do data.js přidáme miniaturu

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

Vidíme výsledek:

Nyní bychom mohli pro naši aplikaci udělat celou řadu funkcí, například kliknutím na obrázek se nám zobrazí informace, vyhledávač znaků ... Ale příklad zde necháme.

Obal

Nakonec musíme pouze vytvořit náš balíček, přejdeme k Balení:

Vidíme, že musíme vyplnit některá pole. Pokud například používáte internet ..., až bude vše hotové, dáme create balíček, který vytvoří soubor .click, abychom mohli aplikaci nainstalovat.

Závěr (GTK3 nebo QML)

Pokud jde o vzhled, osobně se mi GTK hodně líbí, ale stupeň „úpravy“ toho ponechává hodně na přání, na druhou stranu s qml můžete uživatelské rozhraní hodně přizpůsobit ostatním, má také komponenty (Desktop Komponenty), které zanechávají vzhled, jako by to byl gtk.