ไอคอน

คอมโพสิเบิล Icon เป็นวิธีที่สะดวกในการวาดไอคอนสีเดียวบนหน้าจอซึ่งเป็นไปตามหลักเกณฑ์ของ Material Design หากต้องการใช้ Icon ให้ใส่ไลบรารี Compose Material (หรือไลบรารี Compose Material 3)

เช่น หากมีองค์ประกอบภาพเวกเตอร์ที่คุณต้องการโหลดด้วยค่าเริ่มต้นของ Material คุณสามารถใช้คอมโพสิเบิล Icon ดังนี้

Icon(
    painter = painterResource(R.drawable.baseline_directions_bus_24),
    contentDescription = stringResource(id = R.string.bus_content_description)
)
MaterialIconsSnippets.kt

โดยค่าเริ่มต้น คอมโพสิเบิล Icon จะมีสี LocalContentColor.current และมีขนาด 24.dp และยังแสดงพารามิเตอร์สี tint ด้วย (ซึ่งใช้ประโยชน์จากกลไกการปรับสีเดียวกันตามที่อธิบายไว้ในส่วนการปรับสีรูปภาพ) คอมโพสิเบิล Icon มีไว้สำหรับใช้กับองค์ประกอบไอคอนขนาดเล็ก คุณควรใช้คอมโพสิเบิล Image เพื่อดูตัวเลือกการปรับแต่งเพิ่มเติม

หมายเหตุ: ไอคอน Material มี 2 สไตล์ ได้แก่ สัญลักษณ์ Material (ใหม่) และไอคอน Material (material-icons) คลังไอคอน Material ประกอบด้วยชุด Icons ที่กําหนดไว้ล่วงหน้าซึ่งใช้ใน Compose ได้โดยไม่ต้องนําเข้า SVG ด้วยตนเอง อย่างไรก็ตาม เราไม่ได้ดูแลรักษาหรือแนะนำให้ใช้อาร์ติแฟกต์นี้ในแอปอีกต่อไป เนื่องจากมีรูปลักษณ์ที่ล้าสมัยและอาจเพิ่มเวลาในการสร้างแอปอย่างมาก เราขอแนะนำให้ใช้ไอคอนแบบอักษร Google และดาวน์โหลดไฟล์ XML จากแท็บ Android เพื่อสร้างไอคอนสไตล์สัญลักษณ์ Material ที่เป็นปัจจุบัน