โครงการคิวที ปัญหา สภาพแวดล้อมสำหรับการออกแบบส่วนติดต่อผู้ใช้และการพัฒนาแอปพลิเคชันกราฟิกตาม Qt Qt Design Studio ช่วยให้นักออกแบบและนักพัฒนาสามารถทำงานร่วมกันเพื่อสร้างต้นแบบการทำงานของอินเทอร์เฟซที่ซับซ้อนและปรับขนาดได้ นักออกแบบสามารถมุ่งเน้นไปที่เค้าโครงการออกแบบกราฟิกเท่านั้น ในขณะที่นักพัฒนาสามารถมุ่งเน้นไปที่การพัฒนาตรรกะของแอปพลิเคชันโดยใช้รหัส QML ที่สร้างขึ้นโดยอัตโนมัติสำหรับเค้าโครงของนักออกแบบ
เมื่อใช้เวิร์กโฟลว์ที่มีให้ใน Qt Design Studio คุณสามารถเปลี่ยนเลย์เอาต์ที่เตรียมไว้ใน Photoshop หรือโปรแกรมแก้ไขกราฟิกอื่นๆ ให้เป็นต้นแบบการทำงานที่เหมาะสำหรับการเปิดตัวบนอุปกรณ์จริงได้ในเวลาไม่กี่นาที
นำเสนอ и คิวที ดีไซน์ สตูดิโอ รุ่นเชิงพาณิชย์
จัดให้ฟรี อนุญาตให้แจกจ่ายส่วนประกอบอินเทอร์เฟซที่เตรียมไว้ให้กับผู้ถือใบอนุญาตเชิงพาณิชย์สำหรับ Qt เท่านั้น
รุ่นชุมชนไม่มีข้อ จำกัด ในการใช้งาน แต่ไม่มีโมดูลสำหรับการนำเข้ากราฟิกจาก Photoshop และ Sketch แอปพลิเคชันนี้เป็นเวอร์ชันพิเศษของสภาพแวดล้อม Qt Creator ซึ่งสร้างขึ้นจากพื้นที่เก็บข้อมูลที่ใช้ร่วมกัน การเปลี่ยนแปลงเฉพาะ Qt Design Studio ส่วนใหญ่จะรวมอยู่ในฐานโค้ดหลัก Qt Creator โมดูลการรวม Photoshop และ Sketch เป็นกรรมสิทธิ์
ในรุ่นใหม่:
- ขยายขีดความสามารถของโมดูล ซึ่งช่วยให้คุณสามารถสร้างส่วนประกอบที่พร้อมใช้งานตามเค้าโครงที่เตรียมไว้ใน Sketch และส่งออกไปยังโค้ด QML เพิ่มการรองรับโมดูล ซึ่งช่วยให้คุณสามารถผูกคุณสมบัติข้อความที่แตกต่างกันกับอินสแตนซ์ที่แตกต่างกันของปุ่มและส่วนประกอบอินเทอร์เฟซอื่น ๆ (คุณสมบัติเหล่านี้จะถูกส่งออกไปยัง QML โดยมีคุณสมบัติที่ถูกแทนที่ซึ่งมองเห็นเป็นคุณสมบัติของส่วนประกอบ) ที่เพิ่มเข้ามาคือความสามารถในการส่งออกกราฟิกในรูปแบบเวกเตอร์ SVG (ก่อนหน้านี้รองรับเฉพาะรูปแบบแรสเตอร์เท่านั้น) ซึ่งสามารถปรับขนาดใน QML
- การออกแบบอินเทอร์เฟซสำหรับการดูคุณสมบัติมีการเปลี่ยนแปลง เปลี่ยนไปใช้ Qt Quick Controls 2 และตอนนี้สามารถปรับแต่งได้อย่างสมบูรณ์ผ่านธีมการออกแบบ ปรับปรุงการใช้งานอย่างเห็นได้ชัด (กล่องหมุน) ซึ่งขณะนี้รองรับการลากเมาส์และสามารถเลือกเพิ่มแถบเลื่อนได้ เพิ่มการรองรับบล็อกแบบหลายส่วน ช่วยให้คุณสามารถตั้งค่าคุณสมบัติขององค์ประกอบต่างๆ ในแต่ละครั้งได้ มีการเพิ่มกล่องโต้ตอบใหม่สำหรับการจัดการการไล่ระดับสีในตัวแก้ไขคุณสมบัติ ตัวแก้ไขสีได้รับการอัปเดตเพื่อรวมส่วนที่มีสีที่เลือกไว้ก่อนหน้านี้
- ตัวแก้ไขการเชื่อมโยงได้รับการปรับปรุง ซึ่งขณะนี้ใช้วิดเจ็ตการแก้ไขโค้ดที่สะดวกยิ่งขึ้นสำหรับ QML
- มีการเพิ่มตัวแก้ไขเส้นโค้งแอนิเมชั่นใหม่ ช่วยให้คุณสามารถปรับเส้นโค้งการประมาณค่าสำหรับเฟรมหลักหลายเฟรมในมุมมองเดียว คล้ายกับเครื่องมือควบคุมแอนิเมชันปกติจากแพ็คเกจ 3D
- มีการตั้งข้อสังเกตด้วยว่างานในการสร้างโปรแกรมดู QML โดยใช้ WebAssembly ยังไม่เสร็จสิ้นซึ่งช่วยให้คุณสร้างแพ็คเกจด้วยโครงการ QML สำหรับเว็บซึ่งสามารถทำงานผ่านเบราว์เซอร์ได้
คุณสมบัติที่สำคัญของ Qt Design Studio:
- ภาพเคลื่อนไหวไทม์ไลน์ - โปรแกรมแก้ไขไทม์ไลน์และคีย์เฟรมที่ทำให้การสร้างภาพเคลื่อนไหวเป็นเรื่องง่ายโดยไม่ต้องเขียนโค้ด
- ทรัพยากรที่พัฒนาโดยผู้ออกแบบจะกลายเป็นส่วนประกอบ QML สากลที่สามารถนำมาใช้ซ้ำในโครงการต่างๆ
- Qt Live Preview - ช่วยให้คุณสามารถดูตัวอย่างแอปพลิเคชันหรืออินเทอร์เฟซผู้ใช้ที่ได้รับการพัฒนาโดยตรงบนเดสก์ท็อป อุปกรณ์ Android หรือ Boot2Qt สามารถสังเกตการเปลี่ยนแปลงที่เกิดขึ้นบนอุปกรณ์ได้ทันที สามารถควบคุม FPS อัปโหลดไฟล์พร้อมคำแปล และเปลี่ยนขนาดขององค์ประกอบได้ ซึ่งรวมถึงการสนับสนุนการแสดงตัวอย่างองค์ประกอบที่เตรียมไว้ในแอปพลิเคชันบนอุปกรณ์ .
- ความเป็นไปได้ของการผสานรวมกับ Qt Safe Renderer - องค์ประกอบ Safe Renderer สามารถแมปกับองค์ประกอบของอินเทอร์เฟซที่กำลังพัฒนาได้
- แสดงโปรแกรมแก้ไขภาพและโปรแกรมแก้ไขโค้ดแบบเคียงข้างกัน - คุณสามารถทำการเปลี่ยนแปลงการออกแบบหรือแก้ไข QML ได้พร้อมกัน
- ชุดปุ่มสวิตช์และองค์ประกอบควบคุมอื่น ๆ สำเร็จรูปและปรับแต่งได้
- ชุดเอฟเฟกต์ภาพในตัวและปรับแต่งได้
- เค้าโครงแบบไดนามิกขององค์ประกอบอินเทอร์เฟซช่วยให้คุณสามารถปรับให้เข้ากับหน้าจอใดก็ได้
- โปรแกรมแก้ไขฉากขั้นสูงที่ช่วยให้คุณจัดวางองค์ประกอบต่างๆ ได้จนถึงรายละเอียดที่เล็กที่สุด
- โมดูล Qt Photoshop Bridge และ Qt Sketch Bridge สำหรับการนำเข้ากราฟิกจาก Photoshop และ Sketch ช่วยให้คุณสร้างส่วนประกอบที่พร้อมใช้งานได้โดยตรงจากกราฟิกที่เตรียมไว้ใน Photoshop หรือ Sketch และส่งออกไปยังโค้ด QML สิ่งเหล่านี้ไม่รวมอยู่ในรุ่นชุมชน
ที่มา: opennet.ru