UI ใหม่ใน Android Studio

การอัปเดตฟีเจอร์ใหม่ของ Android Studio Ladybug ขอแนะนำ UI ใหม่จาก การอัปเดต IntelliJ Platform 2024.2 เป็นธีมเริ่มต้น UI ใหม่มาพร้อมดีไซน์ที่คล่องตัวและฟีเจอร์ที่ได้รับการปรับปรุง ซึ่งช่วยให้นักพัฒนาแอปทั้งมือใหม่และมืออาชีพสามารถนำทางเวิร์กโฟลว์ได้อย่างมีประสิทธิภาพมากขึ้น

การเปลี่ยนแปลงการออกแบบที่สำคัญ

UI ใหม่มาพร้อมการปรับปรุงมากมายเพื่อเพิ่มประสิทธิภาพเวิร์กโฟลว์และมอบสภาพแวดล้อมที่สอดคล้องกันมากขึ้น โดยได้รับการออกแบบมาเพื่อลดความซับซ้อนของภาพ ให้เข้าถึงฟีเจอร์ที่จำเป็นได้ง่าย และค่อยๆ เปิดเผยฟีเจอร์ขั้นสูงตามความจำเป็น ซึ่งส่งผลให้รูปลักษณ์ดูสะอาดตาและใช้งานง่าย ส่วนต่อไปนี้จะอธิบายการเปลี่ยนแปลงที่ใหญ่ที่สุดที่คุณจะเห็นใน UI ใหม่ใน Android Studio

ธีมและไอคอน

ธีมสว่างและธีมมืดที่อัปเดตแล้วมีคอนทราสต์ของสีที่ดีขึ้นและการออกแบบที่สอดคล้องกันมากขึ้นเพื่อประสบการณ์การใช้งานที่ดึงดูดสายตา ตอนนี้คุณสามารถสลับระหว่างธีมต่างๆ ได้อย่างง่ายดายตามความต้องการ

นอกจากนี้ UI ใหม่ยังมีชุดไอคอนที่ทันสมัยขึ้น ซึ่งดูสะอาดตา อ่านง่าย และแยกแยะได้ง่ายขึ้น จึงมอบประสบการณ์การใช้งานที่สอดคล้องกันมากขึ้นใน IDE

แถบเครื่องมือหลักที่เรียบง่าย

UI ใหม่มีแถบเครื่องมือหลักที่จัดระเบียบมากขึ้น ซึ่งจัดลำดับความสำคัญของการดำเนินการที่ใช้บ่อยที่สุด เช่น การเลือกอุปกรณ์ที่กำลังทำงาน การจัดการการควบคุมเวอร์ชัน และการสลับโปรเจ็กต์ จึงช่วยให้คุณใช้เวลาค้นหาเครื่องมือน้อยลงและมีเวลาเขียนโค้ดมากขึ้น

ปรับแต่งแถบเครื่องมือหลักด้วยการดำเนินการที่จำเป็นในการตั้งค่า > ลักษณะที่ปรากฏและลักษณะการทำงาน > เมนูและแถบเครื่องมือ

วิดเจ็ตสำหรับ Git และโปรเจ็กต์

ตอนนี้แถบเครื่องมือหลักมีวิดเจ็ตเมนูใหม่ 2 รายการ ได้แก่

• วิดเจ็ตโปรเจ็กต์ สำหรับเรียกดูโปรเจ็กต์ล่าสุดหรือสร้างโปรเจ็กต์ใหม่

• วิดเจ็ต Git สำหรับการจัดการการควบคุมเวอร์ชันและการดำเนินการ Git ที่ใช้บ่อย วิดเจ็ต Git ย้ายไปอยู่ที่ด้านบนของแถบสถานะ แต่คุณสามารถย้ายกลับไปยังตำแหน่งเดิมที่ด้านขวาล่างได้

การกำหนดค่าการเรียกใช้และการดำเนินการสร้างโปรไฟล์

การกำหนดค่าการเรียกใช้และการดำเนินการสร้างโปรไฟล์ได้รับการปรับปรุงให้เป็นวิดเจ็ต การเรียกใช้ ใหม่ โดยการดำเนินการสร้างโปรไฟล์จะย้ายไปอยู่ที่เมนูรายการเพิ่มเติม

หน้าต่างเครื่องมือที่ออกแบบใหม่

ตอนนี้หน้าต่างเครื่องมือได้รับการจัดระเบียบที่ดีขึ้นและตรึงไว้ที่ด้านข้างของหน้าต่างหลัก แถบหน้าต่างเครื่องมือได้รับการปรับปรุงให้แสดงเฉพาะไอคอนหน้าต่างเครื่องมือที่เลือก ส่วนไอคอนอื่นๆ จะเข้าถึงได้จากเมนูรายการเพิ่มเติม เลย์เอาต์หน้าต่างเครื่องมือใหม่นี้ใช้งานง่ายกว่าและมีตัวเลือกที่ยืดหยุ่นในการปรับแต่งพื้นที่ทำงาน

เข้าถึงหน้าต่างเครื่องมือที่ซ่อนอยู่โดยใช้ปุ่มหน้าต่างเครื่องมือเพิ่มเติม เมื่อเลือกแล้ว หน้าต่างเครื่องมือจะเปิดขึ้นและปุ่มของหน้าต่างจะปรากฏในแถบเครื่องมือเริ่มต้น

การแบ่งตามแนวตั้งและแนวนอน

แบ่งพื้นที่ทำงานโดยการลากไอคอนหน้าต่างเครื่องมือ วางไอคอนไว้ใต้ตัวคั่นแถบด้านข้างเพื่อแบ่งตามแนวตั้ง หรือวางไว้ที่แถบด้านข้างตรงข้ามเพื่อแบ่งตามแนวนอน

ตำแหน่งใหม่สำหรับตัวควบคุมเครื่องมือ UI

ตอนนี้ตัวควบคุมเครื่องมือ UI (โค้ด/แยก/ออกแบบ) สำหรับทั้งตัวอย่าง Compose และตัวอย่างที่อิงตามมุมมองจะอยู่นอกแท็บเอดิเตอร์ ซึ่งช่วยให้เข้าถึงได้ง่ายขึ้น

แถบนำทาง

แถบนำทางจะแสดงเส้นทางแบบเต็มไปยังไฟล์ที่คุณเลือก คุณสามารถย้ายแถบนำทางไปไว้ที่ด้านบนของหน้าต่างได้โดยไปที่มุมมอง > ลักษณะที่ปรากฏ > แถบนำทาง ในเมนูหลัก

โหมดกะทัดรัด

โหมดนี้ออกแบบมาสำหรับหน้าจอขนาดเล็ก จึงทำให้ IDE กะทัดรัดมากขึ้น แถบเครื่องมือและส่วนหัวสั้นลง ไอคอนและปุ่มมีขนาดเล็กลง และมีพื้นที่ระหว่างองค์ประกอบน้อยลง

คุณเปิดใช้โหมดกะทัดรัดได้โดยทำตามวิธีใดวิธีหนึ่งต่อไปนี้

• ไปที่มุมมอง > ลักษณะที่ปรากฏ > โหมดกะทัดรัด
• เปิดการตั้งค่า IDE เลือกลักษณะที่ปรากฏและลักษณะการทำงาน > ลักษณะที่ปรากฏ แล้วเปิดใช้ตัวเลือกโหมดกะทัดรัด

การรองรับ UI แบบคลาสสิกต่อไป

นักพัฒนาแอปที่ต้องการใช้ UI แบบคลาสสิกสามารถเข้าถึงได้ผ่านปลั๊กอินที่พร้อมให้บริการใน JetBrains Marketplace IntelliJ จะยังคงรองรับปลั๊กอิน UI แบบคลาสสิกต่อไปอีกอย่างน้อย 1 ปี เพื่อช่วยให้การเปลี่ยนผ่านเป็นไปอย่างราบรื่นสำหรับนักพัฒนาแอปทุกคน

ดูข้อมูลเพิ่มเติมได้ที่ บล็อกโพสต์ประกาศจาก JetBrains