ไอคอน

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

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