程式碼範例

IconDemo.kt

@Composable
fun IconDemo() {
    Icon(
        imageVector = Icons.Default.Image,
        contentDescription = null,
        tint = Color.Red,
        modifier = Modifier
            .size(160.dp)
            .clickable{
                Log.d("TAG", "Icon Demo: icon clicked")
            }
    )
}

@Preview
@Composable
fun IconDemoPreview() {
    IconDemo()
}

擴充 Icon

加入這個函式庫,會增加可用的 Icon 數量

app/build.gradle.kt

...
dependencies {
		...
		// Material Icons
		implementation("androidx.compose.material:material-icons-extended:1.5.4")
}

所有 Icon 列表

Material Icon 官方網站

這裏可以找到 icon 圖像、名稱、及其在 Web、Android 及 iOS 上的用法

Last modified: 2023 年 12 月 25 日

Author

Comments

Write a Reply or Comment

Your email address will not be published.