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

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 หรือ Column

ไอคอนรางน้ำ

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

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

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

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

ตัวเลือกสี

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

ผู้ใช้คลิกสีในแถบด้านข้างเพื่อเปิดเครื่องมือเลือกสี

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

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

ผู้ใช้คลิกไอคอนในแถบด้านข้างเพื่อเปิดตัวเลือกทรัพยากร

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