Android（含Compose）中可程序化操作SVG元素的类SVGView方案咨询

针对你需要程序化访问并修改SVG内部房间元素的需求，以下是几种实用方案：

1. 手动解析SVG路径并在Compose Canvas中重绘 #

这是最灵活的可控方案：

• 用XmlPullParser直接读取SVG文件的XML结构，提取带唯一ID的房间元素对应的路径数据（d属性）
• 将路径数据转为Compose的Path对象，然后在Canvas中逐个绘制，按需修改单个路径的颜色、填充样式等
• 示例代码：

  // 解析SVG中所有带ID的房间路径
  fun parseRoomPaths(svgResId: Int, context: Context): Map<String, Path> {
      val parser = context.resources.getXml(svgResId)
      val roomPaths = mutableMapOf<String, Path>()
      var currentRoomId: String? = null
  
      while (parser.next() != XmlPullParser.END_DOCUMENT) {
          when (parser.eventType) {
              XmlPullParser.START_TAG -> {
                  if (parser.name.equals("g", ignoreCase = true)) {
                      currentRoomId = parser.getAttributeValue(null, "id")
                  } else if (parser.name.equals("path", ignoreCase = true) && currentRoomId != null) {
                      parser.getAttributeValue(null, "d")?.let { pathData ->
                          val path = Path()
                          PathParser.parsePath(pathData, path)
                          roomPaths[currentRoomId] = path
                      }
                  }
              }
              XmlPullParser.END_TAG -> {
                  if (parser.name.equals("g", ignoreCase = true)) {
                      currentRoomId = null
                  }
              }
          }
      }
      return roomPaths
  }
  
  // Compose中绘制蓝图并支持选中房间上色
  @Composable
  fun BlueprintCanvas(roomPaths: Map<String, Path>, selectedRoomId: String?) {
      Canvas(modifier = Modifier.fillMaxSize()) {
          val scale = size.width / 1000f // 根据SVG视口调整缩放比例
          withTransform({ scale(scale, scale) }) {
              roomPaths.forEach { (roomId, path) ->
                  drawPath(
                      path = path,
                      color = if (roomId == selectedRoomId) Color(0xFF4A90E2) else Color(0xFFE0E0E0),
                      style = Fill
                  )
              }
          }
      }
  }
  

2. 基于VectorDrawable解析内部元素 #

如果已经将SVG转为Android的VectorDrawable（Android Studio可直接导入生成）：

• 解析VectorDrawable的XML文件，提取每个带android:name属性的房间元素路径
• 同样将路径转为Compose的Path对象，独立控制绘制属性
• 注意：需要处理VectorDrawable的viewportWidth/viewportHeight和实际画布尺寸的缩放适配

3. 使用社区维护的Compose SVG库 #

部分社区库支持加载SVG并遍历节点修改属性：

• 加载SVG文件为可操作的节点树，通过ID定位到目标房间元素，直接修改其填充色、描边等属性
• 核心思路是解析SVG文档结构，直接操作节点属性后再转为Compose可用的Painter

关键注意点 #

• 确保SVG中每个房间元素都有唯一的ID（比如<g id="living_room">），这是定位元素的关键
• 解析时要处理好SVG的坐标系统，避免绘制时出现偏移或缩放问题
• 复杂SVG建议先清理冗余元素，只保留需要操作的房间路径和必要结构

内容的提问来源于stack exchange，提问作者Roger Silva