ไอคอน

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

เช่น หากมี VectorDrawable ที่ต้องการโหลดด้วยค่าเริ่มต้นของ Material คุณสามารถใช้ Composable Icon ได้ดังนี้

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

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

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