如何在IntelliJ IDEA的Compose Desktop项目中使用compose.materialIconsExtended？

1. 导入图标包 #

在需要使用图标的Compose文件顶部，导入对应的图标包：

import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.extended.*

如果不想导入全部图标，也可以按需单独导入某个图标，比如：

import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.extended.Home
import androidx.compose.material.icons.extended.ShoppingCart

2. 在布局中调用图标 #

用Compose的Icon组件渲染图标，示例代码：

import androidx.compose.material.Icon
import androidx.compose.material.MaterialTheme
import androidx.compose.runtime.Composable
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp

@Composable
fun ExtendedIconExample() {
    Icon(
        imageVector = Icons.Extended.Home, // 指定要使用的Extended图标
        contentDescription = "首页", // 无障碍描述，建议必填
        tint = MaterialTheme.colors.primary, // 自定义图标颜色
        modifier = androidx.compose.ui.Modifier.size(48.dp) // 调整图标大小
    )
}

注意事项 #

• 确认你的Compose Desktop版本与materialIconsExtended依赖版本一致，避免版本冲突
• contentDescription用于无障碍访问，若不需要可传null，但不建议这么做
• 除了颜色和尺寸，还可以通过Modifier给图标添加点击事件、边距等其他修饰

内容的提问来源于stack exchange，提问作者Hadj Said Aoumer