【技术实现步骤摘要】
本专利技术涉及页面内容展示，特别是一种前端界面组件的自适应调节方法及系统。
技术介绍
1、随着现代软件应用的发展，特别是图形用户界面(gui)的广泛应用，用户对于界面的可定制性和适应性需求日益增加。不同设备、不同屏幕尺寸或不同分辨率等环境因素要求软件界面能够灵活地适应这些变化，以提供最佳的用户体验。因此，组件的缩放功能成为了软件开发中不可或缺的一部分。
2、在软件开发过程中，开发者需要通过自定义组件来实现特定的功能和外观。然而，这些自定义组件与标准组件一样，都需要具备缩放功能，以适应不同环境下的显示需求，不同的组件会有很多关联的数据，数据量的增加会为组件的缩放制造麻烦。
3、为了解决这个问题，旨在提出一个方案，以通过组件的数据紧密联系，实现组件的灵活缩放。
技术实现思路
1、针对上述缺陷，本专利技术的目的在于提出一种前端界面组件的自适应调节方法及系统，在需要的时候提取缩放参数，以解决界面在不同设备和分辨率下的适配问题。
2、为达此目的，本专利技术采用以下技术方案：
3、一种前端界面组件的自适应调节方法，包括：
4、定义并初始化组件缩放的数据结构，所述数据结构用于管理组件的布局参数；
5、设定组件的缩放因子，定义组件的容器，获取当前组件及其子组件的第一布局参数；
6、建立所述数据结构与所述第一布局参数的对应关系，将所述数据结构与对应的索引值存放至键值对当中；
7、接收界面组件缩放的请求，获
8、优选地，所述第一布局参数包括组件的坐标数据、组件的宽度和组件的高度；
9、所述定义组件的容器，获取当前组件及其子组件的第一布局参数包括：
10、定义组件的容器qmap，通过findchildren方法遍历所述组件的所有的子组件；
11、所述遍历组件的所有的子组件包括：
12、根据geometry方法获取当前组件的坐标数据，根据width方法获取当前组件的宽度，根据height方法获取当前的高度。
13、优选地，所述数据结构为结构体，每一个结构体对应一个组件，所述第一布局参数还包括组件的字体尺寸值；
14、所述建立数据结构与第一布局参数的对应关系，将所述数据结构与对应的索引值存放至键值对当中包括：
15、创建所述结构体的第一成员变量，建立所述第一成员变量与组件的坐标数据、组件的宽度和组件的高度的对应关系；
16、创建所述结构体的第二成员变量，建立所述第二成员变量与组件的字体尺寸值的对应关系；
17、根据索引值和所述结构体构建map键值对，并按索引值的顺序排列。
18、优选地，所述获取待缩放组件的第一布局参数包括：
19、创建迭代器，根据所述迭代器对所述map键值对进行遍历，循环获取qmap容器中的组件的第一布局参数。
20、优选地，所述根据第二布局参数对组件进行缩放包括：
21、组件缩放接口根据所述第二布局参数中的组件的坐标数据、组件的宽度和组件的高度分别对组件进行缩放；
22、字体缩放接口根据所述第二布局参数中的字体尺寸值对字体进行缩放。
23、一种前端界面组件的自适应调节系统，包括：
24、初始化模块，用于定义并初始化组件缩放的数据结构；
25、布局参数获取模块，用于设定组件的缩放因子，定义组件的容器，获取当前组件及其子组件的第一布局参数；
26、键值对生成模块，用于建立所述数据结构与第一布局参数的对应关系，将所述数据结构与对应的索引值存放至键值对当中；
27、组件缩放模块，用于接收界面组件缩放的请求，获取待缩放组件的第一布局参数，根据所述缩放因子和所述第一布局参数，计算出第二布局参数，根据所述第二布局参数对组件进行缩放。
28、进一步地，所述布局参数获取模块中：
29、所述第一布局参数包括组件的坐标数据、组件的宽度和组件的高度；
30、所述定义组件的容器，获取当前组件及其子组件的第一布局参数包括：
31、定义组件的容器qmap，通过findchildren方法遍历所述组件的所有的子组件；
32、所述遍历组件的所有的子组件包括：
33、根据geometry方法获取当前组件的坐标数据，根据width方法获取当前组件的宽度，根据height方法获取当前的高度。
34、进一步地，所述数据结构为结构体，每一个结构体对应一个组件，所述第一布局参数还包括组件的字体尺寸值；
35、在所述键值对生成模块中，所述建立数据结构与第一布局参数的对应关系，将所述数据结构与对应的索引值存放至键值对当中包括：
36、创建所述结构体的第一成员变量，建立所述第一成员变量与组件的坐标数据、组件的宽度和组件的高度的对应关系；
37、创建所述结构体的第二成员变量，建立所述第二成员变量与组件的字体尺寸值的对应关系；
38、根据索引值和所述结构体构建map键值对，并按索引值的顺序排列。
39、优选地，在键值对生成模块中，所述获取待缩放组件的第一布局参数包括：
40、创建迭代器，根据所述迭代器对所述map键值对进行遍历，循环获取qmap容器中的组件的第一布局参数。
41、优选地，所述组件缩放模块中，所述根据第二布局参数对组件进行缩放包括：
42、组件缩放接口根据所述第二布局参数中的组件的坐标数据、组件的宽度和组件的高度分别对组件进行缩放；
43、字体缩放接口根据所述第二布局参数中的字体尺寸值对字体进行缩放。
44、上述技术方案中的一个技术方案具有如下优点或有益效果：
45、通过定义和初始化组件缩放的数据结构，以及设定缩放因子，能够有效管理和调整界面组件的布局参数，通过建立数据结构与第一布局参数的对应关系，并存储在键值对中，能确保寻找到所有子组件，并且进行有序性排序，实现通过键快速查找到相应的值，通过使用容器和迭代器来管理和遍历组件的布局参数，提供了高效的方式来操作界面的各个组件，同时保证操作的效率和准确性。
本文档来自技高网...【技术保护点】
1.一种前端界面组件的自适应调节方法，其特征在于，包括：
2.根据权利要求1所述的自适应调节方法，其特征在于，所述第一布局参数包括组件的坐标数据、组件的宽度和组件的高度；
3.根据权利要求2所述的自适应调节方法，其特征在于，所述数据结构为结构体，每一个结构体对应一个组件，所述第一布局参数还包括组件的字体尺寸值；
4.根据权利要求3所述的自适应调节方法，其特征在于，所述获取待缩放组件的第一布局参数包括：
5.根据权利要求3所述的自适应调节方法，其特征在于，所述根据第二布局参数对组件进行缩放包括：
6.一种前端界面组件的自适应调节系统，其特征在于，包括：
7.根据权利要求6所述的自适应调节系统，其特征在于，所述布局参数获取模块中：
8.根据权利要求7所述的自适应调节系统，其特征在于，所述数据结构为结构体，每一个结构体对应一个组件，所述第一布局参数还包括组件的字体尺寸值；
9.根据权利要求8所述的自适应调节系统，其特征在于，在键值对生成模块中，所述获取待缩放组件的第一布局参数包括：
<...【技术特征摘要】
1.一种前端界面组件的自适应调节方法，其特征在于，包括：
2.根据权利要求1所述的自适应调节方法，其特征在于，所述第一布局参数包括组件的坐标数据、组件的宽度和组件的高度；
3.根据权利要求2所述的自适应调节方法，其特征在于，所述数据结构为结构体，每一个结构体对应一个组件，所述第一布局参数还包括组件的字体尺寸值；
4.根据权利要求3所述的自适应调节方法，其特征在于，所述获取待缩放组件的第一布局参数包括：
5.根据权利要求3所述的自适应调节方法，其特征在于，所述根据第二布局参数对组件进行缩放包括：
<...【专利技术属性】
技术研发人员：赵楠楠，柳景元，陈亮辉，刘健滨，黄炜钧，
申请(专利权)人：吉安伊戈尔电气有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。