近日，杭州友声科技股份有限公司自主研发的“基于AI的UI布局信息智能渲染方法及系统”正式获得国家知识产权局发明专利授权，专利号：ZL 2026 1 1022775.8。该专利的取得，标志着友声科技在AI驱动的UI智能渲染、跨平台代码生成与智能软件研发领域取得重要技术突破，进一步彰显了公司的自主创新能力与技术领先实力。

       在UI设计与界面构建工程中，传统UI布局渲染方法长期依赖前端工程师手动编码，或使用设计工具导出静态代码。此类方案通常只能保留元素的位置、尺寸、颜色、字体等视觉属性，却难以理解按钮、卡片、列表、容器等元素的语义类别，也无法准确捕捉元素之间的空间相邻关系与嵌套层级关系。其结果是，开发人员仍需大量手工调整布局结构，尤其在响应式适配、复杂层级处理和跨平台转换时，工作量大、偏差多、可维护性差。

       友声科技此次获得授权的发明专利，正是针对上述行业痛点提出的一套全链路AI智能渲染解决方案。该方案首先解析用户界面设计源文件，提取布局结构信息与视觉元素属性信息，并对各视觉元素进行空间关系建模，生成“元素空间关系图”，以节点表征视觉元素，以边表征元素间的空间相邻关系与嵌套层级关系。在此基础上，该专利创新引入双通道特征编码与融合机制：一路编码节点的视觉外观特征，生成视觉外观特征向量；另一路编码节点在空间关系图中的空间上下文拓扑结构，生成空间上下文特征向量。二者融合形成联合表征向量，用于语义类别推断并输出元素类型标签。       由此，系统不仅“看得见”界面元素，更能“看得懂”元素角色，可区分按钮、文本框、图片、卡片容器、列表等组件类型，并自动关联相应交互逻辑与组件语义。完成语义推断后，系统根据元素类型标签与元素空间关系图，构建携带语义信息的结构化布局树。最终，系统依据目标渲染平台的渲染引擎特性，将结构化布局树映射转换为平台原生布局代码，从而实现从设计稿到多平台原生代码的智能转换。

       相较于传统方案，该专利技术的领先性体现在多个维度：

       一是从“视觉属性”走向“语义理解”。传统方法只能识别尺寸、颜色、字体等表层信息，而该专利能够自动推断元素类型标签，让生成的代码具备组件语义和交互逻辑基础。

       二是从“绝对定位”走向“结构还原”。通过元素空间关系图和空间上下文拓扑编码，系统能够准确捕捉元素间的相邻、对齐、分组与嵌套关系，避免浮动按钮、卡片容器等元素在适配时错位，提升布局的结构性与可复用性。

       三是从“静态代码片段”走向“平台原生布局代码”。该专利不是简单导出基础代码片段，而是根据目标渲染平台特性进行映射转换，生成包含原生UI组件声明及层级嵌套关系的布局代码，为响应式适配与跨平台开发提供更高效的底层支撑。

       四是从“人工调整”走向“AI全链路驱动”。该方案覆盖设计源文件解析、空间关系建模、视觉与拓扑特征融合、语义类别推断、结构化布局树构建、原生代码生成等关键环节，可显著降低开发人员手动调整布局、识别组件、处理嵌套关系的工作量，提升研发效率与代码一致性。

       此次发明专利获得授权，是友声科技在AI智能软件工程领域取得的又一项重要成果。这不仅体现了公司在人工智能、界面理解、跨平台渲染等前沿技术领域的持续投入，也进一步巩固了公司在智能UI渲染与代码生成方向的技术壁垒。面向未来，杭州友声科技将继续加大研发投入，推动该专利技术在低代码/无代码平台、智能工具、多端应用开发、企业级软件研发等场景的落地，为开发者和企业客户提供更高效、更智能、更可靠的产品体验，持续引领AI赋能软件测试的新趋势。