Android Jetpack Compose中统一Drawable与Material图标的方法问询

你的问题核心是Painter（来自Drawable资源）和ImageVector（Material图标）类型不兼容，无法直接放入同一个MenuItem类的同名字段。以下是两种可行的解决方式：

方式一：用密封类封装图标类型（推荐） #

通过密封类统一两种图标类型，让MenuItem接受这个密封类作为图标参数，再在渲染时根据类型处理：

1. 定义密封类封装两种图标

sealed class MenuIcon {
    // 封装Drawable资源的Painter图标
    data class DrawableIcon(val painter: Painter) : MenuIcon()
    // 封装Material库的ImageVector图标
    data class VectorIcon(val imageVector: ImageVector) : MenuIcon()
}

2. 修改MenuItem的图标类型

data class MenuItem(val icon: MenuIcon, val label: String)

3. 构建菜单数据

val menuItems = listOf(
    MenuItem(MenuIcon.DrawableIcon(painterResource(R.drawable.menu_1)), "Menu 1"),
    MenuItem(MenuIcon.VectorIcon(Icons.Default.Home), "Menu 2")
)

4. 在renderMenu中根据类型渲染图标

@Composable
fun renderMenu(items: List<MenuItem>) {
    Column {
        items.forEach { item ->
            Row(verticalAlignment = Alignment.CenterVertically, modifier = Modifier.padding(8.dp)) {
                when (item.icon) {
                    is MenuIcon.DrawableIcon -> {
                        Icon(
                            painter = item.icon.painter,
                            contentDescription = item.label,
                            modifier = Modifier.size(24.dp)
                        )
                    }
                    is MenuIcon.VectorIcon -> {
                        Icon(
                            imageVector = item.icon.imageVector,
                            contentDescription = item.label,
                            modifier = Modifier.size(24.dp)
                        )
                    }
                }
                Spacer(modifier = Modifier.width(8.dp))
                Text(text = item.label)
            }
        }
    }
}

方式二：将ImageVector转换为Painter #

如果希望保持MenuItem的icon字段为Painter类型，可以将ImageVector通过rememberVectorPainter转换为Painter，但此操作需要在Composable上下文内完成：

1. 保持原MenuItem定义不变

data class MenuItem(val icon: Painter, val label: String)

2. 在Composable函数中构建菜单数据（转换图标）

@Composable
fun getMenuItems(): List<MenuItem> {
    // 将ImageVector转换为Painter，用remember避免重复创建
    val homeIconPainter = rememberVectorPainter(imageVector = Icons.Default.Home)
    return listOf(
        MenuItem(painterResource(R.drawable.menu_1), "Menu 1"),
        MenuItem(homeIconPainter, "Menu 2")
    )
}

3. 调用renderMenu时传入转换后的列表

renderMenu(items = getMenuItems())

两种方式各有优劣：方式一不依赖Composable上下文，菜单数据可以在任意地方定义；方式二更简洁，适合菜单数据本身就在Composable内构建的场景。

内容的提问来源于stack exchange，提问作者Jamshed Alam Qaderi