一种基于UI自定义多样化组合控件的优化方法技术

一种基于UI自定义多样化组合控件的优化方法，包括以下步骤：定义控件属性基类、管理类的基类、自定义组合控件模板管理类、控件管理类、控件存储类、数据存储类，以及模板对象存储容器；导入UI组合控件配置信息，生成组合控件模板ID；从模板对象存储容器中取出所述组合控件模板ID对应的组合控件模板对象为所述组合控件赋值，并将所述组合控件模板对象以图片资源的形式存储到内存中；创建数据存储对象，将所述图片资源转存在所述数据存储对象；读取所述数据存储对象上的图片资源和位置，并将所述图片资源信息绘制在界面上。本发明专利技术的方法，能够提高软件系统界面的刷新效率，避免卡顿，减少CPU消耗和内存的占用，提高用户操作的流畅度。

An Optimized Method Based on UI Custom Diversified Composite Controls

An optimization method of UI-based customized and diversified composite control is presented, which includes the following steps: defining the base class of control attribute, management class, template management class of customized composite control, control management class, control storage class, data storage class and template object storage container; importing configuration information of UI composite control, generating template ID of composite control; storing container from template object The composite control template object corresponding to the template ID of the composite control is taken out and assigned to the composite control, and the composite control template object is stored in memory in the form of picture resources; the data storage object is created, and the picture resources are transferred to the data storage object; the picture resources and locations on the data storage object are read, and the picture resources are stored. Information is drawn on the interface. The method of the invention can improve the refreshing efficiency of the software system interface, avoid jamming, reduce CPU consumption and memory occupation, and improve the user's operation fluency.

【技术实现步骤摘要】
一种基于UI自定义多样化组合控件的优化方法
本专利技术涉及多媒体数据处理
，特别是涉及一种基于UI自定义多样化组合控件的优化方法。
技术介绍
UI界面是现阶段软件系统开发所必备的，不可或缺的重要元素。良好的UI界面系统，能够在第一时间带给用户视觉冲击，增加用户的体验感触。但是在很多大型软件系统中，使用的都是开源UI库或是收费的UI库，如果在同一界面中存在大量的控件（成千上万），如果使用传统的UI绘制、刷新模式，相应的界面控件的绘制效率也随之降低，还会造成界面、鼠标卡顿等现象。如果在对界面中的控件进行放大、缩小、拖动、剪贴等操作，卡顿现象将更加严重，同时CPU的消耗也非常的高，大量的控件也将会带来大量的内存开销，就算在美好的UI界面系统，随之带来的用户体验也是糟糕的。当然也可以修改开源的UI库或开发一套UI库，这样所有的控件的绘制和刷新都是可控的，是能够从根本上解决这个问题，但随之而来的问题是，修改开源UI库或开发UI库的成本太大，时间上也是不允许的，有可能还存在各种BUG，同时维护成本又很高，对于个人或公司来讲，都是得不偿失的。而在大型软件系统中，为了展示效果，往往会把几个乃至几十个控件组合在一起，作为一个整体在界面上展示，而这样的组合也可能有成千上万个，而这些组合控件往往很多都是相同的组合，每个控件单独的绘制、刷新，其效率可想而知。
技术实现思路
为了解决现有技术存在的不足，本专利技术的目的在于提供一种基于UI自定义多样化组合控件的优化方法及系统，减少了界面控件的数量，从而减少控件绘制的频率，减少CPU的开销和内存的占用，从而达到优化的目的。为实现上述目的，本专利技术提供基于UI自定义多样化组合控件的优化方法，包括以下步骤：1）定义控件属性基类、管理类的基类、自定义组合控件模板管理类、控件管理类、控件存储类、数据存储类，以及模板对象存储容器；2）导入UI组合控件配置信息，生成组合控件模板ID；3）从模板对象存储容器中取出所述组合控件模板ID对应的组合控件模板对象；4）为所述组合控件赋值，并将所述组合控件模板对象以图片资源的形式存储到内存中；5）创建数据存储对象，将所述图片资源转存在所述数据存储对象；6）读取所述数据存储对象上的图片资源和位置，并将所述图片资源信息绘制在界面上。根据权利要求1所述基于UI自定义多样化组合控件的优化方法，其特征在于，所述控件属性基类，其存储如下属性：存储控件的高度、宽度、文本内容、偏移位置、相对位置、图标、是否显示，是否选中；所述管理类的基类，其用于设置高度、宽度、相对位置是否显示，是否选中属性，并设置鼠标移动、移出事件；所述自定义组合控件模板管理类，用于根据UI组合控件配置信息，创建组合控件模板对象、设置组合控件的配置属性，以及创建组合控件；所述控件管理类，动态的计算控件前面的图标、文字以及控件绘制的相对位置、管理控件是否显示，以及是否选中；所述控件存储类，用于存储控件的属性信息；所述数据存储类，用于存储自定义多样化组合控件属性信息；所述模板对象存储容器，用以存储自定义多样化组合控件模板ID和模板对象。进一步地，所述步骤2），进一步包括：导入UI组合控件配置文件，将配置信息存储在对象存储容器；使用for循环遍历逐条读取所述组合控件配置信息；根据所述组合控件的控件个数和类型生成所述组合控件模板ID。进一步地，所述步骤3）还包括以下步骤：如果模板对象存储容器不存在组合控件模板ID对应的组合控件模板对象，则动态生成组合控件模板对象，将UI组合控件配置信息属性存储在组合控件模板对象；绑定所述组合控件模板ID和所述组合控件模板对象，并存储到模板对象存储容器中。进一步地，所述动态生成组合控件模板对象的步骤，是根据组合控件配置信息，动态地生成组合控件模板对象。进一步地，所述根据所读取的所述自定义组合控件的所述属性信息给所述自定义组合控件赋值，并以图片资源的形式存储所述自定义组合控件的所述模板对象的步骤，进一步包括：读取与所述组合控件对应的所述属性信息，根据控件类型和序号逐个给所述组合控件赋值；将所述组合控件模板对象按照规定比例以图片资源的形式存储在内存中。进一步地，所述步骤4），进一步包括：读取组合控件对应的控件数据，根据控件类型和序号逐个为组合控件赋值；将组合控件模板对象以图片资源的形式存储在内存中。进一步地，所述步骤5），进一步包括：将存储在内存中的图片资源转存在所述数据存储对象，同时将组合控件模板对象的属性信息转存在所述数据存储对象。进一步地，包括编辑所述组合控件的步骤。进一步地，所述编辑组合控件的步骤，进一步包括：选取要编辑的组合控件的区域，读取当前组合控件模板ID并查找与其对应的组合控件模板对象；显示组合控件模板对象且隐藏数据存储对象，进入可编辑模式，修改控件的数值；保存修改后的数值，缓存图片资源到所述数据存储对象；取消选取要编辑的组合控件的区域，并显示修改后的所述数据存储对象且隐藏组合控件模板对象。进一步地，所述选取要编辑的组合控件的区域，读取当前组合控件模板ID并查找与其对应的组合控件模板对象的步骤，进一步包括：在界面上选取需要图片绘制的区域；触发鼠标移入事件；从所述数据存储对象上读取当前所组合控件模板ID；从模板对象存储容器中查找与当前组合控件模板ID对应的组合控件模板对象。更进一步地，所述取消选取要编辑的组合控件的区域，并显示修改后的所述数据存储对象且隐藏组合控件模板对象的步骤，进一步包括：通过在界面上取消选取需要图片绘制的区域，来触发鼠标移出事件。本专利技术基于UI自定义多样化组合控件的优化方法，绑定模板ID和自定义组合控件模板对象，并将其存储在模板对象存储容器Map中；根据所读取的自定义组合控件的属性信息给自定义组合控件赋值，并以图片资源的形式存储自定义组合控件的模板对象。因此，能够提高软件系统界面的刷新效率，避免界面卡顿，同时减少CPU消耗和内存的占用，提高用户操作的流畅度。本专利技术基于UI自定义多样化组合控件的优化方法，将图片资源信息绘制在界面上，将自定义组合控件模板对象也只会绘制一份，从源头上大大减少了界面控件的数量。因此，能够提高软件系统界面的刷新效率，避免界面卡顿，同时减少CPU消耗和内存的占用，提高用户操作的流畅度。本专利技术基于UI自定义多样化组合控件的优化方法，将UI自定义多样化组合控件用缓存的图片代替。因此，能够提高软件系统界面的刷新效率，避免界面卡顿，同时减少CPU消耗和内存的占用，提高用户操作的流畅度。本专利技术基于UI自定义多样化组合控件的优化方法，通过触发鼠标移入事件或触发鼠标移出事件，切换到可编辑模式或显示模式。因此，避免界面卡顿，同时减少CPU消耗和内存的占用，提高用户操作的流畅度。本专利技术的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术而了解。附图说明附图用来提供对本专利技术的进一步理解，并且构成说明书的一部分，并与本专利技术的实施例一起，用于解释本专利技术，并不构成对本专利技术的限制。在附图中：图1为根据本专利技术的基于UI自定义多样化组合控件的优化方法流程图；图2为根据本专利技术的编辑自定义组合控件工作流程图。具体实施方式以下结合附图对本专利技术的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本专利技术本文档来自技高网...

【技术保护点】
1.一种基于UI自定义多样化组合控件的优化方法，包括以下步骤：1）定义控件属性基类、管理类的基类、自定义组合控件模板管理类、控件管理类、控件存储类、数据存储类，以及模板对象存储容器；2）导入UI组合控件配置信息，生成组合控件模板ID；3）从模板对象存储容器中取出所述组合控件模板ID对应的组合控件模板对象；4）为所述组合控件赋值，并将所述组合控件模板对象以图片资源的形式存储到内存中；5）创建数据存储对象，将所述图片资源转存在所述数据存储对象；6）读取所述数据存储对象上的图片资源和位置，并将所述图片资源信息绘制在界面上。

【技术特征摘要】
1.一种基于UI自定义多样化组合控件的优化方法，包括以下步骤：1）定义控件属性基类、管理类的基类、自定义组合控件模板管理类、控件管理类、控件存储类、数据存储类，以及模板对象存储容器；2）导入UI组合控件配置信息，生成组合控件模板ID；3）从模板对象存储容器中取出所述组合控件模板ID对应的组合控件模板对象；4）为所述组合控件赋值，并将所述组合控件模板对象以图片资源的形式存储到内存中；5）创建数据存储对象，将所述图片资源转存在所述数据存储对象；6）读取所述数据存储对象上的图片资源和位置，并将所述图片资源信息绘制在界面上。2.根据权利要求1所述基于UI自定义多样化组合控件的优化方法，其特征在于，所述控件属性基类，其存储如下属性：存储控件的高度、宽度、文本内容、偏移位置、相对位置、图标、是否显示，是否选中；所述管理类的基类，其用于设置高度、宽度、相对位置是否显示，是否选中属性，并设置鼠标移动、移出事件；所述自定义组合控件模板管理类，用于根据UI组合控件配置信息，创建组合控件模板对象、设置组合控件的配置属性，以及创建组合控件；所述控件管理类，动态的计算控件前面的图标、文字以及控件绘制的相对位置、管理控件是否显示，以及是否选中；所述控件存储类，用于存储控件的属性信息；所述数据存储类，用于存储自定义多样化组合控件属性信息；所述模板对象存储容器，用以存储自定义多样化组合控件模板ID和模板对象。3.根据权利要求1所述基于UI自定义多样化组合控件的优化方法，其特征在于，所述步骤2），进一步包括：导入UI组合控件配置文件，将配置信息存储在对象存储容器；使用for循环遍历逐条读取所述组合控件配置信息；根据所述组合控件的控件个数和类型生成所述组合控件模板ID。4.根据权利要求1所述基于UI自定义多样化组合控件的优化方法，其特征在于，所述步骤3）还包括以下步骤：如果模板对象存储容器不存在组合控件模板ID对应的组合控件模板对象，则动态生成组合控件模板对象，将UI组合控件配置信息属性存储在组合控件模板对象；绑定所述组合控件模板ID和所述组合控件模板对象，并存储到模板对象存储容器中。5.根据权利要求4所述基于UI自定义多样化组合控件的优化方法，其特征在于，所述动态生成组合控件模板对象的步骤，是根据组合控件配置信息，动态地生成组合控件模板对象。6.根据权利要求1所述基于UI自定义多样化组合控件的优化方法，其特征在于，所述根据所读取的所述自定义组合控件的所述属性信息给所述自定义组合控件赋值，并以图片资源的形式存储所述自定义组合控件的所述模板对象的步骤，进一步包括：读取与所述组合控件对应的所述属性信息，根据控件类型和序号逐个给所述组合控件赋值；将所述组合控件模板对象按照规定比例以图片资源的形式存储在内存中。7.根据权利要求1所述基于UI自定义多样化组合控件的优化方法，其特征在于，所述步骤4），进一步包括...

【专利技术属性】
技术研发人员：谢春洋，申云宾，潘加俊，
申请(专利权)人：苏州蜗牛数字科技股份有限公司，
类型：发明
国别省市：江苏,32