Tworzenie aplikacji dla Ubuntu [QML]

Instalowanie Ubuntu SDK

Ubuntu SDK to IDE, które dostarcza nam narzędzi potrzebnych do tworzenia aplikacji w oparciu o Kreator QTC.

sudo apt-get install ubuntu-sdk

Jeśli raz zainstalowany, otwieramy go i pojawi się:

dokumentacja

Wiele informacji możemy znaleźć w sieć Programiści Ubuntu, tutoriale, api ...

W tym samym Ubuntu SDK możemy znaleźć sekcje, z których możemy się uczyć, zobaczyć kod ... Kategorie to Pomoc, Wiki, Podstawowe aplikacje i API.

W API możemy znaleźć wszystkie Ubuntu api.Components 0.1, które są komponentami, których użyjemy do stworzenia aplikacji.

W aplikacjach podstawowych pokazuje nam sieć Ubuntu-phone-coreapps startera, na którym możemy znaleźć kod kilku aplikacji. W Pomocy możemy zobaczyć kilka podręczników, które pomogą nam zacząć.

Sieć gdzie możemy znaleźć tutorial do parsowania json za pomocą qml i javascript.

Tworzenie aplikacji (Klient)

Aby zobaczyć przykład, stworzymy klienta, o którym już trochę mówiłem tutaj.

Tworzymy nowy projekt: Plik -> Nowy plik lub Projekt

I wybieramy Simple Touch UI. W momencie tworzenia naszego projektu będzie on wyglądał na uporządkowany, z pewnymi plikami i niektórymi folderami, jeśli teraz uruchomimy, otrzymamy przykładową aplikację, której nie użyjemy lub częściowo użyjemy jako punktu bazowego do stworzenia naszego.

 

Jeśli teraz dodamy listView z modelem, który pobiera dane Json z komiksów, takie jak tytuł, otrzymamy:

Tworzymy plik o nazwie data.js, aby utworzyć ten plik kliknij prawym przyciskiem myszy projekt Dodaj nowy -> Qt -> plik JS:

Możemy zobaczyć, jak parsujemy json, biorąc tylko tablicę wyników, gdzie dla każdego wyniku otrzymamy jego tytuł.

console.log jest jak drukowanie dla konsoli.

Na koniec umieściliśmy w marvel.qml powyżej, gdzie są importowane

import "data.js" as Data

Wynik:

Wyobraźmy sobie, że chcemy nadać naszej aplikacji lepszy wygląd, na przykład zamiast pokazywać tylko tytuł przedstawiający obraz. i móc przesuwać je poziomo, cóż, zróbmy to:

Dodajemy właściwość orientacji w widoku listy

orientation: ListView.Horizontal

Zmieniamy również tekst obrazu:

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

W data.js dodajemy miniaturę

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

Widzimy wynik:

Cóż, teraz moglibyśmy wykonać wiele funkcji dla naszej aplikacji, takich jak kliknięcie obrazu, aby wyświetlić informacje, wyszukiwarka znaków ... Ale zostawimy tutaj przykład.

Opakowanie

Na koniec musimy tylko stworzyć nasz pakiet, przechodzimy do Pakowania:

Widzimy, że musimy wypełnić kilka pól. Na przykład, jeśli korzystasz z internetu ..., gdy mamy wszystko gotowe, podajemy tworzony pakiet, który utworzy plik .click, abyśmy mogli zainstalować aplikację.

Wniosek (GTK3 lub QML)

Jeśli chodzi o wygląd, osobiście bardzo lubię gtk, ale stopień „modyfikacji” tego pozostawia wiele do życzenia, z drugiej strony, dzięki qml możesz bardzo dostosować interfejs użytkownika do innych, ma również komponenty (komponenty pulpitu), które pozostawiają wygląd jako gdyby był gtk.