CN116126298A - 一种对象的布局处理方法、装置和计算机可读介质 - Google Patents

一种对象的布局处理方法、装置和计算机可读介质 Download PDF

Info

Publication number
CN116126298A
CN116126298A CN202310419509.9A CN202310419509A CN116126298A CN 116126298 A CN116126298 A CN 116126298A CN 202310419509 A CN202310419509 A CN 202310419509A CN 116126298 A CN116126298 A CN 116126298A
Authority
CN
China
Prior art keywords
layout
operation object
object set
standard
objects
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202310419509.9A
Other languages
English (en)
Inventor
李梓杨
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jinwei Zhiguang Information Technology Co ltd
Original Assignee
Beijing Jinwei Zhiguang Information Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jinwei Zhiguang Information Technology Co ltd filed Critical Beijing Jinwei Zhiguang Information Technology Co ltd
Priority to CN202310419509.9A priority Critical patent/CN116126298A/zh
Publication of CN116126298A publication Critical patent/CN116126298A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/20Software design
    • G06F8/24Object-oriented
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开一种对象的布局处理方法、装置和计算机可读介质,确定布局页面中待处理的第一操作对象集合,对第一操作对象集合中的至少部分第一操作对象进行布局处理,以使第一操作对象集合满足对象布局标准,获取对满足对象布局标准的第一操作对象集合的对象操作信息,对满足对象布局标准的第一操作对象集合执行与对象操作信息匹配的处理,得到第二操作对象集合,对第二操作对象集合中的至少部分第二操作对象进行布局处理,以使第二操作对象集合满足对象布局标准。本申请检测到不满足对象布局标准的操作对象集合就将其调整为满足对象布局标准的操作对象集合,解决了在页面整体布局调整的过程中,耗时以及效率低的问题。

Description

一种对象的布局处理方法、装置和计算机可读介质
技术领域
本申请属于计算机技术领域,尤其涉及一种对象的布局处理方法、装置和计算机可读介质。
背景技术
在计算机中使用设计工具进行设计的过程中,需要对设计界面中的各个对象进行布局。具体的,需要单独且重复的移动设计界面中的各个对象,进行顺序排列或者调整间距。比如,在设计界面中,需要将文本框、媒体元素或其他内容的容器、用户输入框等需要的设计元素调出,然后根据需要调整整体布局以及设计元素之间的间距,这一过程需要耗费大量的时间,效率低下。
发明内容
有鉴于此,本申请提供一种对象的布局处理方法、装置和计算机可读介质,以用于解决在进行调整整体布局以及设计元素间距的过程中出现的耗费大量时间以及效率低的问题。
为解决上述问题,本申请提供如下方案:
一种对象的布局处理方法,包括:
确定布局页面中待处理的第一操作对象集合;
响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准;
获取对满足所述对象布局标准的第一操作对象集合的对象操作信息;
对满足所述对象布局标准的第一操作对象集合执行与所述对象操作信息匹配的处理,得到第二操作对象集合;
响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
可选的,所述确定布局页面中待处理的第一操作对象集合,包括:
基于操作体在所述布局页面中的操作信息,确定所述布局页面中所述待处理的第一操作对象集合。
可选的,所述对象布局标准包括:操作对象集合中的各个操作对象在布局页面的预设页面方向上存在至少部分重叠且各个相邻操作对象间的距离符合预设距离条件;
所述响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准,包括:
响应于检测到所述第一操作对象集合不满足所述对象布局标准,对所述第一操作对象集合中的相应第一操作对象在布局页面上所对应的布局信息进行第一布局信息调整,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准。
可选的,所述对象布局标准包括:操作对象集合中的各个操作对象在所述布局页面中居中对齐,或,在所述页面布局中沿基于水平或垂直设定的轴对齐;
所述响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准,包括:
响应于检测到所述第一操作对象集合不满足所述对象布局标准,对所述第一操作对象集合中的相应第一操作对象在布局页面上所对应的布局信息进行第二布局信息调整,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准。
可选的,所述获取对满足所述对象布局标准的第一操作集合的对象操作信息,包括:
获取对满足预设的对象布局标准的所述第一操作对象集合的如下操作信息中的至少一种:插入操作对象、删除操作对象、修改操作对象大小、改变操作对象的形状、调整操作对象之间的距离、选择操作对象、调换操作对象位置。
可选的,所述对象布局标准包括:操作对象集合中的各个操作对象在布局页面的预设页面方向上存在至少部分重叠且各个相邻操作对象间的距离符合预设距离条件;
所述响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准,包括:
响应于检测到所述第二操作对象集合不满足所述对象布局标准,对所述第二操作对象集合中的相应第二操作对象在布局页面上所对应的布局信息进行第三布局信息调整,以使所述第一操作对象集合中的各个第二操作对象满足所述对象布局标准。
可选的,所述对象布局标准包括:操作对象集合中的各个操作对象在所述布局页面中居中对齐,或,在所述页面布局中沿基于水平或垂直设定的轴对齐;
所述响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准,包括:
响应于检测到所述第二操作对象集合不满足所述对象布局标准,对所述第二操作对象集合中的相应第二操作对象在布局页面上所对应的布局信息进行第四布局信息调整,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
可选的,还包括:
在满足预设的更新条件的情况下,根据对操作对象的要求更新所述预设的对象布局标准。
一种对象的布局处理装置,包括:
确定单元,用于确定布局页面中待处理的第一操作对象集合;
第一处理单元,用于响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准;
获取单元,用于获取对满足所述对象布局标准的第一操作对象集合的对象操作信息;
操作执行单元,用于对满足所述对象布局标准的第一操作对象集合执行与所述操作信息匹配的处理,得到第二操作对象集合;
第二处理单元,用于响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
一种计算机可读介质,其上存储有计算机程序,所述计算机程序被处理器执行时,能用于实现如上文任一项所述的对象的布局处理方法。
由以上方案可知,本申请公开的对象的布局处理方法、装置和计算机可读介质,确定布局页面中待处理的第一操作对象集合,响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准,获取对满足所述对象布局标准的第一操作对象集合的对象操作信息,对满足所述对象布局标准的第一操作对象集合执行与所述对象操作信息匹配的处理,得到第二操作对象集合,响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
本申请检测到不满足预设的对象布局标准的操作对象集合就将其调整为满足对象布局标准的操作对象集合,解决了在页面整体布局调整的过程中,耗时以及效率低的问题。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1是本申请提供的对象的布局处理方法的一种流程示意图;
图2是本申请提供的一种对象的布局处理过程中选中操作对象集合的示例图;
图3是本申请提供的一种满足预设的对象布局标准的操作对象集合的示例图;
图4是本申请提供的一种满足预设的对象布局标准的操作对象集合的示例图;
图5是本申请提供的一种满足预设的对象的布局标准的操作对象集合中各操作对象对应的操作控件示例图;
图6是本申请提供的一种满足预设的对象的布局标准的操作对象集合的示例图;
图7是本申请提供的一种调整单个操作对象大小的操作结果示例图;
图8是本申请提供的一种满足预设的对象的布局标准的操作对象集合的示例图;
图9是本申请提供的一种插入新的操作对象的操作结果示例图;
图10是本申请提供的一种插入新的操作对象的操作结果示例图;
图11是本申请提供的对象的布局处理方法的另一种流程示意图;
图12是本申请提供的对象的布局处理装置的组成结构图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本申请中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本申请中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本申请公开一种对象的布局处理方法、装置和计算机可读介质。
参见图1所示的对象的布局处理方法的流程示意图,本申请提供的对象的布局处理方法包括以下处理流程。
步骤101、确定布局页面中待处理的第一操作对象集合。
布局页面可以是设计者通过计算机使用设计工具创建的设计布局界面,比如图形用户界面、社交媒体的瀑布流、广告图形界面、技术绘图界面、包含流程图的界面、含有一组幻灯片的界面、图像库界面、一些其他表格,网格视图,其他数据或者其他内容的集合所在的界面等等。
相应的,第一操作对象集合,为用户在设计布局界面上选定的需要进行后续操作的对象集合,比如,选中几个文本框、选中包含媒体元素或其他内容的容器、选中用户输入框以及几个其他设计元素等等,所选中的各个对象即构成设计布局页面中当前待处理的第一操作对象集合。可以理解的是,第一操作对象集合中的各操作对象可能形状不同,并且所属的元素类别可能相同,也可能不同,各操作对象可以是设计布局页面中的任意元素。
具体的,用户可以通过操作体选中布局页面中的任意所需的操作对象,可以选中一个或者多个操作对象,来作为待处理的第一操作对象集合,参见图2,图2展示的为本申请提供的一种对象的布局处理过程中选中操作对象集合的示例图,在布局页面中,用户通过控制操作体自行选择布局页面中的多个对象,构成第一操作对象集合,如图所示,第一操作对象集合中包括九个第一操作对象。需要说明的是,操作体可以但不限于为用户手指、触控笔、鼠标、键盘等。
步骤102、响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准。
当用户选中多个第一操作对象构成第一操作对象集合时,用于作为执行主体的计算设备会识别选中的第一操作对象集合中的各个第一操作对象是否满足预设的对象布局标准,预设的对象布局标准也可以称为有组织集合标准。需要说明的是,有组织集合标准是可以根据设计软件需要、应用平台需要,或者用户操作需要进行更新。
具体的,本申请提供的预设的对象布局标准主要有两种。
第一种预设的对象布局标准包括:操作对象集合中各个操作对象在页面布局中预设页面方向上存在至少部分重叠,且各个相邻操作对象间的距离符合预设距离条件,具体的,可以但不限于为各第一操作对象在垂直方向或者水平方向的轴存在重叠且各个相邻第一操作对象间的间距相同或者是各个相邻对象之间间距的差值小于设定阈值。示例性的,第一操作对象集合就像存在于一个列表之中,列表中的所有操作对象与在某一方向穿过的轴都具有重叠部分,且在与该轴垂直的另一方向上各个相邻操作对象的间距相同或者间距之差不超过设定阈值。
参见图3,图3为满足该预设的对象布局标准的操作对象集合的示例图。如图所示,选中的操作对象集合中包括三个操作对象,该操作对象集合满足预设的对象布局标准,三个操作对象都在一条轴上有重叠,重叠区域为图中被波点填充的长方形,同时相邻操作对象之间的间距是相同的,图中展示的为被小格子填充的长方形的宽为三个操作对象之间的间距,该间距是按照相邻操作对象的边界框的最近边测量的。同理,对于操作对象集合来说,需要同时满足上述两个条件就可以被作为执行主体的计算设备识别为有组织集合,但是只要有一个条件不满足,就不会被计算设备识别为有组织集合。
第二种预设的对象布局标准为各操作对象在布局页面中居中对齐,或者在布局页面中沿基于水平或者垂直设定的轴对齐,具体的,可以但不限于为在布局页面中沿y轴的垂直列表进行左对齐或者右对齐,或者沿x轴的水平列表进行上对齐或者下对齐。参见图4,图4为满足该预设的对象布局标准的操作对象集合的示例图,其中,对象1、对象2以及对象3三个操作对象沿y轴的垂直列表进行左对齐,满足该对象布局标准。
当计算设备检测到第一操作对象集合中的各第一操作对象不满足预设的页面布局标准时,会自动在布局页面采用布局信息调整的方式对第一操作集合进行对应的布局处理,该布局处理可以是对第一操作对象集合中相应一个或多个第一操作对象布局信息的调整处理,包括但不限于调整相应第一操作对象的大小、位置和/或方向,通过该处理将第一操作对象集合中的第一操作对象调整为满足对象布局标准的第一操作对象集合。
例如,自动检测第一操作对象集合中各个第一操作对象的大小、方向和/或位置等布局信息,根据检测的各个第一操作对象的布局信息,确定该集合中哪些第一操作对象之间已经符合所设定的页面布局标准,哪些不符合,对于不符合页面布局标准的一个或多个相应第一操作对象,通过按需调整其大小、方向和/或位置等布局信息,使得整个第一操作对象集合中的各个第一操作对象符合所设定的页面布局标准。
步骤103、获取对满足所述对象布局标准的第一操作对象集合的对象操作信息。
需要说明的是,用户可以根据需求在布局界面中对第一操作对象集合执行操作,操作的具体形式可以有:在两个第一操作对象之间插入一个新的第一操作对象、删除第一操作对象集合中的一个第一操作对象、选中一个第一操作对象修改其大小或者顺序位置、选中一个第一操作对象等等。同时,作为执行主体的计算设备可以检测到用户的操作,得到对应的操作信息。可以理解是,操作信息可以但不限于为上文提到的用户根据需求在布局页面中对第一操作对象集合执行操作对应的操作信息。
需要说明的是,本申请还向用户提供了一种可选的手动操作方式,具体实现方式为:在布局页面中不同的操作对象,都具有操作控件,包括但不限于圆圈控件、横线控件以及竖线控件。参见图5,为本申请提供的满足预设的对象的布局标准的操作对象集合中各操作对象对应的操作控件示例图。
如图所示,圆圈控件用于调整各操作对象在有组织集合中的位置,横线控件可以用于调整各操作对象在整个有组织集合中的横向距离,竖线控件可以用于调整各操作对象在整个有组织集合中的纵向距离。
步骤104、对满足所述对象布局标准的第一操作对象集合执行与所述对象操作信息匹配的处理,得到第二操作对象集合。
作为执行主体的计算设备检测到用户对于第一操作对象集合的操作信息,执行与用户操作信息匹配的操作,例如,当用户选中一个新的操作对象,向第一操作对象集合中插入时,计算设备会检测到操作信息为:新的操作对象的类型以及新的操作对象的移动位置,然后在布局页面中显示与检测到的用户操作信息匹配的操作结果,即与用户的操作动作相同步,向用户操作所指示的位置插入用户操作所指示的新的操作对象。
步骤105、响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
需要说明的是,第二操作对象集合相比于第一操作对象集合,可能存在的操作对象个数以及操作对象的类型都没变,仅改变了一些操作对象的形状、位置,又或者是操作对象的个数减少或者增加等等区别变化。
第二操作对象集合为对第一操作对象集合执行插入、删除、改变大小、形状等等操作后形成的新的操作对象集合,作为执行主体的计算设备会检测第二操作对象集合是否满足预设的对象布局标准,并自动将不满足预设的对象布局标准的第二操作对象集合调整为满足预设的对象布局标准的第二操作对象集合。下面举例讲述几个操作以及对应的操作结果。
第一种操作是调整有组织集合的各间距。
如图2所示的操作对象集合,用户用操作体选中该操作对象集合中的全部操作对象后,在其对应的区域点击后会显示出来该操作对象集合对应的所有的圆圈控件、横线控件以及竖线控件,如图5所示,用户可以选中任意一个竖线控件,这时各操作对象间的竖向距离空间就会显示出来,用鼠标拖动竖线控件进行左右平移就可以缩小或放大各操作对象之间的竖向距离;用户还可以选中任意一个横向控件,这时各操作对象间的横向距离空间就会显现出来,用鼠标拖动横向控件进行上下平移就可以缩短或者拉长各操作对象之间的横向距离;除了这种通过选中操作控件移动进行间距调整的方法,本申请还提供了一种通过数字输入框控制各操作对象间间距的方法,用户用操作体选中操作对象集合中的全部操作对象后,在各操作对象对应的区域会自动显示出数字输入框,数字输入框中显示的数字为各操作对象之间的间距,需要说明的是,可以改变数字输入框中数字的大小,从而得到数字输入框对应的各操作对象间的目标间距。
第二种操作是调整单个操作对象的大小。
用户选中想要选中的操作对象组成操作对象集合后,点击想要调整尺寸的操作对象的圆圈控件,这时就代表选中了该操作对象,然后就可以选中其横线控件或者竖线控件进行拉伸,调整到想要的尺寸,同时该操作对象集合中的其他操作对象也会随着调整尺寸的操作对象进行相应的平移,以维持有组织集合的状态,参见图6和图7,图6中包含1、2、3、4四个竖向依次排列的操作对象,图中该操作对象集合呈现有组织集合的状态,图7为将操作对象3进行纵向拉长后的操作对象集合,图7中该操作对象集合也是呈现为有组织集合的状态。
第三种操作是操作对象在单个列表中重新排列。
单个列表指的是操作集合中的操作对象呈一排或者一列进行排列。对于单个列表的重新排列有两种操作,对应着两种不同的结果。
假设有1、2、3、4竖向依次排列的操作对象,第一种是用鼠标选中要进行排列的各个操作对象,然后点击操作对象4的圆圈控件将其拖动到操作对象2的位置,这时操作对象2和操作对象3依次自动保持间距向下移动到之前操作对象3和操作对象4的位置。第二种是先单击需要进行顺序调整的操作对象4,然后选中包含操作对象1、操作对象2、操作对象3、操作对象4的操作对象集合,这时再点击操作对象4的圆圈控件将其拖动到操作对象2的位置,这时操作对象2会自动调整到操作对象4之前的顺序位置。
第四种操作是重新排列操作对象的位置。主要存在两种不同的情况。
第一种情况是交换位置,第二种情况是将选中的操作对象插入另一行或者列的位置。
如图8所示操作对象集合。第一种情况是先选中要进行操作的各个操作对象,然后单击选中操作对象9的圆圈控件,然后拖动操作对象9到操作对象5的位置,这时操作对象5会自动换到操作对象9原来的位置,且操作对象6自动向右平移,使操作对象6与操作对象9之间的水平距离与其他各操作对象之间的水平距离保持相同,使整个操作对象集合保持有组织集合状态,完成位置调整的结果如图9所示。第二种情况是,先单击选中操作对象9,然后一起选中各个要进行操作的操作对象,这时单击拖动操作对象9的圆圈控件到操作对象5原来的位置,同时,操作对象5和操作对象6同时向右平移,操作对象9由原来的第三行插入到第二行,且各操作对象之间的各间距保持原样,该操作对象集合仍呈现有组织集合状态,完成位置调整的结果如图10所示。
第五种操作是操作对象的单个复制、多个复制、删除一个或多个操作对象。
单个复制,只需选中要进行操作的各个操作对象,然后单击需要复制的操作对象的圆圈控件,按下复制粘贴的快捷键,即可在复制操作对象的下一个位置出现同样的操作对象,其他操作对象依次后移。同理单击需要复制的操作对象的圆圈控件后按下复制粘贴的快捷键即可同时进行多个操作对象的复制。
删除一个或多个操作对象的操作类似于上述复制一个或多个操作对象,先选中要进行操作的各个操作对象,然后单击需要删除的操作对象的圆圈控件,按下删除的快捷键即可删除单击选择的操作对象了。
综上所述,本申请公开一种对象的布局处理方法,确定布局页面中待处理的第一操作对象集合,响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准,获取对满足所述对象布局标准的第一操作对象集合的对象操作信息,对满足所述对象布局标准的第一操作对象集合执行与所述对象操作信息匹配的处理,得到第二操作对象集合,响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。本申请检测到不满足预设的对象布局标准的操作对象集就将其调整为满足预设的对象布局标准的操作对象集合,解决了在页面整体布局调整的过程中,耗时以及效率低的问题。
可选的,参见图11,本申请提供的对象的布局处理方法的一种流程示意图。
对于画布中显示的多个对象,计算设备接收用户选中的操作信息,然后判断选中的对象集合是否满足“有组织集合”的标准,当用户选中不满足“有组织集合”的标准的对象集合时,计算设备会自动将选中的各个对象组成的对象集合调整为满足“有组织集合”标准的对象集合,然后计算设备会允许用户对“有组织集合”进行一些操作,等用户操作完成后,会自动将操作结果调整为符合“有组织集合”标准的对象集合并显示在画布中。
对于上述对象的布局处理方法,本申请还提供了一种对象的布局处理装置,该装置的组成如图12所示。
确定单元10,用于确定布局页面中待处理的第一操作对象集合;
第一处理单元20,用于响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准;
获取单元30,用于获取对满足所述对象布局标准的第一操作对象集合的对象操作信息;
操作执行单元40,用于对满足所述对象布局标准的第一操作对象集合执行与所述对象操作信息匹配的处理,得到第二操作对象集合;
第二处理单元50,用于响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
在一实施方式中,确定单元10,具体用于:
基于操作体在所述布局页面中的操作信息,确定所述布局页面中所述待处理的第一操作对象集合。
在一实施方式中,所述对象布局标准包括:所述第一操作对象集合中各第一操作对象满足与布局页面预设方向中任意方向的轴存在至少部分重叠的标准且各所述第一操作对象间的距离符合预设距离条件,第一处理单元20,具体用于:
响应于检测到所述第一操作对象集合不满足所述对象布局标准,对所述第一操作对象集合中的相应第一操作对象在布局页面上所对应的布局信息进行第一布局信息调整,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准。
在一实施方式中,所述对象布局标准包括所述第一操作集合中所述各第一操作对象为满足在所述布局页面中居中对齐,或,在所述页面布局中沿基于水平或垂直设定的轴对齐,第一处理单元20,具体用于:
响应于检测到所述第一操作对象集合不满足所述对象布局标准,对所述第一操作对象集合中的相应第一操作对象在布局页面上所对应的布局信息进行第二布局信息调整,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准。
在一实施方式中,获取单元30,具体用于:
获取对满足预设的对象布局标准的所述第一操作对象集合的如下操作信息中的至少一种:插入操作对象、删除操作对象、修改操作对象大小、改变操作对象的形状、调整操作对象之间的距离、选择操作对象、调换操作对象位置。
在一实施方式中,所述对象布局标准包括所述第二操作对象集合中各第二操作对象满足与布局页面预设方向中任意方向的轴存在至少部分重叠的标准且各所述第二操作对象间的距离符合预设距离条件,第二处理单元50,具体用于:
响应于检测到所述第二操作对象集合不满足所述对象布局标准,对所述第二操作对象集合中的相应第二操作对象在布局页面上所对应的布局信息进行第一布局信息调整,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准。
在一实施方式中,所述对象布局标准包括所述第一操作集合中所述各第一操作对象为满足在所述布局页面中居中对齐,或,在所述页面布局中沿基于水平或垂直设定的轴对齐,第二处理单元50,具体用于:
响应于检测到所述第二操作对象集合不满足所述对象布局标准,对所述第二操作对象集合中的相应第二操作对象在布局页面上所对应的布局信息进行第二布局信息调整,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
在一实施方式中,上述装置还包括:
更新单元,用于在满足预设的更新条件的情况下,根据对操作对象的要求更新所述预设的对象布局标准。
另外,本申请实施例还提供了一种计算机可读介质,其上存储有计算机程序,所述计算机程序被处理器执行时,能用于实现对象的布局处理方法的各个步骤。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
为了描述的方便,描述以上系统或装置时以功能分为各种模块或单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
最后,还需要说明的是,在本文中,诸如第一、第二、第三和第四等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本申请的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本申请的保护范围。

Claims (10)

1.一种对象的布局处理方法,其特征在于,包括:
确定布局页面中待处理的第一操作对象集合;
响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准;
获取对满足所述对象布局标准的第一操作对象集合的对象操作信息;
对满足所述对象布局标准的第一操作对象集合执行与所述对象操作信息匹配的处理,得到第二操作对象集合;
响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
2.根据权利要求1所述的方法,其特征在于,所述确定布局页面中待处理的第一操作对象集合,包括:
基于操作体在所述布局页面中的操作信息,确定所述布局页面中所述待处理的第一操作对象集合。
3.根据权利要求1所述的方法,其特征在于,所述对象布局标准包括:操作对象集合中的各个操作对象在布局页面的预设页面方向上存在至少部分重叠且各个相邻操作对象间的距离符合预设距离条件;
所述响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准,包括:
响应于检测到所述第一操作对象集合不满足所述对象布局标准,对所述第一操作对象集合中的相应第一操作对象在布局页面上所对应的布局信息进行第一布局信息调整,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准。
4.根据权利要求1所述的方法,其特征在于,所述对象布局标准包括:操作对象集合中的各个操作对象在所述布局页面中居中对齐,或,在所述页面布局中沿基于水平或垂直设定的轴对齐;
所述响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准,包括:
响应于检测到所述第一操作对象集合不满足所述对象布局标准,对所述第一操作对象集合中的相应第一操作对象在布局页面上所对应的布局信息进行第二布局信息调整,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准。
5.根据权利要求1所述的方法,其特征在于,所述获取对满足所述对象布局标准的第一操作集合的对象操作信息,包括:
获取对满足预设的对象布局标准的所述第一操作对象集合的如下操作信息中的至少一种:插入操作对象、删除操作对象、修改操作对象大小、改变操作对象的形状、调整操作对象之间的距离、选择操作对象、调换操作对象位置。
6.根据权利要求1所述的方法,其特征在于,所述对象布局标准包括:操作对象集合中的各个操作对象在布局页面的预设页面方向上存在至少部分重叠且各个相邻操作对象间的距离符合预设距离条件;
所述响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准,包括:
响应于检测到所述第二操作对象集合不满足所述对象布局标准,对所述第二操作对象集合中的相应第二操作对象在布局页面上所对应的布局信息进行第三布局信息调整,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
7.根据权利要求1所述的方法,其特征在于,所述对象布局标准包括:操作对象集合中的各个操作对象在所述布局页面中居中对齐,或,在所述页面布局中沿基于水平或垂直设定的轴对齐;
所述响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准,包括:
响应于检测到所述第二操作对象集合不满足所述对象布局标准,对所述第二操作对象集合中的相应第二操作对象在布局页面上所对应的布局信息进行第四布局信息调整,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
8.根据权利要求1所述的方法,其特征在于,还包括:
在满足预设的更新条件的情况下,根据对操作对象的要求更新所述预设的对象布局标准。
9.一种对象的布局处理装置,其特征在于,包括:
确定单元,用于确定布局页面中待处理的第一操作对象集合;
第一处理单元,用于响应于检测到所述第一操作对象集合中的各个第一操作对象不满足预设的对象布局标准,对所述第一操作对象集合中的至少部分第一操作对象进行布局处理,以使所述第一操作对象集合中的各个第一操作对象满足所述对象布局标准;
获取单元,用于获取对满足所述对象布局标准的第一操作对象集合的对象操作信息;
操作执行单元,用于对满足所述对象布局标准的第一操作对象集合执行与所述对象操作信息匹配的处理,得到第二操作对象集合;
第二处理单元,用于响应于检测到所述第二操作对象集合中的各个第二操作对象不满足预设的对象布局标准,对所述第二操作对象集合中的至少部分第二操作对象进行布局处理,以使所述第二操作对象集合中的各个第二操作对象满足所述对象布局标准。
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时,能用于实现如权利要求1-8任一项所述的对象的布局处理方法。
CN202310419509.9A 2023-04-19 2023-04-19 一种对象的布局处理方法、装置和计算机可读介质 Pending CN116126298A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310419509.9A CN116126298A (zh) 2023-04-19 2023-04-19 一种对象的布局处理方法、装置和计算机可读介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310419509.9A CN116126298A (zh) 2023-04-19 2023-04-19 一种对象的布局处理方法、装置和计算机可读介质

Publications (1)

Publication Number Publication Date
CN116126298A true CN116126298A (zh) 2023-05-16

Family

ID=86301321

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310419509.9A Pending CN116126298A (zh) 2023-04-19 2023-04-19 一种对象的布局处理方法、装置和计算机可读介质

Country Status (1)

Country Link
CN (1) CN116126298A (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108073438A (zh) * 2018-01-02 2018-05-25 武汉斗鱼网络科技有限公司 页面展示方法、装置及电子终端
CN113094127A (zh) * 2020-01-09 2021-07-09 腾讯科技(深圳)有限公司 页面编辑方法、装置、计算机可读存储介质和计算机设备
CN113835806A (zh) * 2021-09-18 2021-12-24 北京天融信网络安全技术有限公司 一种页面布局方法、装置、电子设备及存储介质
CN114327395A (zh) * 2021-12-30 2022-04-12 武汉联影医疗科技有限公司 网页设计方法、装置、计算机设备、存储介质和产品
CN115329782A (zh) * 2022-07-13 2022-11-11 北京字跳网络技术有限公司 语言翻译方法、装置、电子设备和存储介质
CN115981640A (zh) * 2021-10-14 2023-04-18 腾讯科技(深圳)有限公司 界面布局方法、装置、电子设备和存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108073438A (zh) * 2018-01-02 2018-05-25 武汉斗鱼网络科技有限公司 页面展示方法、装置及电子终端
CN113094127A (zh) * 2020-01-09 2021-07-09 腾讯科技(深圳)有限公司 页面编辑方法、装置、计算机可读存储介质和计算机设备
CN113835806A (zh) * 2021-09-18 2021-12-24 北京天融信网络安全技术有限公司 一种页面布局方法、装置、电子设备及存储介质
CN115981640A (zh) * 2021-10-14 2023-04-18 腾讯科技(深圳)有限公司 界面布局方法、装置、电子设备和存储介质
CN114327395A (zh) * 2021-12-30 2022-04-12 武汉联影医疗科技有限公司 网页设计方法、装置、计算机设备、存储介质和产品
CN115329782A (zh) * 2022-07-13 2022-11-11 北京字跳网络技术有限公司 语言翻译方法、装置、电子设备和存储介质

Similar Documents

Publication Publication Date Title
JP7354294B2 (ja) 階層流動コンポーネントおよび動的レイアウトを統合した応答編集および表示を提供するシステムおよび方法
US10705707B2 (en) User interface for editing a value in place
US10372321B2 (en) Recognition of user drawn graphical objects based on detected regions within a coordinate-plane
JP4759743B2 (ja) オブジェクト表示処理装置、オブジェクト表示処理方法、およびオブジェクト表示処理用プログラム
CN105723358B (zh) 用于交互式站点与应用的自动转换的系统和方法
US7600198B2 (en) Method of tracking data objects using related thumbnails in a palette window
US8549423B2 (en) Linking and managing mathematical objects
US5913221A (en) Automated recognition of and distinction among graphics input, text input, and editing commands in a pen based computer
KR102082541B1 (ko) 속성 그룹을 이용한 시각적 엘리먼트의 선택 및 편집 기법
US11061529B2 (en) Generating contextual guides
CN108351745A (zh) 数字笔记记录的系统和方法
KR101546725B1 (ko) 반응형 레이아웃 설계 방법
US20140344708A1 (en) System and Methods for Capturing and Managing Business Intelligence Requirements
US20120290925A1 (en) Incremental Graphic Object Layout Editing
US10289656B2 (en) Efficiently relocating objects within a digital document to an equidistant position relative to reference objects
US20160180167A1 (en) System and method for managing and reviewing document integration and updates
WO2024156229A1 (zh) 一种代码阅读系统、方法及存储介质
US10410387B2 (en) System and method for generating user interface elements
CN116126298A (zh) 一种对象的布局处理方法、装置和计算机可读介质
JP5298616B2 (ja) 情報提示装置、情報提示方法および情報提示用プログラム
US20230315251A1 (en) Information processing apparatus, non-transitory computer readable medium storing program, and information processing method
US20220114328A1 (en) Dynamic project views of a virtual workspace to facilitate active reading
JP3646390B2 (ja) プログラミング支援装置および方法
US7042450B1 (en) Interactive user interface guides
CN108268201A (zh) 一种基于拖拽重计算的电力数据图表处理方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination