Mengembangkan Aplikasi untuk Ubuntu [QML]

Menginstal SDK Ubuntu

Ubuntu SDK adalah IDE yang memberi kami alat yang kami butuhkan untuk mengembangkan aplikasi Pencipta QTC.

sudo apt-get install ubuntu-sdk

Jika setelah dipasang kami membukanya dan ini akan muncul:

dokumentasi

Kami dapat menemukan banyak informasi di jaringan dari pengembang Ubuntu, tutorial, api ...

Dalam SDK Ubuntu yang sama kita dapat menemukan bagian dari mana kita dapat belajar, lihat kode ... Kategorinya adalah Bantuan, Wiki, Aplikasi Inti dan API.

Di API kita bisa menemukan semua Ubuntu api.Components 0.1 yang merupakan komponen yang akan kita gunakan untuk membuat aplikasi.

Dalam Aplikasi Inti, ini menunjukkan kepada kita web ubuntu-telepon-coreapps dari launchpad tempat kami dapat menemukan kode beberapa aplikasi. Dalam Bantuan kita dapat melihat beberapa manual yang akan membantu kita memulai.

jaringan dimana kita bisa menemukan tutorial untuk mengurai json dengan qml dan javascript.

Membuat aplikasi (Klien)

Untuk melihat contoh kita akan membuat klien, yang sudah saya bicarakan sedikit di sini.

Kami membuat proyek baru: File -> File atau Proyek Baru

Dan kami memilih Simple Touch UI. Pada saat kita membuat proyek kita, akan muncul terstruktur, dengan beberapa file dan beberapa folder, jika kita menjalankan sekarang kita akan mendapatkan contoh aplikasi, yang tidak akan kita gunakan atau akan kita gunakan sebagian sebagai titik dasar untuk membuat milik kita. .

 

Jika sekarang kita menambahkan listView dengan model yang mengambil data Json dari komik, seperti judulnya, kita akan mendapatkan:

Kami membuat file bernama data.js, untuk membuat file ini klik kanan pada proyek Add new -> Qt -> JS file:

Kita dapat melihat bagaimana kita mengurai json dengan hanya mengambil larik hasil di mana untuk setiap hasil kita akan mendapatkan judulnya.

console.log seperti melakukan pencetakan untuk konsol.

Akhirnya kita taruh di marvel.qml di atas di mana impornya

import "data.js" as Data

Hasil:

Mari kita bayangkan bahwa kita ingin memberikan tampilan yang lebih baik pada aplikasi kita, misalnya daripada hanya menampilkan judul yang menampilkan gambar. dan dapat memindahkannya secara horizontal, mari kita lakukan:

Kami menambahkan properti orientasi di listview

orientation: ListView.Horizontal

Kami juga mengubah Teks untuk gambar:

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

Dan di data.js kami menambahkan thumbnail

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

Kita bisa lihat hasilnya:

Nah sekarang kita bisa melakukan banyak fungsi untuk dilakukan aplikasi kita, seperti mengklik gambar akan menunjukkan informasi kepada kita, mesin pencari karakter ... Tapi kita akan meninggalkan contoh di sini.

Pengemasan

Terakhir, kita hanya perlu membuat paket kita, kita pergi ke Pengemasan:

Kami dapat melihat bahwa kami harus mengisi beberapa bidang. Misal jika anda menggunakan internet ..., setelah semuanya lengkap kita berikan create package yang nantinya akan membuat file .click agar kita bisa menginstall aplikasinya.

Kesimpulan (GTK3 atau QML)

Dari segi tampilan, secara pribadi saya cukup suka gtk tetapi tingkat "modifikasi" ini meninggalkan banyak hal yang diinginkan, di sisi lain dengan qml Anda dapat banyak menyesuaikan UI ke orang lain juga memiliki Komponen (Komponen Desktop) yang meninggalkan tampilan seolah-olah itu gtk.