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

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

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

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

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

ไอคอน Gutter

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

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

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

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

ตัวเลือกสี

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

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

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

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

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

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