ไอคอน

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

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