UI ใหม่ใน Android Studio

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

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

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

ธีมและไอคอน

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

รูปที่ 1 ธีมสว่างสำหรับ UI ใหม่
รูปที่ 2 ธีมสว่างพร้อมส่วนหัวสว่างสำหรับ UI ใหม่
รูปที่ 3 ธีมมืดสำหรับ UI ใหม่

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

รูปที่ 4 ชุดไอคอนสําหรับ UI ใหม่

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

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

รูปที่ 5 UI แบบคลาสสิก
รูปที่ 6 UI ใหม่ที่มีแถบเครื่องมือหลักที่ใช้งานง่าย

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

รูปที่ 7 การตั้งค่าเพื่อปรับแต่งแถบเครื่องมือหลัก

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

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

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

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

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

รูปที่ 10 เรียกใช้การกําหนดค่าใน UI แบบคลาสสิก
รูปที่ 11 การสร้างโปรไฟล์การดําเนินการใน UI แบบคลาสสิก
รูปที่ 12 ตําแหน่งของวิดเจ็ตการเรียกใช้ใน UI ใหม่

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

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

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

รูปที่ 13 ตำแหน่งของเมนูรายการเพิ่มเติมในหน้าต่างเครื่องมือใน UI ใหม่

การแยกแนวตั้งและแนวนอน

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

รูปที่ 14 การแยกแนวตั้ง
รูปที่ 15 การแยกแนวนอน

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

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

รูปที่ 16 การควบคุมเครื่องมือ UI ใน UI แบบคลาสสิก
รูปที่ 17 การควบคุมเครื่องมือ UI ใน UI ใหม่

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

รูปที่ 18 แถบนำทางใน UI ใหม่

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

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

รูปที่ 19 มุมมองแบบแสดงคู่ของโหมดกะทัดรัด (ซ้าย) กับโหมดเริ่มต้น (ขวา)
รูปที่ 20 การเปรียบเทียบความสูงของแถบเครื่องมือในโหมดกะทัดรัด (ด้านบน) กับโหมดเริ่มต้น (ด้านล่าง)

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

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

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

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

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