一种组件排列方法、装置、计算机设备及存储介质制造方法及图纸

技术编号:40126010 阅读:17 留言:0更新日期:2024-01-23 21:23
本发明专利技术涉及计算机领域,公开了一种组件排列方法、装置、计算机设备及存储介质,该方法包括:当检测到用户触发的组件移动指令时,获取待移动组件的宽度值;获取目标行的空白位置对应的宽度值;根据待移动组件的宽度值和目标行的空白位置对应的宽度值的关系,判断待移动组件是否可以放置于目标行的空白位置;若待移动组件可以放置于目标行的空白位置,则控制待移动组件移动至目标行的空白位置,直至所有待移动组件完成排列,本发明专利技术通过判断待移动组件是否可以放置于空白位置,根据判断结果将组件进行排列,在排列组件时不受宽高比的限制,根据组件宽度值和空白位置宽度值的关系,自由化实现排列组件,减少对组件的约束性,提高组件排列的灵活性。

【技术实现步骤摘要】

本专利技术涉及计算机,具体涉及一种组件排列方法、装置、计算机设备及存储介质


技术介绍

1、随着智能手机的普及,为了向用户提供更流程、灵活及友好的界面和交互体验,前端技术也不断创新和发展。随着前端框架和组件库的出现,前端开发编辑更加高效和规范化,框架和组件提供了丰富的组件、状态管理等功能。

2、在现有技术中,基于框架对组件进行布局,往往要求每个组件符合框架内的组件要求,例如组件宽高比固定等要求,仅能排列宽高比固定的组件,对组件约束性较高,灵活性较低。


技术实现思路

1、有鉴于此,本专利技术提供了一种组件排列方法、装置、计算机设备及存储介质,以解决提高组件布局灵活性的问题。

2、第一方面,本专利技术提供了一种组件排列方法,该方法包括:

3、当检测到用户触发的组件移动指令时,获取待移动组件的宽度值;

4、获取目标行的空白位置对应的宽度值;

5、根据所述待移动组件的宽度值和目标行的空白位置对应的宽度值的关系,判断待移动组件是否可以放置于目标行的空白位置;<本文档来自技高网...

【技术保护点】

1.一种组件排列方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述根据所述待移动组件的宽度值和目标行的空白位置对应的宽度值的关系,判断待移动组件是否可以放置于目标行的空白位置,包括:

3.根据权利要求2所述的方法,其特征在于,所述方法还包括:

4.根据权利要求2所述的方法,其特征在于,所述确定所述待移动组件的宽度值对应的最小单位宽度,包括:

5.根据权利要求1所述的方法,其特征在于,所述方法还包括:

6.根据权利要求5所述的方法,其特征在于,所述根据所述初始位置和所述目标移动位置的关系,控制待移动组...

【技术特征摘要】

1.一种组件排列方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述根据所述待移动组件的宽度值和目标行的空白位置对应的宽度值的关系,判断待移动组件是否可以放置于目标行的空白位置,包括:

3.根据权利要求2所述的方法,其特征在于,所述方法还包括:

4.根据权利要求2所述的方法,其特征在于,所述确定所述待移动组件的宽度值对应的最小单位宽度,包括:

5.根据权利要求1所述的方法,其特征在于,所述方法还包括:

6....

【专利技术属性】
技术研发人员:郭士君杜绍江
申请(专利权)人:杭州行至云起科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1