Розробка додатків для Ubuntu [QML]

Встановлення Ubuntu SDK

Ubuntu SDK - це IDE, яка надає нам інструменти, необхідні нам для розробки програми на основі QTCreator.

sudo apt-get install ubuntu-sdk

Якщо після встановлення ми відкриваємо його, і це з'явиться:

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

Ми можемо знайти багато інформації в Web Розробники Ubuntu, підручники, api ...

У тому ж Ubuntu SDK ми можемо знайти розділи, з яких ми можемо вчитися, бачити код ... Категорії - це Довідка, Вікі, Основні програми та API.

В API ми можемо знайти всі api.Components 0.1 Ubuntu, які є компонентами, які ми будемо використовувати для створення програми.

У Core Apps це показує нам Інтернет ubuntu-телефон-coreapps запуску, де ми можемо знайти код декількох програм. У Довідці ми можемо побачити деякі посібники, які допоможуть нам розпочати роботу.

Сайт де ми можемо знайти підручник з синтаксичного аналізу json за допомогою qml та javascript.

Створення програми (Клієнта)

Щоб побачити приклад, ми створимо клієнта, про який я вже трохи говорив тут.

Ми створюємо новий проект: Файл -> Новий файл або Проект

І ми вибираємо інтерфейс Simple Touch. На той час, коли ми створили наш проект, він буде виглядати структурованим, з деякими файлами та деякими папками, якщо ми запустимо зараз, ми отримаємо приклад програми, яку ми не будемо використовувати або частково використаємо як базову точку для створення нашого .

 

Якщо тепер ми додамо 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:

Ми бачимо, що нам потрібно заповнити деякі поля. Як, наприклад, якщо ви користуєтесь Інтернетом ..., коли у нас все закінчено, ми надаємо пакет створення, який створить файл .click, щоб ми могли встановити програму.

Висновок (GTK3 або QML)

Що стосується зовнішнього вигляду, мені особисто дуже подобається gtk, але ступінь "модифікації" цього залишає бажати кращого, з іншого боку, за допомогою qml ви можете багато налаштувати інтерфейс для інших, він також має компоненти (настільні компоненти) які залишають вигляд так, ніби це gtk.