一种调节组件边距的方法、装置、设备及存储介质制造方法及图纸

技术编号:39306626 阅读:9 留言:0更新日期:2023-11-12 15:54
本申请公开了一种调节组件边距的方法、装置、设备及存储介质,该方法包括:响应于针对目标组件的触发操作,显示目标组件的边距调节器,通过该边距调节器调节目标组件的内边距和外边距。当激活边距调节器的第一区域时,控制内边距调节区域的多个有效内边距调节区域处于可编辑状态。响应于激活边距调节器的第二区域的操作,控制外边距调节区域的多个有效外边距调节区域处于可编辑状态。也就是,当用户激活边距调节器的特定区域时,可以同时调整目标组件的整个内边距调节区域,或者同时调整目标组件的整个外边距调节区域,无需用户一一选择各个边距调节区域进行调节,减少用户调节边距的次数,改善用户调节组件边距的方式,改善用户体验。户体验。户体验。

【技术实现步骤摘要】
一种调节组件边距的方法、装置、设备及存储介质


[0001]本申请涉及计算机
,具体涉及一种调节组件边距的方法、装置、设备及存储介质。

技术介绍

[0002]在页面设计中,为了使页面中各个组件、元素、文字的布局清晰,使用户使用页面的观感较好,需要为各个组件设置合适的间距,包括组件本身的内外间距、以及不同组件之间的间距等。其中,每个组件的间距调整可以分为内间距和外间距,通过内间距和外间距的设置定义页面中组件所占的空间大小。其中,内边距(padding)可以表示组件的内容区域与组件的边框之间的距离,外边距(margin)可以表示组件的边框与其他的组件、或者页面边缘之间的距离。例如,组件的内边距和外边距存在四个方向的边距值,即分别对应上

内边距、下

内边距、左

内边距、右

内边距、上

外边距、下

外边距、左

外边距、右

外边距。
[0003]目前在页面编辑器中调节组件的内边距和外边距时,需要通过“选择”方式进行调整,即分别选择每个方向所对应的边距具体数值,类似于word文档中调整字体大小时需要选择字体的大小值。由于在实际的页面设计过程中,用户通常想要将四个方向的内边距的边距值设置为相同的数值,或者将四个方向的外边距的边距值设置为相同的数值,目前针对每个方向的边距值进行选择的方式,会导致调整内边距、外边距的次数过多,用户每次调整边距值的操作路径长,用户操作起来不够方便,影响用户的使用体验。

技术实现思路

[0004]有鉴于此,本申请提供一种调节组件边距的方法、装置、设备及存储介质,以便改善用户调节组件边距的操作方式,改善用户体验。
[0005]为实现上述目的,本申请提供的技术方案如下:
[0006]在本申请第一方面,提供了一种调节组件边距的方法,所述方法包括:
[0007]响应于针对目标组件的触发操作,显示所述目标组件的边距调节器;
[0008]响应于激活所述边距调节器的第一区域的操作,控制所述边距调节器的内边距调节区域的多个有效内边距调节区域处于可编辑状态;
[0009]响应于激活所述边距调节器的第二区域的操作,控制所述边距调节器的外边距调节区域的多个有效外边距调节区域处于可编辑状态。
[0010]在一种可能的实现方式中,所述内边距调节区域包括多个有效内边距调节区域以及无效内边距调节区域,且所述多个有效内边距调节区域以及所述无效内边距调节区域为互不重叠的区域,若所述第一区域属于所述无效内边距调节区域,所述响应于激活所述边距调节器的第一区域的操作,控制所述边距调节器的内边距调节区域的多个有效内边距调节区域处于可编辑状态,包括:
[0011]响应于激活所述无效内边距调节区域的操作,控制所述多个有效内边距调节区域均处于可编辑状态。
[0012]在一种可能的实现方式中,所述外边距调节区域包括多个有效外边距调节区域以及无效外边距调节区域,且所述多个有效外边距调节区域以及所述无效外边距调节区域为互不重叠的区域,若所述第二区域属于所述无效外边距调节区域,所述响应于激活所述边距调节器的第二区域的操作,控制所述边距调节器的外边距调节区域的多个有效内边距调节区域处于可编辑状态,包括:
[0013]响应于激活所述无效外边距调节区域的操作,控制所述多个有效外边距调节区域均处于可编辑状态。
[0014]在一种可能的实现方式中,所述方法还包括:
[0015]响应于激活所述多个有效内边距调节区域中任一有效内边距调节区域的操作,控制所激活的有效内边距调节区域处于可编辑状态。
[0016]在一种可能的实现方式中,所述方法还包括:
[0017]响应于激活所述多个有效外边距调节区域中任一有效外边距调节区域的操作,控制所激活的有效外边距调节区域处于可编辑状态。
[0018]在一种可能的实现方式中,所述方法还包括:
[0019]当所述有效内边距调节区域处于可编辑状态时,通过输入所述有效内边距调节区域所对应的内边距绝对值或者内边距相对值来调整内边距。
[0020]在一种可能的实现方式中,所述方法还包括:
[0021]当所述有效外边距调节区域处于可编辑状态时,通过输入所述有效外边距调节区域所对应的外边距绝对值或者外边距相对值来调整外边距。
[0022]在一种可能的实现方式中,所述响应于激活所述多个有效内边距调节区域中任一有效内边距调节区域的操作,控制所激活的有效内边距调节区域处于可编辑状态,包括:
[0023]响应于激活所述有效内边距调节区域的操作,在所述有效内边距调节区域显示有效内边距的可选项编辑控件。
[0024]在一种可能的实现方式中,所述方法还包括:
[0025]响应于控制鼠标悬停在所述无效内边距调节区域的操作,控制所述多个有效内边距调节区域进行突出显示。
[0026]在一种可能的实现方式中,所述方法还包括:
[0027]响应于控制鼠标悬停在所述无效外边距调节区域的操作,控制所述多个有效外边距调节区域进行突出显示。
[0028]在一种可能的实现方式中,所述方法还包括:
[0029]响应于控制鼠标悬停在所述有效内边距调节区域的操作,控制所述有效内边距调节区域进行突出显示。
[0030]在一种可能的实现方式中,所述方法还包括:
[0031]响应于控制鼠标悬停在所述有效外边距调节区域的操作,控制所述有效外边距调节区域进行突出显示。
[0032]在一种可能的实现方式中,所述多个有效内边距调节区域包括第一内边距调节区域、第二内边距调节区域、第三内边距调节区域、第四内边距调节区域,所述响应于激活所述无效内边距调节区域的操作,控制所述多个有效内边距调节区域均处于可编辑状态,包括:
[0033]响应于激活所述无效内边距调节区域的操作,控制所述第一内边距调节区域、所述第二内边距调节区域、所述第三内边距调节区域、所述第四内边距调节区域均处于可编辑状态。
[0034]在一种可能的实现方式中,所述多个有效外边距调节区域包括第一外边距调节区域、第二外边距调节区域、第三外边距调节区域、第四外边距调节区域,所述响应于激活所述无效外边距调节区域的操作,控制所述多个有效外边距调节区域均处于可编辑状态,包括:
[0035]响应于激活所述无效外边距调节区域的操作,控制所述第一外边距调节区域、所述第二外边距调节区域、所述第三外边距调节区域、所述第四外边距调节区域均处于可编辑状态。
[0036]在本申请第二方面,提供了一种调节组件边距的装置,所述装置包括:
[0037]显示单元,用于响应于针对目标组件的触发操作,显示所述目标组件的边距调节器;
[0038]第一控制单元,用于响应于激活所述边距调节器的第一区域的操作,控制所述边距调节器的内边距调节区域的多个有效内边距调节区域处于可编辑本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种调节组件边距的方法,其特征在于,所述方法包括:响应于针对目标组件的触发操作,显示所述目标组件的边距调节器;响应于激活所述边距调节器的第一区域的操作,控制所述边距调节器的内边距调节区域的多个有效内边距调节区域处于可编辑状态;响应于激活所述边距调节器的第二区域的操作,控制所述边距调节器的外边距调节区域的多个有效外边距调节区域处于可编辑状态。2.根据权利要求1所述的方法,其特征在于,所述内边距调节区域包括多个有效内边距调节区域以及无效内边距调节区域,且所述多个有效内边距调节区域以及所述无效内边距调节区域为互不重叠的区域,若所述第一区域属于所述无效内边距调节区域,所述响应于激活所述边距调节器的第一区域的操作,控制所述边距调节器的内边距调节区域的多个有效内边距调节区域处于可编辑状态,包括:响应于激活所述无效内边距调节区域的操作,控制所述多个有效内边距调节区域均处于可编辑状态。3.根据权利要求1所述的方法,其特征在于,所述外边距调节区域包括多个有效外边距调节区域以及无效外边距调节区域,且所述多个有效外边距调节区域以及所述无效外边距调节区域为互不重叠的区域,若所述第二区域属于所述无效外边距调节区域,所述响应于激活所述边距调节器的第二区域的操作,控制所述边距调节器的外边距调节区域的多个有效内边距调节区域处于可编辑状态,包括:响应于激活所述无效外边距调节区域的操作,控制所述多个有效外边距调节区域均处于可编辑状态。4.根据权利要求2所述的方法,其特征在于,所述方法还包括:响应于激活所述多个有效内边距调节区域中任一有效内边距调节区域的操作,控制所激活的有效内边距调节区域处于可编辑状态。5.根据权利要求3所述的方法,其特征在于,所述方法还包括:响应于激活所述多个有效外边距调节区域中任一有效外边距调节区域的操作,控制所激活的有效外边距调节区域处于可编辑状态。6.根据权利要求4所述的方法,其特征在于,所述方法还包括:当所述有效内边距调节区域处于可编辑状态时,通过输入所述有效内边距调节区域所对应的内边距绝对值或者内边距相对值来调整内边距。7.根据权利要求5所述的方法,其特征在于,所述方法还包括:当所述有效外边距调节区域处于可编辑状态时,通过输入所述有效外边距调节区域所对应的外边距绝对值或者外边距相对值来调整外边距。8.根据权利要求4所述的方法,其特征在于,所述响应于激活所述多个有效内边距调节区域中任一有效内边距调节区域的操作,控制所激活的有效内边距调节区域处于可编辑状态,包括:响应于激活所述有效内边距调节区域的操作,在所述有效内边距调节区域显示有效内边距的可选项编辑控件。9.根据权利要求2所述的方法,其特征在于...

【专利技术属性】
技术研发人员:孟轩竹
申请(专利权)人:北京字跳网络技术有限公司
类型:发明
国别省市:

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

1