买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：北京恒泰实达科技股份有限公司

摘要：本发明属于绘图设计技术领域，且公开了一种基于Sketch插件生成画面的设计方法，该设计方法步骤包括有：S1，基于Sketch平台，创建插件；S2，解析sketch设计稿；S3，对解析结构进行分析优化；S4，导入到H‑VBI，生成画面。本发明方法结合可视化平台的特性和Sketch插件的能力，设计了一种全新的解决方案，该方案能够对设计稿进行深入的分析和计算，通过智能化的技术，将设计稿自动转化为平台的页面，实施人员就不再需要花费大量的时间和精力去手动完成页面的设计和制作，只需要根据页面的需求，配置必要的数据和交互功能，就可以快速完成页面的展示，这一创新性的技术，将极大地提升实施效率，降低实施成本，为设计师和实施人员提供更加便捷和高效的工作方式。

主权项：1.一种基于Sketch插件生成画面的设计方法，其特征在于：该设计方法步骤包括有：S1，基于Sketch平台，创建插件；使用JavaScript+CocoaScript的混合开发模式，利用官方针对sketchNativeAPI封装的一套JSAPI，利用ES6语法，访问macOS框架并使用SketchAPI，同时还封装了webview与插件底层的通信机制；S2，解析sketch设计稿；1在Sketch插件的“manifest.json”文件中，进行一些配置以触发一个特定的菜单，接着，在“webview.html”中，编写用户界面UI的样式，并设置一个【导出】按钮；2当用户在插件面板中点击这个【导出】按钮时，系统会检查用户是否已选择设计稿的根节点；一旦确认，CocoaScript将介入，调用macOS的文件系统；这允许用户选择导出的位置和指定的文件名称；3通过调用Sketch的API，获取到sketch设计稿的原始结构；然后，将原始结构按照单个画板进行拆分，以画板为最小单位进行解析；确保每个部分都得到适当的处理和导出；S3，对解析结构进行分析优化；1图层重构：对解析结构进行重构建图层；2属性解析：通过将sketch源文件中的属性一一对应成CSS样式；S4，导入到H-VBI，生成画面；将上述步骤得到的数据导入至H-VBI，H-VBI拿到压缩包后进行解压，拿到json文件和所有的素材，将所有的素材上传到H-VBI的文件系统中，记录上传后的文件路径；递归解析JSON文件，获取到每一层的类型，如文本、图片或者其他，根据不同的类型请求H-VBI对应的控件，给H-VBI的控件设置相应的属性和位置层级，插入到页面中；将插入到页面中的控件，对应sketch的层级结构进行分组处理，便于后面的维护和查找。

全文数据：

权利要求：

百度查询： 北京恒泰实达科技股份有限公司 一种基于Sketch插件生成画面的设计方法