ไอคอน

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

ตัวอย่างเช่น หากมี Vector Drawable ที่ต้องการโหลดด้วยค่าเริ่มต้นของ Material คุณสามารถใช้ Composable 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 (ซึ่งใช้กลไกเดียวกันสำหรับการปรับสีตามที่อธิบายไว้ในส่วนการปรับสีรูปภาพ) Composable Icon มีไว้เพื่อใช้กับองค์ประกอบไอคอนขนาดเล็ก คุณควรใช้ Composable Image เพื่อให้มีตัวเลือกการปรับแต่งเพิ่มเติม

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