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

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

เทมเพลตพร้อมใช้

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

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

ไอคอนรางน้ำ

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

ใช้งานเวอร์ชันตัวอย่าง

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

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

ตัวเลือกสี

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

ผู้ใช้คลิกสีในแถบพัก ซึ่งจะแสดงเครื่องมือเลือกสี

เครื่องมือเลือกแหล่งข้อมูลรูปภาพ

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

ผู้ใช้คลิกไอคอนในแถบข้าง ซึ่งจะแสดงเครื่องมือเลือกทรัพยากร

ก่อนหน้า
พัฒนาโค้ดซ้ำๆ
ถัดไป
ตรวจสอบเลย์เอาต์