Membangunkan Aplikasi untuk Ubuntu [QML]

Memasang SDK Ubuntu

Ubuntu SDK adalah IDE yang memberi kita alat yang kita perlukan untuk mengembangkan aplikasi berdasarkan QTCreator.

sudo apt-get install ubuntu-sdk

Sekiranya dipasang, kami akan membukanya dan ini akan muncul:

dokumentasi

Kita boleh mendapatkan banyak maklumat di web dari pembangun Ubuntu, tutorial, api ...

Dalam SDK Ubuntu yang sama kita dapat mencari bahagian dari mana kita dapat belajar, melihat kod ... Kategori adalah Bantuan, Wiki, Aplikasi Teras dan API.

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

Dalam Aplikasi Teras, ini menunjukkan kepada kita laman web ubuntu-phone-coreapps launchpad di mana kita dapat mencari kod beberapa aplikasi. Dalam Bantuan, kami dapat melihat beberapa manual yang akan membantu kami memulakannya.

web di mana kita dapat mencari tutorial untuk menguraikan json dengan qml dan javascript.

Membuat aplikasi (Pelanggan)

Untuk melihat contoh, kami akan membuat pelanggan, yang mana saya sudah bercakap sedikit di sini.

Kami membuat projek baru: Fail -> Fail atau Projek Baru

Dan kami memilih UI Sentuhan Mudah. Pada saat kita membuat projek kita, proyek itu akan tampak terstruktur, dengan beberapa file dan beberapa folder, jika kita jalankan sekarang kita akan mendapat contoh aplikasi, yang tidak akan kita gunakan atau sebagian digunakan sebagai titik dasar untuk membuat kita.

 

Sekiranya sekarang kita tambahkan listView dengan model yang mengambil data Json dari komik, seperti judulnya, kita akan mempunyai:

Kami membuat fail bernama data.js, untuk membuat fail ini klik kanan pada projek Tambah baru -> Qt -> fail JS:

Kita dapat melihat bagaimana kita menguraikan json dengan hanya mengambil susunan hasil di mana untuk setiap hasil kita akan memperoleh judulnya.

console.log seperti mencetak untuk konsol.

Akhirnya kami memasukkan marvel.qml di atas di mana importnya

import "data.js" as Data

Keputusan:

Mari kita bayangkan bahawa kita ingin memberikan aplikasi kita penampilan yang lebih baik, sebagai contoh daripada hanya menunjukkan tajuk yang menunjukkan gambar. dan dapat menggerakkannya secara mendatar, kerana mari kita lakukan:

Kami menambah sifat orientasi dalam senarai pandangan

orientation: ListView.Horizontal

Kami juga menukar Teks untuk gambar:

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

Dan dalam data.js kami menambah lakaran kecil

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

Kita dapat melihat hasilnya:

Nah sekarang kita dapat melakukan banyak fungsi untuk aplikasi kita lakukan, seperti mengklik pada gambar akan menunjukkan kepada kita maklumat, mesin pencari watak ... Tetapi kita akan meninggalkan contohnya di sini.

Sektor Pembungkusan

Akhirnya, kita hanya perlu membuat pakej kita, kita pergi ke Pembungkusan:

Kita dapat melihat bahawa kita mesti mengisi beberapa bidang. Sebagai contoh jika anda menggunakan internet ..., apabila kita sudah lengkap, kita memberikan pakej buat yang akan membuat fail .klik sehingga kita dapat memasang aplikasi.

Kesimpulan (GTK3 atau QML)

Dari segi penampilan, saya secara peribadi sangat menyukai gtk tetapi tahap "pengubahsuaian" ini sangat banyak diinginkan, di sisi lain, dengan qml anda dapat menyesuaikan UI dengan yang lain, ia juga mempunyai Komponen (Komponen Desktop) yang meninggalkan penampilan sebagai sekiranya ia gtk.