Разработване на приложения за Ubuntu [QML]

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

Ubuntu SDK е IDE, която ни предоставя инструментите, от които се нуждаем, за да разработим приложение, базирано на QTCreator.

sudo apt-get install ubuntu-sdk

Ако веднъж бъде инсталиран, ние го отваряме и това ще се появи:

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

Можем да намерим много информация в мрежа Разработчици на Ubuntu, уроци, api ...

В рамките на същия Ubuntu SDK можем да намерим секции, от които можем да се учим, да видим код ... Категориите са Help, Wiki, Core Apps и API.

В API можем да намерим всички api.Components 0.1 на Ubuntu, които са компонентите, които ще използваме за създаване на приложението.

В Core Apps ни показва мрежата ubuntu-телефон-coreapps на launchpad, където можем да намерим кода на няколко приложения. В Помощ можем да видим някои ръководства, които ще ни помогнат да започнем.

Web където можем да намерим урок за синтактичен анализ на json с qml и javascript.

Създаване на приложение (клиент)

За да видим пример, ще създадем клиент, за който вече говорих малко тук.

Създаваме нов проект: Файл -> Нов файл или проект

И ние избираме Simple Touch UI. По времето, когато създадохме нашия проект, той ще изглежда структуриран, с някои файлове и някои папки, ако стартираме сега, ще получим примерно приложение, което няма да използваме или частично да използваме като базова точка за създаване на нашето.

 

Ако сега добавим listView с модел, който взема данните на 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});

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

Е, сега бихме могли да направим множество функции, които нашето приложение да направи, като например щракване върху изображението ще ни покаже информация, машина за търсене на символи ... Но ще оставим примера тук.

Опаковка

И накрая, трябва само да създадем нашия пакет, отиваме на Packaging:

Виждаме, че трябва да попълним някои полета. Например, ако използвате интернет ..., когато имаме всичко попълнено, ние даваме create пакет, който ще създаде .click файл, за да можем да инсталираме приложението.

Заключение (GTK3 или QML)

По отношение на външния вид, аз лично много харесвам gtk, но степента на "модификация" на това оставя много да се желае, от друга страна, с qml можете да персонализирате потребителския интерфейс много за други, той също има компоненти (Desktop Компоненти), които оставят външния вид, сякаш е gtk.