ไอคอน

Composable Icon เป็นวิธีที่สะดวกในการวาดไอคอนสีเดียวบนหน้าจอ ตามหลักเกณฑ์ของ 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

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

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