Phát triển ứng dụng cho Ubuntu [QML]

Cài đặt Ubuntu SDK

SDK Ubuntu là một IDE cung cấp cho chúng tôi các công cụ cần thiết để phát triển một ứng dụng dựa trên QTCreator.

sudo apt-get install ubuntu-sdk

Nếu sau khi cài đặt, chúng tôi mở nó và điều này sẽ xuất hiện:

Tài liệu

Chúng tôi có thể tìm thấy nhiều thông tin trong web từ các nhà phát triển Ubuntu, hướng dẫn, api ...

Trong cùng một Ubuntu SDK, chúng ta có thể tìm thấy các phần mà từ đó chúng ta có thể tìm hiểu, xem mã ... Các danh mục là Trợ giúp, Wiki, Ứng dụng cốt lõi và API.

Trong API, chúng ta có thể tìm thấy tất cả api.Components 0.1 của Ubuntu, là những thành phần mà chúng ta sẽ sử dụng để tạo ứng dụng.

Trong Ứng dụng cốt lõi, nó hiển thị cho chúng ta web ubuntu-phone-coreapps của bệ phóng nơi chúng tôi có thể tìm thấy mã của một số ứng dụng. Trong Trợ giúp, chúng ta có thể xem một số hướng dẫn sẽ giúp chúng ta bắt đầu.

web nơi chúng ta có thể tìm thấy hướng dẫn phân tích cú pháp json bằng qml và javascript.

Tạo ứng dụng (Khách hàng)

Để xem một ví dụ, chúng tôi sẽ tạo một ứng dụng khách, trong đó tôi đã nói một chút về ở đây.

Chúng tôi tạo một dự án mới: Tệp -> Tệp hoặc Dự án mới

Và chúng tôi chọn Giao diện người dùng cảm ứng đơn giản. Tại thời điểm chúng tôi tạo dự án của mình, dự án sẽ xuất hiện có cấu trúc, với một số tệp và một số thư mục, nếu chúng tôi chạy ngay bây giờ, chúng tôi sẽ nhận được một ứng dụng ví dụ, ứng dụng này chúng tôi sẽ không sử dụng hoặc chúng tôi sẽ sử dụng một phần làm điểm cơ sở để tạo của chúng tôi.

 

Nếu bây giờ chúng ta thêm một listView với một mô hình lấy dữ liệu Json từ truyện tranh, chẳng hạn như tiêu đề, chúng ta sẽ có:

Chúng ta tạo một tệp có tên là data.js, để tạo tệp này nhấp chuột phải vào dự án Thêm mới -> Qt -> tệp JS:

Chúng ta có thể thấy cách chúng ta phân tích cú pháp json bằng cách chỉ lấy mảng kết quả mà đối với mỗi kết quả, chúng ta sẽ nhận được tiêu đề của nó.

console.log giống như in cho console.

Cuối cùng, chúng tôi đặt marvel.qml ở trên, nơi nhập

import "data.js" as Data

Kết quả:

Hãy tưởng tượng rằng chúng tôi muốn cung cấp cho ứng dụng của mình một giao diện đẹp hơn, chẳng hạn như thay vì chỉ hiển thị tiêu đề hiển thị hình ảnh. và có thể di chuyển chúng theo chiều ngang, vì hãy làm điều đó:

Chúng tôi thêm thuộc tính định hướng trong listview

orientation: ListView.Horizontal

Chúng tôi cũng thay đổi Văn bản cho một hình ảnh:

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

Và trong data.js, chúng tôi thêm hình thu nhỏ

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

Chúng ta có thể thấy kết quả:

Bây giờ chúng ta có thể làm vô số chức năng để ứng dụng của chúng ta làm, chẳng hạn như nhấp vào hình ảnh sẽ hiển thị thông tin cho chúng ta, công cụ tìm kiếm ký tự ... Nhưng chúng ta sẽ để ví dụ ở đây.

Bao bì

Cuối cùng, chúng ta chỉ phải tạo gói của mình, chúng ta đi đến Bao bì:

Chúng ta có thể thấy rằng chúng ta phải điền vào một số trường. Ví dụ: nếu bạn sử dụng internet ..., khi mọi thứ đã hoàn tất, chúng tôi cung cấp gói tạo sẽ tạo tệp .click để chúng tôi có thể cài đặt ứng dụng.

Kết luận (GTK3 hoặc QML)

Về ngoại hình, cá nhân mình khá thích gtk nhưng mức độ "sửa đổi" của cái này để lại rất nhiều điều mong muốn, mặt khác với qml bạn có thể tùy chỉnh UI rất nhiều cho người khác nó cũng có Thành phần (Desktop Components) để lại vẻ ngoài như nếu đó là gtk.