生成智能大屏的方法、装置和计算机设备.pdf

《生成智能大屏的方法、装置和计算机设备.pdf》由会员分享，可在线阅读，更多相关《生成智能大屏的方法、装置和计算机设备.pdf（20页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 202010905285.9 (22)申请日 2020.09.01 (71)申请人 平安国际智慧城市科技股份有限公 司 地址 518000 广东省深圳市前海深港合作 区妈湾兴海大道3048号前海自贸大厦 1-34层 (72)发明人 党升 (74)专利代理机构 深圳市明日今典知识产权代 理事务所(普通合伙) 44343 代理人 王杰辉曹勇 (51)Int.Cl. G06F 8/38(2018.01) G06K 9/62(2006.01) G06N 3/04(2006.01) G06。

2、N 3/08(2006.01) (54)发明名称 生成智能大屏的方法、 装置和计算机设备 (57)摘要 本申请涉及大数据技术， 揭示了生成智能大 屏的方法， 包括： 获取部署文件对应的电子图片， 部署文件包括电子图片中涉及的各显示元素分 别部署于智能大屏中时对应的部署数据， 电子图 片通过影印智能大屏的预设效果图获得； 通过AI 图像识别模型识别电子图片中的各显示元素分 别对应的特征信息； 根据各显示元素分别对应的 特征信息， 通过界面生成系统依据部署数据， 将 各显示元素通过部署文件分别部署于显示界面 上， 形成与预设效果图相同的智能大屏。 通过AI 图像识别模型识别用户设计的预设效果图， 。

3、再将 预设效果图对应的部署数据形成部署文件， 调用 界面生成系统中的组件实现自动部署形成智能 大屏， 让用户参与到智能大屏开发设计中。 权利要求书3页 说明书14页 附图2页 CN 111767054 A 2020.10.13 CN 111767054 A 1.一种生成智能大屏的方法， 其特征在于， 包括： 获取部署文件对应的电子图片， 其中， 所述部署文件包括所述电子图片中涉及的各显 示元素分别部署于智能大屏中时对应的部署数据， 所述电子图片通过影印智能大屏的预设 效果图获得； 通过AI图像识别模型识别所述电子图片中的各所述显示元素分别对应的特征信息； 根据各所述显示元素分别对应的特征信息，。

4、 通过界面生成系统依据所述部署数据， 将 各所述显示元素分别部署于显示界面上， 形成与所述预设效果图相同的所述智能大屏。 2.根据权利要求1所述的生成智能大屏的方法， 其特征在于， 所述特征信息包括显示元 素的形状特征、 显示元素处于所述电子图片的位置信息以及显示元素的尺寸信息， 所述根 据各所述显示元素分别对应的特征信息， 通过界面生成系统依据所述部署数据， 将各所述 显示元素通过所述部署文件分别部署于显示界面上， 形成与所述预设效果图相同的所述智 能大屏的步骤， 包括： 根据指定显示元素的形状特征， 从预关联的组件数据库中获取与指定显示元素的形状 特征相同的显示组件， 其中， 所述指定显示。

5、元素属于所述电子图片中的任意一个显示元素； 根据所述指定显示元素的形状特征， 确定所述显示组件的映射中心； 根据所述指定显示元素处于所述电子图片的位置信息， 确定所述指定显示元素位于所 述显示界面的位置； 通过所述部署文件将所述显示组件的映射中心嵌入所述指定显示元素位于所述显示 界面的位置的中心处； 根据所述指定显示元素的尺寸信息， 调整所述指定显示元素， 形成所述指定显示元素 在所述显示界面的显示状态； 根据所述指定显示元素在所述显示界面的组合过程， 分别在所述显示界面组合所述电 子图片中包括的所有显示元素， 形成所述智能大屏。 3.根据权利要求2所述的生成智能大屏的方法， 其特征在于， 所。

6、述根据指定显示元素的 形状特征， 从所述预关联的组件数据库中获取与所述指定显示元素的形状特征相同的显示 组件的步骤， 包括： 获取所述AI图像识别模型识别所述指定显示元素后， 输出的分类类别； 根据所述分类类别从所述组件数据库中， 调取与所述分类类别对应的组件数据组； 从所述组件数据组中， 获取与所述指定显示元素的形状特征相同的显示组件。 4.根据权利要求2所述的生成智能大屏的方法， 其特征在于， 所述预设效果图为绘制于 网格纸的绘制图， 所述网格纸通过多个相等面积的方形网格组合而成， 所述根据所述指定 显示元素处于所述电子图片的位置信息， 确定所述指定显示元素位于所述显示界面的位置 的步骤，。

7、 包括： 获取所述电子图片与所述显示界面之间的缩放比例； 根据所述缩放比例以及所述显示界面的显示区域， 确定所述指定显示元素对应的方形 网格在所述显示区域的位置； 将所述指定显示元素对应的方形网格在所述显示区域的位置， 作为所述指定显示元素 位于所述显示界面的位置。 5.根据权利要求2所述的生成智能大屏的方法， 其特征在于， 所述预设效果图至少包括 权利要求书 1/3 页 2 CN 111767054 A 2 两张， 至少两张所述预设效果图合成一个智能大屏， 所述根据所述指定显示元素在所述显 示界面的组合过程， 分别在所述显示界面组合所述电子图片中包括的所有显示元素， 形成 所述智能大屏的步骤。

8、， 包括： 获取所述预设效果图的数量， 以及至少两张所述预设效果图的组合方式； 通过所述预设效果的数量以及所述组合方式， 更新所述部署文件； 根据所述部署文件获取指定预设效果图对应的指定显示区域， 其中， 所述指定预设效 果图为所有预设效果图中的任意一个， 所述指定显示区域包含于所述显示界面； 将所述指定预设效果图中的所有显示元素， 一一对应映射显示于所述指定显示区域， 形成所述指定预设效果图在所述显示界面的映射图； 根据所述指定预设效果图在所述指定显示区域的映射显示过程中， 将所有所述预设效 果图一一对应映射于所述显示界面， 形成所有所述预设效果图对应的智能大屏。 6.根据权利要求1所述的生。

9、成智能大屏的方法， 其特征在于， 所述预设效果图为绘制于 网格纸的绘制图， 所述网格纸通过多个相等面积的方形网格组合而成， 所述特征信息包括 显示元素处于所述电子图片的位置信息， 所述通过AI图像识别模型识别所述电子图片中的 各所述显示元素分别对应的特征信息的步骤， 包括： 确定所述网格纸中与指定显示元素对应的指定方形网格， 其中， 所述指定显示元素为 所述电子图片中的所有显示元素中的任一个， 所述指定方形网格为所述指定显示元素所占 用的方形网格； 获取所述指定方形网格处于所述网格纸中的位置数据， 其中， 所述位置数据包括行位 置和列位置； 将所述指定方形网格的行位置和列位置， 作为所述指定显。

10、示元素处于所述电子图片的 位置信息。 7.根据权利要求1所述的生成智能大屏的方法， 其特征在于， 所述获取部署文件对应的 电子图片的步骤之前， 包括： 将标注数据输入深度神经网络， 在损失函数的约束下进行图像特征提取模型的训练， 并通过softmax函数输出所述标注数据对应的分类类别， 其中， 所述标注数据为标注了图像 特征的电子图片； 判断所述损失函数是否收敛； 若是， 则结束训练， 得到所述AI图像识别模型。 8.一种生成智能大屏的装置， 其特征在于， 包括： 获取模块， 用于获取部署文件对应的电子图片， 其中， 所述部署文件包括所述电子图片 中涉及的各显示元素分别部署于智能大屏中时对应的。

11、部署数据， 所述电子图片通过影印智 能大屏的预设效果图获得； 识别模块， 用于通过AI图像识别模型识别所述电子图片中的各所述显示元素分别对应 的特征信息； 部署模块， 用于根据各所述显示元素分别对应的特征信息， 通过界面生成系统依据所 述部署数据， 将各所述显示元素通过所述部署文件分别部署于显示界面上， 形成与所述预 设效果图相同的所述智能大屏。 9.一种计算机设备， 包括存储器和处理器， 所述存储器存储有计算机程序， 其特征在 权利要求书 2/3 页 3 CN 111767054 A 3 于， 所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。 10.一种计算机可读存储。

12、介质， 其上存储有计算机程序， 其特征在于， 所述计算机程序 被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。 权利要求书 3/3 页 4 CN 111767054 A 4 生成智能大屏的方法、 装置和计算机设备 技术领域 0001 本申请涉及大数据领域， 特别是涉及到生成智能大屏的方法、 装置和计算机设备。 背景技术 0002 智能大屏的展示一般结构紧凑， 显示效果酷炫， 交互性较好， 目前智能大屏的需求 越来越多。 但不同的场景和数据都需要适配不同的大屏展示效果， 如选择什么图表， 什么展 示方式， 如何布局排版等。 现有智能大屏的开发模式不能让非专业人员的客户直接参与到 开发过。

13、程， 也不能实现客户对开发后的智能大屏进行简单直接的调整操作， 每一个展示效 果都需要专业的开发人员进行单独开发， 因客户无法直接参与到设计过程中， 开发后的结 果与客户的需求达不到100%吻合， 而且客户的需求时常都会变化， 开发出来的展示效果不 能跟随客户的需求进行及时有效的调整。 发明内容 0003 本申请的主要目的为提供生成智能大屏的方法， 旨在解决现有开发智能大屏时不 能让非专业人员的客户直接参与到开发过程的技术问题。 0004 本申请提出一种生成智能大屏的方法， 包括： 获取部署文件对应的电子图片， 其中， 所述部署文件包括所述电子图片中涉及的各显 示元素分别部署于智能大屏中时对应。

14、的部署数据， 所述电子图片通过影印智能大屏的预设 效果图获得； 通过AI图像识别模型识别所述电子图片中的各所述显示元素分别对应的特征信息； 根据各所述显示元素分别对应的特征信息， 通过界面生成系统依据所述部署数据， 将 各所述显示元素通过所述部署文件分别部署于显示界面上， 形成与所述预设效果图相同的 所述智能大屏。 0005 优选地， 所述特征信息包括显示元素的形状特征、 显示元素处于所述电子图片的 位置信息以及显示元素的尺寸信息， 所述根据各所述显示元素分别对应的特征信息， 通过 界面生成系统依据所述部署数据， 将各所述显示元素通过所述部署文件分别部署于显示界 面上， 形成与所述预设效果图相。

15、同的所述智能大屏的步骤， 包括： 根据指定显示元素的形状特征， 从所述预关联的组件数据库中获取与所述指定显示元 素的形状特征相同的显示组件， 其中， 所述指定显示元素属于所述电子图片中的任意一个 显示元素； 根据所述指定显示元素的形状特征， 确定所述显示组件的映射中心； 根据所述指定显示元素处于所述电子图片的位置信息， 确定所述指定显示元素位于所 述显示界面的位置； 通过所述部署文件将所述显示组件的映射中心嵌入所述指定显示元素位于所述显示 界面的位置的中心处； 根据所述指定显示元素的尺寸信息， 调整所述指定显示元素， 形成所述指定显示元素 说明书 1/14 页 5 CN 111767054 A。

16、 5 在所述显示界面的显示状态； 根据所述指定显示元素在所述显示界面的组合过程， 分别在所述显示界面组合所述电 子图片中包括的所有显示元素， 形成所述智能大屏。 0006 优选地， 所述根据指定显示元素的形状特征， 从所述预关联的组件数据库中获取 与所述指定显示元素的形状特征相同的显示组件的步骤， 包括： 获取所述AI图像识别模型识别所述指定显示元素后， 输出的分类类别； 根据所述分类类别从所述组件数据库中， 调取与所述分类类别对应的组件数据组； 从所述组件数据组中， 获取与所述指定显示元素的形状特征相同的显示组件。 0007 优选地， 所述预设效果图为绘制于网格纸的绘制图， 所述网格纸通过多。

17、个相等面 积的方形网格组合而成， 所述根据所述指定显示元素处于所述电子图片的位置信息， 确定 所述指定显示元素位于所述显示界面的位置的步骤， 包括： 获取所述电子图片与所述显示界面之间的缩放比例； 根据所述缩放比例以及所述显示界面的显示区域， 确定所述指定显示元素对应的方形 网格在所述显示区域的位置； 将所述指定显示元素对应的方形网格在所述显示区域的位置， 作为所述指定显示元素 位于所述显示界面的位置。 0008 优选地， 所述预设效果图至少包括两张， 至少两张所述预设效果图合成一个智能 大屏， 所述根据所述指定显示元素在所述显示界面的组合过程， 分别在所述显示界面组合 所述电子图片中包括的所。

18、有显示元素， 形成所述智能大屏的步骤， 包括： 获取所述预设效果图的数量， 以及至少两张所述预设效果图的组合方式； 通过所述预设效果的数量以及所述组合方式， 更新所述部署文件； 根据所述部署文件获取指定预设效果图对应的指定显示区域， 其中， 所述指定预设效 果图为所有预设效果图中的任意一个， 所述指定显示区域包含于所述显示界面； 将所述指定预设效果图中的所有显示元素， 一一对应映射显示于所述指定显示区域， 形成所述指定预设效果图在所述显示界面的映射图； 根据所述指定预设效果图在所述指定显示区域的映射显示过程中， 将所有所述预设效 果图一一对应映射于所述显示界面， 形成所有所述预设效果图对应的智。

19、能大屏。 0009 优选地， 所述特征信息包括显示元素处于所述电子图片的位置信息， 所述通过AI 图像识别模型识别所述电子图片中的各所述显示元素分别对应的特征信息的步骤， 包括： 确定所述网格纸中与指定显示元素对应的指定方形网格， 其中， 所述指定显示元素为 所述电子图片中的所有显示元素中的任一个， 所述指定方形网格为所述指定显示元素所占 用的方形网格； 获取所述指定方形网格处于所述网格纸中的位置数据， 其中， 所述位置数据包括行位 置和列位置； 将所述指定方形网格的行位置和列位置， 作为所述指定显示元素处于所述电子图片的 位置信息。 0010 优选地， 所述获取部署文件对应的电子图片的步骤之。

20、前， 包括： 将标注数据输入深度神经网络， 在损失函数的约束下进行图像特征提取模型的训练， 并通过softmax函数输出所述标注数据对应的分类类别， 其中， 所述标注数据为标注了图像 说明书 2/14 页 6 CN 111767054 A 6 特征的电子图片； 判断所述损失函数是否收敛； 若是， 则结束训练， 得到所述AI图像识别模型。 0011 本申请还提供了一种生成智能大屏的装置， 包括： 获取模块， 用于获取部署文件对应的电子图片， 其中， 所述部署文件包括所述电子图片 中涉及的各显示元素分别部署于智能大屏中时对应的部署数据， 所述电子图片通过影印智 能大屏的预设效果图获得； 识别模块，。

21、 用于通过AI图像识别模型识别所述电子图片中的各所述显示元素分别对应 的特征信息； 部署模块， 用于根据各所述显示元素分别对应的特征信息， 通过界面生成系统依据所 述部署数据， 将各所述显示元素通过所述部署文件分别部署于显示界面上， 形成与所述预 设效果图相同的所述智能大屏。 0012 本申请还提供了一种计算机设备， 包括存储器和处理器， 所述存储器存储有计算 机程序， 所述处理器执行所述计算机程序时实现上述方法的步骤。 0013 本申请还提供了一种计算机可读存储介质， 其上存储有计算机程序， 所述计算机 程序被处理器执行时实现上述的方法的步骤。 0014 本申请通过AI图像识别模型识别用户设。

22、计的智能大屏显示效果的预设效果图， 然 后再将预设效果图对应的部署数据形成部署文件， 通过识别预设效果图中的显示元素， 并 结合部署文件， 自动调用界面生成系统中的组件实现自动部署组合， 形成智能大屏， 在智能 大屏的开发过程可通过手绘预设效果图、 更改预设效果图和部署文件， 让用户参与到开发 设计中， 更能符合客户的要求； 且可通过更改预设效果图， 实现快速调整智能大屏的显示效 果， 不用重新发起开发流程， 节省了开发流程和成本。 附图说明 0015 图1 本申请一实施例的生成智能大屏的方法流程示意图； 图2 本申请一实施例的生成智能大屏的装置结构示意图； 图3 本申请一实施例的计算机设备内。

23、部结构示意图。 具体实施方式 0016 为了使本申请的目的、 技术方案及优点更加清楚明白， 以下结合附图及实施例， 对 本申请进行进一步详细说明。 应当理解， 此处描述的具体实施例仅仅用以解释本申请， 并不 用于限定本申请。 0017 参照图1， 本申请一实施例的生成智能大屏的方法， 包括： S1： 获取部署文件对应的电子图片， 其中， 所述部署文件包括所述电子图片中涉及的各 显示元素分别部署于智能大屏中时对应的部署数据， 所述电子图片通过影印智能大屏的预 设效果图获得； S2： 通过AI图像识别模型识别所述电子图片中的各所述显示元素分别对应的特征信 息； S3： 根据各所述显示元素分别对应的。

24、特征信息， 通过界面生成系统依据所述部署数据， 说明书 3/14 页 7 CN 111767054 A 7 将各所述显示元素通过所述部署文件分别部署于显示界面上， 形成与所述预设效果图相同 的所述智能大屏。 0018 本实施例的电子图片通过摄像机拍摄智能大屏的布局设计的预设效果图得到， 上 述预设效果图为客户的手绘草稿图或者按照客户设计思维创作的草稿图。 本申请通过扫描 仪扫描智能大屏布局设计的预设效果图， 得到电子图片。 结合电子图片制作部署文件， 使电 子图片与部署文件建立一一对应关系， 包括但不限于电子图片与部署文件的名称一一对 应， 电子图片与部署文件的各设计参数一一对应。 上述部署文。

25、件为用户根据设计的预期效 果， 在预编写的代码架构下， 通过填充各种部署数据或部署参数形成的配置文件。 电子图片 包括智能大屏中涉及的各显示元素以及各显示元素分别对应的特征信息， 上述显示元素包 括但不限于图表、 图形或图线等构成智能大屏时所用的组成元素， 特征信息包括但不限于 显示元素的形状、 大小尺寸以及在智能大屏中的显示位置等。 本申请通过AI图像识别模型 识别上述各显示元素以及各显示元素分别对应的特征信息， 并转化为界面生成系统可识别 的结构化数据。 然后调用界面生成系统预先开发好的各种类别显示元素的生成组件， 将各 显示元素通过部署文件调用生成组件的方式， 按照部署数据分别部署于显示。

26、界面， 形成智 能大屏。 本申请通过AI图像识别模型识别用户设计的智能大屏显示效果的预设效果图， 然 后再将预设效果图对应的部署数据形成部署文件， 通过识别预设效果图中的显示元素， 并 结合部署文件自动， 自动调用界面生成系统中的组件实现自动部署， 并组合形成智能大屏。 在智能大屏的开发过程可通过更改预设效果图和部署文件， 实现客户参与到开发过程中， 大大降低界面设计开发的门槛， 客户可以直接自行手工绘图设计， 并直接快速的看到效果， 再根据看到的实际效果进行调整预设效果图， 缩短了开发流程和沟通成本。 通过让用户参 与到开发过程中， 使得开发出的智能大屏的展示效果更贴近客户的设计需求， 更能。

27、符合客 户的要求； 且可通过更改预设效果图， 实现快速调整智能大屏的显示效果， 不用重新发起开 发流程， 节省了开发流程和成本。 0019 进一步地， 所述特征信息包括显示元素的形状特征、 显示元素处于所述电子图片 的位置信息以及显示元素的尺寸信息， 所述根据各所述显示元素分别对应的特征信息， 通 过界面生成系统依据所述部署数据将各所述显示元素通过所述部署文件分别部署于显示 界面上， 形成与所述预设效果图相同的所述智能大屏的步骤S3， 包括： S31： 根据指定显示元素的形状特征， 从所述预关联的组件数据库中获取与所述指定显 示元素的形状特征相同的显示组件， 其中， 所述指定显示元素属于所述电。

28、子图片中的任意 一个显示元素； S32： 根据所述指定显示元素的形状特征， 确定所述显示组件的映射中心； S33： 根据所述指定显示元素处于所述电子图片的位置信息， 确定所述指定显示元素位 于所述显示界面的位置； S34： 通过所述部署文件将所述显示组件的映射中心嵌入所述指定显示元素位于所述 显示界面的位置的中心处； S35： 根据所述指定显示元素的尺寸信息， 调整所述指定显示元素， 形成所述指定显示 元素在所述显示界面的显示状态； S36： 根据所述指定显示元素在所述显示界面的组合过程， 分别在所述显示界面组合所 述电子图片中包括的所有显示元素， 形成所述智能大屏。 说明书 4/14 页 8。

29、 CN 111767054 A 8 0020 本申请首先根据AI图像识别模型识别到的显示元素的形状特征， 从组件数据库中 搜索与显示元素具有相同外形的显示组件， 然后根据AI图像识别模型识别到的在预设效果 图中的位置， 根据预设效果图与智能大屏显示界面的缩放比例关系， 确定该显示元素在显 示界面的位置。 然后通过该显示元素在显示界面的位置， 与显示元素对应显示组件的几何 映射中心一一对应的方式， 将与显示元素相同的显示组件映射在显示界面的对应位置处。 通过获取显示元素占比预设效果图的面积比例， 得到显示元素的尺寸信息， 并根据预设效 果图与智能大屏显示界面的缩放比例关系， 确定与该显示元素对应。

30、的显示组件在智能大屏 显示界面中的显示区域。 0021 进一步地， 根据指定显示元素的形状特征， 从所述预关联的组件数据库中获取与 所述指定显示元素的形状特征相同的显示组件的步骤S31， 包括： S311： 获取所述AI图像识别模型识别所述指定显示元素后， 输出的分类类别； S312： 根据所述分类类别从所述组件数据库中， 调取与所述分类类别对应的组件数据 组； S313： 从所述组件数据组中， 获取与所述指定显示元素的形状特征相同的显示组件。 0022 本实施例的AI图像识别模型包括分类器， 可输出当前识别指定显示元素的分类类 别， 比如分类类别包括但不限于几何图形类、 模型模具类、 测试曲。

31、线类、 化学结构类、 物理结 构类等。 且对组件数据库中的显示组件通过分类类别分别存储， 方便查找， 且更贴合分类类 别对应的领域内的应用需求， 因为同为六边形， 在不同领域应用时， 六边形展现状态的要求 各不同， 包括线条粗细、 有无阴影覆盖等等。 通过把组件数据库中的显示组件分类别存储， 更贴合不同领域客户的使用需求。 0023 进一步地， 所述预设效果图为绘制于网格纸的绘制图， 所述网格纸通过多个相等 面积的方形网格组合而成， 所述根据所述指定显示元素处于所述电子图片的位置信息， 确 定所述指定显示元素位于所述显示界面的位置的步骤S33， 包括： S331： 获取所述电子图片与所述显示界。

32、面之间的缩放比例； S332： 根据所述缩放比例以及所述显示界面的显示区域， 确定所述指定显示元素对应 的方形网格在所述显示区域的位置； S333： 将所述指定显示元素对应的方形网格在所述显示区域的位置， 作为所述指定显 示元素位于所述显示界面的位置。 0024 本申请的缩放比例为预设效果图中， 包括所有显示元素的最小矩形框面积， 与显 示界面的显示区域对应的矩形框面积的比值的开平方。 比如预设效果图中所有显示元素对 应的方形网格， 组成最小矩形框， 并通过缩放比例将上述最小矩形框映射于显示界面的显 示区域， 得到显示区域对应的矩形框， 然后根据显示区域对应的矩形框的尺寸， 构建两者一 一对应。

33、的映射坐标系， 以确定显示元素对应的每个方形网格， 根据缩放比例映射到显示区 域时， 映射在显示区域对应的矩形框， 刚好占据整个显示区域， 上述显示区域为显示界面的 部分或全部。 本申请其他实施例中， 可根据显示元素对应的方形网格组成的最小矩形框， 根 据方形网格一一对应映射关系， 映射为智能大屏显示区域对应的矩形框， 即对映射后的矩 形框进行方形网格划分， 并通过方形网格的位置， 确定显示元素在显示区域的显示位置。 本 申请通过将预设效果图手绘在方形网格纸上， 方便人工对齐并确定手绘显示元素的大小和 位置。 说明书 5/14 页 9 CN 111767054 A 9 0025 进一步地， 所。

34、述预设效果图至少包括两张， 至少两张所述预设效果图合成一个智 能大屏， 所述根据所述指定显示元素在所述显示界面的组合过程， 分别在所述显示界面组 合所述电子图片中包括的所有显示元素， 形成所述智能大屏的步骤S36， 包括： S361： 获取所述预设效果图的数量， 以及至少两张所述预设效果图的组合方式； S362： 通过所述预设效果的数量以及所述组合方式， 更新所述部署文件； S363： 根据所述部署文件获取指定预设效果图对应的指定显示区域， 其中， 所述指定预 设效果图为所有预设效果图中的任意一个， 所述指定显示区域包含于所述显示界面； S364： 将所述指定预设效果图中的所有显示元素， 一一。

35、对应映射显示于所述指定显示 区域， 形成所述指定预设效果图在所述显示界面的映射图； S365： 根据所述指定预设效果图在所述指定显示区域的映射显示过程中， 将所有所述 预设效果图一一对应映射于所述显示界面， 形成所有所述预设效果图对应的智能大屏。 0026 本申请实施例中， 可通过在部署文件中设置预设效果图的数量、 预设效果图的组 合方式等参量， 将多张预设效果图对应映射于同一个显示界面中， 实现多张手绘草稿图显 示于同一个显示界面。 每个预设效果图的显示元素在显示界面的显示过程同上， 不赘述。 本 申请另一实施例中， 通过对显示界面的尺寸限定， 可实现同一张预设效果图在多个显示界 面分屏显示。

36、， 同样可通过在部署文件中的设置对应的布局参数实现， 实现过程与上述将多 张预设效果图对应映射于同一个显示界面中的原理相同， 不赘述。 0027 进一步地， 所述特征信息包括显示元素处于所述电子图片的位置信息， 所述通过 AI图像识别模型识别所述电子图片中的各所述显示元素分别对应的特征信息的步骤S2， 包 括： S21： 确定所述网格纸中与指定显示元素对应的指定方形网格， 其中， 所述指定显示元 素为所述电子图片中的所有显示元素中的任一个， 所述指定方形网格为所述指定显示元素 所占用的方形网格； S22： 获取所述指定方形网格处于所述网格纸中的位置数据， 其中， 所述位置数据包括 行位置和列位。

37、置； S23： 将所述指定方形网格的行位置和列位置， 作为所述指定显示元素处于所述电子图 片的位置信息。 0028 本申请中以显示元素所占用的方形网格， 所处最小矩形框中所有方形网格中的列 数以及行数作为位置信息； 将显示元素所占用的方形网格， 占比最小矩形框中所有方形网 格的数量占比， 作为尺寸信息， 使数据映射更精准、 更简便。 比如， 最小矩形框为包括预设效 果图中所有显示元素的最小尺寸方框， 为5*5的方格纸， 即由5行和5列的方形网格组成， 显 示元素为折线图， 折线图横跨了第三列第四行的网格 （3,4） 以及第四列第四行的网格 （4, 4） ， 则折线图的位置信息表示为 （3,4）。

38、 ，（4,4） ， 面积占比为2/25， 并通过方形网格的一一 对应映射关系， 确定该折线图在显示区域的显示位置。 对于未占满整个方形网格的部分， 可 通过对该未占满方形网格， 进行细化分小方形网格， 直到显示元素的末端刚好处于一整个 小方形网格， 以精准确定显示元素的位置信息。 0029 进一步地， 所述获取部署文件对应的电子图片的步骤S1之前， 包括： S11： 将标注数据输入深度神经网络， 在损失函数的约束下进行图像特征提取模型的训 练， 并通过softmax函数输出所述标注数据对应的分类类别， 其中， 所述标注数据为标注了 说明书 6/14 页 10 CN 111767054 A 10。

39、 图像特征的电子图片； S12： 判断所述损失函数是否收敛； S13： 若是， 则结束训练， 得到所述AI图像识别模型。 0030 本申请的AI图像识别模型通过训练深度神经网络CNN得到。 训练过程中先将图像 通过卷积操作处理成256*256大小的张量， 接着对张量进行卷积、 全连接、 池化操作， 将张量 映射为256维长度的向量， 然后将向量再通过softmax函数进行数据处理， 输出结果为各标 注数据分别对应的图表类别， AI图像识别模型的模型训练过程中的损失函数为交叉熵损失 函数。 本申请的AI图像识别模型通过标注数据训练完毕后， 可通过梯度下降算法进一步优 化， 提高图像分类的精准度。。

40、 0031 本申请AI图像识别模型识别出来显示元素的相对位置、 大小、 方向和类型后， 可自 适应适配定义好尺寸的智能大屏， 并使用默认颜色自动进行颜色填充。 本申请通过把界面 生成系统适配到IPad、 手机、 PC电脑端， 方便用户随时随地进行智能大屏的开发和操作， 支 持用户通过IPad、 手机、 PC电脑端等智能终端进行智能大屏的效果展示， 并进行手动微调， 上述微调包括但不限于微调显示元素在智能大屏显示界面的显示位置、 显示大小尺寸、 显 示颜色属性等,生成的微调后显示界面保存后， 自动替换根据AI图像识别模型和界面生成 系统自动形成的显示界面， 得到最终展示的智能大屏。 0032 参。

41、照图2， 本申请一实施例的生成智能大屏的装置， 包括： 获取模块1， 用于获取部署文件对应的电子图片， 其中， 所述部署文件包括所述电子图 片中涉及的各显示元素分别部署于智能大屏中时对应的部署数据， 所述电子图片通过影印 智能大屏的预设效果图获得； 识别模块2， 用于通过AI图像识别模型识别所述电子图片中的各所述显示元素分别对 应的特征信息； 部署模块3， 用于根据各所述显示元素分别对应的特征信息， 通过界面生成系统依据所 述部署数据， 将各所述显示元素通过所述部署文件分别部署于显示界面上， 形成与所述预 设效果图相同的所述智能大屏。 0033 本实施例的电子图片通过摄像机拍摄智能大屏的布局设。

42、计的预设效果图得到， 上 述预设效果图为客户的手绘草稿图或者按照客户设计思维创作的草稿图。 本申请通过扫描 仪扫描智能大屏布局设计的预设效果图， 得到电子图片。 结合电子图片制作部署文件， 使电 子图片与部署文件建立一一对应关系， 包括但不限于电子图片与部署文件的名称一一对 应， 电子图片与部署文件的名设计参数一一对应。 上述部署文件为用户根据设计的预期效 果， 在预编写的代码架构下， 通过填充各种部署数据或部署参数形成的配置文件。 电子图片 包括智能大屏中涉及的各显示元素以及各显示元素分别对应的特征信息， 上述显示元素包 括但不限于图表、 图形或图线等构成智能大屏时所用的组成元素， 特征信息。

43、包括但不限于 显示元素的形状、 大小尺寸以及在智能大屏中的显示位置等。 本申请通过AI图像识别模型 识别上述各显示元素以及各显示元素分别对应的特征信息， 并转化为界面生成系统可识别 的结构化数据。 然后调用界面生成系统预先开发好的各种类别显示元素的生成组件， 将各 显示元素通过部署文件调用生成组件的方式， 按照部署数据分别部署于显示界面， 形成智 能大屏。 本申请通过AI图像识别模型识别用户设计的智能大屏显示效果的预设效果图， 然 后再将预设效果图对应的部署数据形成部署文件， 通过识别预设效果图中的显示元素， 并 说明书 7/14 页 11 CN 111767054 A 11 结合部署文件自动。

44、， 自动调用界面生成系统中的组件实现自动部署， 并组合形成智能大屏。 在智能大屏的开发过程可通过更改预设效果图和部署文件， 实现客户参与到开发过程中， 大大降低界面设计开发的门槛， 客户可以直接自行手工绘图设计， 并直接快速的看到效果， 再根据看到的实际效果进行调整预设效果图， 缩短了开发流程和沟通成本。 通过让用户参 与到开发过程中， 使得开发出的智能大屏的展示效果更贴近客户的设计需求， 更能符合客 户的要求； 且可通过更改预设效果图， 实现快速调整智能大屏的显示效果， 不用重新发起开 发流程， 节省了开发流程和成本。 0034 进一步地， 所述特征信息包括显示元素的形状特征、 显示元素处于。

45、所述电子图片 的位置信息以及显示元素的尺寸信息， 部署模块3， 包括： 获取单元， 用于根据指定显示元素的形状特征， 从所述预关联的组件数据库中获取与 所述指定显示元素的形状特征相同的显示组件， 其中， 所述指定显示元素属于所述电子图 片中的任意一个显示元素； 第一确定单元， 用于根据所述指定显示元素的形状特征， 确定所述显示组件的映射中 心； 第二确定单元， 用于根据所述指定显示元素处于所述电子图片的位置信息， 确定所述 指定显示元素位于所述显示界面的位置； 嵌入单元， 用于通过所述部署文件将所述显示组件的映射中心嵌入所述指定显示元素 位于所述显示界面的位置的中心处； 调整单元， 用于根据所。

46、述指定显示元素的尺寸信息， 调整所述指定显示元素， 形成所述 指定显示元素在所述显示界面的显示状态； 组合单元， 用于根据所述指定显示元素在所述显示界面的组合过程， 分别在所述显示 界面组合所述电子图片中包括的所有显示元素， 形成所述智能大屏。 0035 本申请首先根据AI图像识别模型识别到的显示元素的形状特征， 从组件数据库中 搜索与显示元素具有相同外形的显示组件， 然后根据AI图像识别模型识别到的在预设效果 图中的位置， 根据预设效果图与智能大屏显示界面的缩放比例关系， 确定该显示元素在显 示界面的位置。 然后通过该显示元素在显示界面的位置， 与显示元素对应显示组件的几何 映射中心一一对应。

47、的方式， 将与显示元素相同的显示组件映射在显示界面的对应位置处。 通过获取显示元素占比预设效果图的面积比例， 得到显示元素的尺寸信息， 并根据预设效 果图与智能大屏显示界面的缩放比例关系， 确定与该显示元素对应的显示组件在智能大屏 显示界面中的显示区域。 0036 进一步地， 获取单元， 包括： 输出子单元， 用于获取所述AI图像识别模型识别所述指定显示元素后， 输出的分类类 别； 调取子单元， 用于根据所述分类类别从所述组件数据库中， 调取与所述分类类别对应 的组件数据组； 第一获取子单元， 用于从所述组件数据组中， 获取与所述指定显示元素的形状特征相 同的显示组件。 0037 本实施例的A。

48、I图像识别模型包括分类器， 可输出当前识别指定显示元素的分类类 别， 比如分类类别包括但不限于几何图形类、 模型模具类、 测试曲线类、 化学结构类、 物理结 说明书 8/14 页 12 CN 111767054 A 12 构类等。 且对组件数据库中的显示组件通过分类类别分别存储， 方便查找， 且更贴合分类类 别对应的领域内的应用需求， 因为同为六边形， 在不同领域应用时， 六边形展现状态的要求 各不同， 包括线条粗细、 有无阴影覆盖等等。 通过把组件数据库中的显示组件分类别存储， 更贴合不同领域客户的使用需求。 0038 进一步地， 所述预设效果图为绘制于网格纸的绘制图， 所述网格纸通过多个相。

49、等 面积的方形网格组合而成， 第二确定单元， 包括： 第二获取子单元， 用于获取所述电子图片与所述显示界面之间的缩放比例； 第一确定子单元， 用于根据所述缩放比例以及所述显示界面的显示区域， 确定所述指 定显示元素对应的方形网格在所述显示区域的位置； 第一作为子单元， 用于将所述指定显示元素对应的方形网格在所述显示区域的位置， 作为所述指定显示元素位于所述显示界面的位置。 0039 本申请的缩放比例为预设效果图中， 包括所有显示元素的最小矩形框面积， 与显 示界面的显示区域对应的矩形框面积的比值的开平方。 比如预设效果图中所有显示元素对 应的方形网格， 组成最小矩形框， 并通过缩放比例将上述最。

50、小矩形框映射于显示界面的显 示区域， 得到显示区域对应的矩形框， 然后根据显示区域对应的矩形框的尺寸， 构建两者一 一对应的映射坐标系， 以确定显示元素对应的每个方形网格， 根据缩放比例映射到显示区 域时， 映射在显示区域对应的矩形框， 刚好占据整个显示区域， 上述显示区域为显示界面的 部分或全部。 本申请其他实施例中， 可根据显示元素对应的方形网格组成的最小矩形框， 根 据方形网格一一对应映射关系， 映射为智能大屏显示区域对应的矩形框， 即对映射后的矩 形框进行方形网格划分， 并通过方形网格的位置， 确定显示元素在显示区域的显示位置。 本 申请通过将预设效果图手绘在方形网格纸上， 方便人工对。