Applicaties ontwikkelen voor Ubuntu [QML]

Ubuntu SDK installeren

Ubuntu SDK is een IDE die ons de tools biedt die we nodig hebben om een ​​applicatie te ontwikkelen op basis van QTCreator.

sudo apt-get install ubuntu-sdk

Als het eenmaal is geïnstalleerd, openen we het en dit zal verschijnen:

documentatie

We kunnen veel informatie vinden in het web Ubuntu-ontwikkelaars, tutorials, api ...

Binnen dezelfde Ubuntu SDK kunnen we secties vinden waaruit we kunnen leren, zie code ... De categorieën zijn Help, Wiki, Core Apps en API.

In API kunnen we alle Ubuntu api.Components 0.1 vinden, dit zijn de componenten die we zullen gebruiken om de app te maken.

In Core Apps toont het ons het web ubuntu-telefoon-coreapps van launchpad waar we de code van verschillende applicaties kunnen vinden. In Help kunnen we enkele handleidingen zien die ons op weg helpen.

Web waar we een tutorial kunnen vinden om json te parseren met qml en javascript.

Een applicatie aanmaken (een klant)

Om een ​​voorbeeld te zien, zullen we een klant maken, waarover ik al een beetje heb gesproken here.

We maken een nieuw project aan: Bestand -> Nieuw bestand of Project

En we selecteren Simple Touch UI. Op het moment dat we ons project hebben gemaakt, ziet het er gestructureerd uit, met enkele bestanden en enkele mappen. Als we het nu uitvoeren, krijgen we een voorbeeldtoepassing die we niet of gedeeltelijk zullen gebruiken als basispunt om de onze te maken.

 

Als we nu een listView toevoegen met een model dat de Json-gegevens uit de strips haalt, zoals de titel, hebben we:

We maken een bestand met de naam data.js, om dit bestand te maken klikt u met de rechtermuisknop op het project Nieuwe toevoegen -> Qt -> JS-bestand:

We kunnen zien hoe we de json ontleden door alleen de resultatenarray te nemen waar we voor elk resultaat de titel van krijgen.

console.log is als het maken van een print voor console.

Ten slotte plaatsen we marvel.qml hierboven waar zijn de invoer

import "data.js" as Data

resultaat:

Stel dat we onze applicatie bijvoorbeeld een beter uiterlijk willen geven, in plaats van alleen de titel met een afbeelding te laten zien. en in staat zijn om ze horizontaal te verplaatsen, nou, laten we het doen:

We voegen de oriëntatie-eigenschap toe aan de lijstweergave

orientation: ListView.Horizontal

We veranderen ook de tekst voor een afbeelding:

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

En in de data.js voegen we de miniatuur toe

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

We kunnen het resultaat zien:

Welnu, we zouden een groot aantal functies voor onze applicatie kunnen doen, zoals klikken op de afbeelding zal ons informatie tonen, een karakterzoekmachine ... Maar we laten het voorbeeld hier achter.

Verpakking

Ten slotte hoeven we alleen ons pakket te maken, we gaan naar Verpakking:

We kunnen zien dat we enkele velden moeten invullen. Als u bijvoorbeeld het internet gebruikt ..., als we alles compleet hebben, geven we een create-pakket dat een .click-bestand maakt zodat we de applicatie kunnen installeren.

Conclusie (GTK3 of QML)

Qua uiterlijk vind ik gtk persoonlijk erg leuk, maar de mate van "aanpassing" hiervan laat veel te wensen over, aan de andere kant kun je met qml de gebruikersinterface veel aanpassen aan anderen, het heeft ook Componenten (Desktop Componenten) die het uiterlijk verlaten alsof het gtk is.