การติดตั้ง Ubuntu SDK
อูบุนตู SDK เป็น IDE ที่ให้เรามีเครื่องมือที่จำเป็นในการพัฒนาแอปพลิเคชันตาม QTcreator.
sudo apt-get install ubuntu-sdk
หากติดตั้งแล้วเราจะเปิดและสิ่งนี้จะปรากฏขึ้น:
เอกสาร
เราสามารถค้นหาข้อมูลมากมายในไฟล์ เว็บ นักพัฒนา Ubuntu, บทช่วยสอน, API ...
ภายใน Ubuntu SDK เดียวกันเราสามารถค้นหาส่วนที่เราสามารถเรียนรู้ดูโค้ด ... หมวดหมู่ ได้แก่ Help, Wiki, Core Apps และ API
ใน API เราสามารถค้นหา API ของ Ubuntu ได้ทั้งหมดส่วนประกอบ 0.1 ซึ่งเป็นส่วนประกอบที่เราจะใช้ในการสร้างแอพ
ใน Core Apps จะแสดงเว็บให้เราเห็น อูบุนตูโทรศัพท์ coreapps ของ Launchpad ที่เราสามารถค้นหารหัสของแอพพลิเคชั่นต่างๆ ใน Help เราสามารถดูคู่มือที่จะช่วยเราในการเริ่มต้น
เว็บ ที่เราสามารถค้นหาบทช่วยสอนเพื่อแยกวิเคราะห์ json ด้วย qml และ javascript
การสร้างแอปพลิเคชัน (ไคลเอนต์)
เพื่อดูตัวอย่างเราจะสร้างลูกค้าซึ่งฉันได้พูดคุยไปแล้วเล็กน้อย Aqui
เราสร้างโครงการใหม่: ไฟล์ -> ไฟล์ใหม่หรือโครงการ
และเราเลือก 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:
เราจะเห็นว่าเราต้องกรอกข้อมูลในบางช่อง ตัวอย่างเช่นหากคุณใช้อินเทอร์เน็ต ... เมื่อเรามีทุกอย่างเสร็จสมบูรณ์เราจะให้สร้างแพ็คเกจซึ่งจะสร้างไฟล์. คลิกเพื่อให้เราสามารถติดตั้งแอปพลิเคชัน
สรุป (GTK3 หรือ QML)
ในแง่ของรูปลักษณ์โดยส่วนตัวแล้วฉันชอบ gtk มาก แต่ระดับของ "การปรับเปลี่ยน" ของสิ่งนี้ทำให้เป็นที่ต้องการอย่างมากในทางกลับกันด้วย qml คุณสามารถปรับแต่ง UI ให้กับผู้อื่นได้มาก แต่ก็มีส่วนประกอบ (คอมโพเนนต์เดสก์ท็อป) ที่ทำให้ลักษณะเป็น ถ้าเป็น gtk.