一种UI组件的处理方法、装置及存储介质制造方法及图纸

本申请公开了一种UI组件的处理方法、装置及存储介质，用于创建和管理UI组件，提高设计工作的效率。本申请方法包括：在设计画布中创建基础组件，所述基础组件的数量为单个或者多个；组合所述基础组件得到组件母版，并通过预设的存放路径将所述母版存放至母版库中；将所述母版定义为独立容器，当所述母版从所述母版库中被拖拽至画布中时，根据所述母版在所述画布中创建出实例，所述实例与所述母版具有关联关系；当所述母版被修改时，根据所述关联关系确定与所述母版相关联的所有实例；根据修改后的母版，以及所述实例中的覆写数据，对所述相关联的所有实例进行批量重新组装。关联的所有实例进行批量重新组装。关联的所有实例进行批量重新组装。

【技术实现步骤摘要】
一种UI组件的处理方法、装置及存储介质


[0001]本申请涉及UI
，尤其涉及一种UI组件的处理方法、装置及存储介质。

技术介绍

[0002]UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
[0003]UI是指人与信息交互的媒介，它是信息产品的功能载体和典型特征。UI作为系统的可用形式而存在，比如以视觉为主体的界面，强调的是视觉元素的组织和呈现。这是物理表现层的设计，每一款产品或者交互形式都以这种形态出现，包括图形、图标(Icon)、色彩、文字设计等，用户通过它们使用系统。在这一层面，UI可以理解为User Interface，即用户界面，这是UI作为人机交互的基础层面。
[0004]在UI 设计项目中，存在大量地重复或相似的设计结构或界面，如果需要使用重复的元素，传统的方法是直接对元素进行复制，复制出来的元素作为一个新的独立的内容来使用，然而，传统的这种方式具有一定的局限性，设计者如果需要对各个元素进行差异性的修改或者批量的处理，依然需要单独对每个内容进行处理，显然，这并不利于提高设计工作效率。

技术实现思路

[0005]为了解决上述技术问题，本申请提供了一种UI组件的处理方法、装置及存储介质。
[0006]本申请第一方面提供了一种UI组件的处理方法，所述方法包括：在设计画布中创建基础组件，所述基础组件的数量为单个或者多个；组合所述基础组件得到组件母版，并通过预设的存放路径将所述母版存放至母版库中；将所述母版定义为独立容器，当所述母版从所述母版库中被拖拽至画布中时，根据所述母版在所述画布中创建出实例，所述实例与所述母版具有关联关系；当所述母版被修改时，根据所述关联关系确定与所述母版相关联的所有实例；根据修改后的母版，以及所述实例中的覆写数据，对所述相关联的所有实例进行批量重新组装。
[0007]可选的，在所述根据修改后的母版，以及所述实例中的覆写数据，对所述相关联的所有实例进行批量重新组装之前，所述方法还包括：根据修改后的母版，将修改内容通过更新消息的方式推送至所述实例。
[0008]可选的，当对所述实例的属性和样式进行编辑时，编辑操作仅对所述实例生效。
[0009]可选的，所述根据修改后的母版，以及所述实例中的覆写数据，对所述相关联的所有实例进行批量重新组装之后，所述方法还包括：创建所述覆写数据与所述实例之间的引用关系；
根据已经创建的实例构建设计项目，并对所述设计项目上传至共享空间中；当所述设计项目被共享后，所述引用关系以及所述实例与所述母版之间的关联关系被一并共享。
[0010]可选的，在所述设计项目被共享后，若原有的设计项目被共享方修改，则判断所述共享空间对应的设计项目是否存在使用方的使用记录，若存在使用记录，则将修改后的设计项目与被使用后的设计项目进行比对，得到比对结果；将所述比对结果推送至所述使用方。
[0011]可选的，在所述判断所述共享空间对应的设计项目是否存在使用方的使用记录之后，所述方法还包括：若不存在使用记录，则直接根据修改后的设计项目对所述共享空间进行更新。
[0012]本申请第二方面提供了一种UI组件的处理装置，包括：第一创建单元，用于在设计画布中创建基础组件，所述基础组件的数量为单个或者多个；组合单元，用于组合所述基础组件得到组件母版，并通过预设的存放路径将所述母版存放至母版库中；第二创建单元，用于将所述母版定义为独立容器，当所述母版从所述母版库中被拖拽至画布中时，根据所述母版在所述画布中创建出实例，所述实例与所述母版具有关联关系；关联单元，用于当所述母版被修改时，根据所述关联关系确定与所述母版相关联的所有实例；组装单元，用于根据修改后的母版，以及所述实例中的覆写数据，对所述相关联的所有实例进行批量重新组装。
[0013]本申请第三方面提供了一种UI组件的处理装置，所述装置包括：处理器、存储器、输入输出单元以及总线；所述处理器与所述存储器、所述输入输出单元以及所述总线相连；所述存储器保存有程序，所述处理器调用所述程序以执行第一方面以及第一方面中任一项可选的所述方法。
[0014]本申请第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质上保存有程序，所述程序在计算机上执行时执行第一方面以及第一方面中任一项可选的所述方法。
[0015]从以上技术方案可以看出，本申请具有以下优点：本申请提供的UI组件处理方法中，能够对多个基础组件进行组合成母版并通过预设的路径存放至母版库中，这样母版可以无限的从母版库中被复用，能够提高设计效率，同时，当通过母版创建实例时，母版与实例之间具有关联关系，如果设计者对母版进行修改，则可以根据该关联关系批量对所有的关联的实例进行修改，这样能够方便批量化管理数据，如果实例被修改，那么根据修改后的母版，以及实例中的覆写数据，对实例进行重新组装，使得覆写数据与实例相互匹配。本申请提供的方法能够有效提高设计工作效率。
附图说明
[0016]为了更清楚地说明本申请中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0017]图1为本申请中提供的UI组件的处理方法一个实施例流程示意图；图2为本申请中提供的UI组件的处理方法一个实施例流程示意图；图3为本申请中提供的UI组件的处理装置一个实施例结构示意图；图4为本申请中提供的UI组件的处理装置另一个实施例结构示意图。
具体实施方式
[0018]基于此，本申请提供了一种UI组件的处理方法，用于创建和管理UI组件，提高设计工作的效率。
[0019]需要说明的是，本申请提供的UI组件的处理方法，可以应用于终端也可以应用于系统，还可以应用于服务器上，例如终端可以是智能手机或电脑、平板电脑、智能电视、智能手表、便携计算机终端也可以是台式计算机等固定终端。为方便阐述，本申请中以终端为执行主体进行举例说明。
[0020]下面首先对本申请中可能使用到的名词进行解释：设计资源库: UI设计工具中将一些需要使用的常见的设计元素，大致分为：颜色、文本样式、图层样式、组件四个类型的设计资源进行存储。
[0021]组件：UI设计工具中，承载不同设计形态和功能的设计元素的图层对象，包含常见的形状、矢量路径、图片、功能承载容器等。组件会使用设计资源库中的资源，进行快速设计，提高工作效率。
[0022]母版(SymbolMaster)：由基础设计组件构成的组件，存储需要被复用的设计结构的数据源，可在项目中管理、编辑、查看。
[0023]实例(SymbolInstance): 基于母版生成的组件，自身不存储设计结构，通过与母版的关联ID，在实际渲染（图形化的绘制过程）前，从母版复制数本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种UI组件的处理方法，其特征在于，所述方法包括：在设计画布中创建基础组件，所述基础组件的数量为单个或者多个；组合所述基础组件得到组件母版，并通过预设的存放路径将所述母版存放至母版库中；将所述母版定义为独立容器，当所述母版从所述母版库中被拖拽至画布中时，根据所述母版在所述画布中创建出实例，所述实例与所述母版具有关联关系；当所述母版被修改时，根据所述关联关系确定与所述母版相关联的所有实例；根据修改后的母版，以及所述实例中的覆写数据，对所述相关联的所有实例进行批量重新组装。2.根据权利要求1中所述的UI组件的处理方法，其特征在于，在所述根据修改后的母版，以及所述实例中的覆写数据，对所述相关联的所有实例进行批量重新组装之前，所述方法还包括：根据修改后的母版，将修改内容通过更新消息的方式推送至所述实例。3.根据权利要求1中所述的UI组件的处理方法，其特征在于，当对所述实例的属性和样式进行编辑时，编辑操作仅对所述实例生效。4.根据权利要求1中所述的UI组件的处理方法，其特征在于，所述根据修改后的母版，以及所述实例中的覆写数据，对所述相关联的所有实例进行批量重新组装之后，所述方法还包括：创建所述覆写数据与所述实例之间的引用关系；根据已经创建的实例构建设计项目，并对所述设计项目上传至共享空间中；当所述设计项目被共享后，所述引用关系以及所述实例与所述母版之间的关联关系被一并共享。5.根据权利要求4中所述的UI组件的处理方法，其特征在于，在所述设计项目被共享后，若原有的设计项目被共享方修改，则判断所述共...

【专利技术属性】
技术研发人员：孟小江，刘松，代金，李祥云，
申请(专利权)人：成都摹客科技有限公司，
类型：发明
国别省市：