การดําเนินการของเอดิเตอร์

Android Studio มีฟีเจอร์ภายในพื้นที่เอดิเตอร์เพื่อปรับปรุงประสิทธิภาพการทำงานของคุณ ด้วย Jetpack Compose

เทมเพลตแบบสด

Android Studio มาพร้อมกับ Live Template ที่เกี่ยวข้องกับ Compose เหล่านี้ ซึ่งช่วยให้คุณ ป้อนโค้ด Snippet เพื่อแทรกได้อย่างรวดเร็วโดยพิมพ์ตัวย่อของเทมเพลตที่เกี่ยวข้อง

  • comp เพื่อตั้งค่าฟังก์ชัน @Composable
  • prev เพื่อสร้าง@Previewฟังก์ชันที่ประกอบกันได้
  • paddp เพื่อเพิ่มpaddingตัวแก้ไขใน dp
  • weight เพื่อเพิ่มweightตัวปรับแต่ง
  • W, WR, WC เพื่อล้อมรอบ Composable ปัจจุบันด้วย Box, Row หรือ ColumnContainer

ไอคอนรางน้ำ

ไอคอน Gutter คือการดำเนินการตามบริบทที่มองเห็นได้ในแถบด้านข้างข้างหมายเลขบรรทัด Android Studio มีไอคอนแถบด้านข้างหลายรายการที่เฉพาะเจาะจงสำหรับ Jetpack Compose เพื่อให้คุณได้รับประสบการณ์การพัฒนาแอปที่ง่ายขึ้น

แสดงตัวอย่างการติดตั้งใช้งาน

คุณสามารถติดตั้งใช้งาน @Preview กับโปรแกรมจำลองหรืออุปกรณ์จริงได้โดยตรงจาก ไอคอนแถบด้านข้าง

ผู้ใช้คลิกไอคอนแถบด้านข้างของการติดตั้งใช้งานฟังก์ชันแสดงตัวอย่าง และติดตั้งใช้งาน ตัวอย่างไปยัง อุปกรณ์

ตัวเลือกสี

เมื่อใดก็ตามที่มีการกำหนดสีภายในหรือภายนอก Composable ระบบจะแสดงตัวอย่างสี ในแถบด้านข้าง คุณเปลี่ยนสีผ่านเครื่องมือเลือกสีได้โดยคลิกที่เครื่องมือ ดังนี้

ผู้ใช้คลิกสีในกัตเตอร์เพื่อแสดงเครื่องมือเลือกสี

เครื่องมือเลือกทรัพยากรรูปภาพ

เมื่อใดก็ตามที่มีการกำหนด Drawable, Vector หรือรูปภาพภายในหรือภายนอก Composable ระบบจะแสดงตัวอย่างใน Gutter คุณเปลี่ยนได้ผ่านเครื่องมือเลือกแหล่งข้อมูลรูปภาพ โดยคลิกที่เครื่องมือเลือกดังนี้

ผู้ใช้คลิกไอคอนในกัตเตอร์เพื่อเรียกเครื่องมือเลือกทรัพยากร

ก่อนหน้า
พัฒนาโค้ดซ้ำๆ
ถัดไป
ลวดลาย