Alkalmazások fejlesztése az Ubuntu számára [QML]

Az Ubuntu SDK telepítése

ubuntu sdk egy IDE, amely biztosítja számunkra azokat az eszközöket, amelyekre szükségünk van egy alkalmazás fejlesztéséhez QTCreator.

sudo apt-get install ubuntu-sdk

Ha telepítés után megnyitjuk, és ez megjelenik:

Dokumentáció

Nagyon sok információt találhatunk a háló Ubuntu fejlesztők, oktatóanyagok, alkalmazások ...

Ugyanazon az Ubuntu SDK-n belül találhatunk olyan szakaszokat, amelyekből tanulhatunk, lásd a kódot ... A kategóriák: Súgó, Wiki, Core Apps és API.

Az API-ban megtalálhatjuk az összes Ubuntu API-t. A 0.1-es komponensek azok az összetevők, amelyeket az alkalmazás létrehozásához használunk.

A Core Apps alkalmazásban megmutatja nekünk az internetet ubuntu-telefon-coreapps az indítópultról, ahol számos alkalmazás kódját megtalálhatjuk. A Súgóban láthatunk néhány kézikönyvet, amelyek segítenek nekünk az indulásban.

háló ahol találhatunk egy oktatóanyagot a json elemzéséhez qml és javascript használatával.

Alkalmazás (kliens) létrehozása

Példaként egy klienst hozunk létre, amiről már beszéltem egy kicsit itt.

Új projektet hozunk létre: Fájl -> Új fájl vagy Projekt

És a Simple Touch UI lehetőséget választjuk. Abban az időben, amikor elkészítettük a projektünket, strukturáltan jelenik meg, néhány fájllal és néhány mappával, ha most futunk, kapunk egy példa alkalmazást, amelyet nem használunk, vagy részben alapként használunk a sajátunk létrehozásához. .

 

Ha most hozzáadunk egy listView modellt, amely a Json adatait veszi át a képregényekből, például a címet, akkor:

Létrehozunk egy data.js nevű fájlt, amelynek létrehozásához kattintson a jobb gombbal a projektre: Új hozzáadása -> Qt -> JS fájl:

Láthatjuk, hogyan elemezzük a json-t, ha csak az eredménytömböt vesszük, ahol minden eredményhez megkapjuk a címét.

A console.log olyan, mint a konzol nyomtatása.

Végül betesszük a marvel.qml fájlt a fenti helyre, ahol az import

import "data.js" as Data

eredmény:

Képzeljük el, hogy alkalmazásunknak jobb megjelenést akarunk adni, például ahelyett, hogy csak a címet mutatnánk, amely képet mutat. és legyenek képesek vízszintesen mozgatni őket, nos, tegyük meg:

Hozzáadjuk a tájolás tulajdonságot a listanézetben

orientation: ListView.Horizontal

Megváltoztatjuk a kép szövegét is:

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

És a data.js-ben hozzáadjuk az indexképet

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

Láthatjuk az eredményt:

Nos, most számos funkciót megtehetnénk az alkalmazásunk számára, például a képre kattintva információkat, karakteres keresőmotorokat láthatunk ... De a példát itt hagyjuk.

Csomagolás

Végül csak a csomagunkat kell létrehoznunk, a Csomagolás oldalra megyünk:

Láthatjuk, hogy ki kell töltenünk néhány mezőt. Például, ha az internetet használja ..., amikor minden megvan, elkészítjük a create csomagot, amely létrehoz egy .click fájlt az alkalmazás telepítéséhez.

Következtetés (GTK3 vagy QML)

Megjelenés szempontjából személy szerint nagyon szeretem a gtk-t, de ennek a "módosítása" mértéke sok kívánnivalót hagy maga után, másrészt a qml-mel nagyon testreszabhatja az UI-t másoknak, olyan komponensei (asztali alkatrészei) is vannak, amelyek hagyja a látszatot, mintha gtk lenne.