Развивање апликации за Ubuntu [QML]

Се инсталира SDK на Ubuntu

SDK на Ubuntu е IDE што ни обезбедува алатки што ни се потребни за да развиеме апликација заснована на QTC креатор.

sudo apt-get install ubuntu-sdk

Ако еднаш е инсталирано, го отвораме и ова ќе се појави:

документација

Можеме да најдеме многу информации во веб- од развивачи на Убунту, упатства, апликации ...

Во рамките на истиот SDK на Ubuntu можеме да најдеме делови од кои можеме да учиме, да видиме код ... Категориите се Помош, Вики, Основни апликации и API.

Во API можеме да ги најдеме сите Ubuntu api. Компоненти 0.1 кои се компонентите што ќе ги користиме за да ја создадеме апликацијата.

Во „Основни апликации“, таа ни ја покажува мрежата ubuntu-телефон-основни апликации на лансирната плоча каде што можеме да го најдеме кодот на неколку апликации. Во Помош можеме да видиме неколку прирачници што ќе ни помогнат да започнеме.

веб каде можеме да најдеме упатство за анализирање на json со qml и javascript.

Создавање апликација (клиент)

За да видиме пример, ќе создадеме клиент, за кој веќе разговарав малку тука.

Создаваме нов проект: Датотека -> Нова датотека или проект

И ние избираме едноставен интерфејс на допир. Во времето кога го создадовме нашиот проект, тој ќе се појави структуриран, со некои датотеки и некои папки, ако работиме сега ќе добиеме примерна апликација, која нема да ја користиме или ќе ја користиме делумно како основна точка за да создадеме наши .

 

Ако сега додадеме списокView со модел кој ги зема податоците на Json од стриповите, како што е насловот, ќе имаме:

Создаваме датотека наречена data.js, за да ја создадеме оваа датотека десен клик на проектот Додади нова -> Qt -> JS датотека:

Можеме да видиме како го анализираме json со земање само на низата резултати каде за секој резултат ќе го добиеме неговиот наслов.

console.log е како да правиш печатење за конзола.

Конечно, го ставаме marvel.qml погоре, каде се увозот

import "data.js" as Data

резултатот е:

Да замислиме дека сакаме да и дадеме подобар изглед на нашата апликација, на пример, наместо да го прикажуваме само насловот што прикажува слика. и бидете во можност да ги движите хоризонтално, бидејќи ајде да го сториме тоа:

Ние го додаваме својството за ориентација во прегледот на списокот

orientation: ListView.Horizontal

Ние исто така го менуваме Текстот за слика:

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

И во data.js ја додаваме сликичката

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

Можеме да го видиме резултатот:

Па, сега можеме да направиме мноштво функции што треба да ги прави нашата апликација, како што е кликнување на сликата, ќе ни покажат информации, машина за пребарување карактери ... Но, ќе го оставиме примерот тука.

Пакување

Конечно, само треба да го креираме нашиот пакет, одиме на Пакување:

Можеме да видиме дека треба да пополниме некои полиња. Како на пример, ако користите интернет ..., кога имаме сè што е завршено, даваме пакет за креирање што ќе создаде датотека. Клик, за да можеме да ја инсталираме апликацијата.

Заклучок (GTK3 или QML)

Во однос на изгледот, мене лично многу ми се допаѓа gtk, но степенот на „модификација“ на ова остава многу посакуван, од друга страна со qml можете многу да го прилагодите корисничкиот интерфејс на другите, исто така има компоненти (компоненти за работна површина) кои го оставаат изгледот како да е гтк.