CN111611035B - 自定义窗口分割布局方法、装置、计算机设备和存储介质 - Google Patents
自定义窗口分割布局方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN111611035B CN111611035B CN202010354450.6A CN202010354450A CN111611035B CN 111611035 B CN111611035 B CN 111611035B CN 202010354450 A CN202010354450 A CN 202010354450A CN 111611035 B CN111611035 B CN 111611035B
- Authority
- CN
- China
- Prior art keywords
- window
- separation line
- sub
- pixel blocks
- separation
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种自定义窗口分割布局方法、装置、计算机设备和存储介质,所述方法通过将界面分割为像素块,在像素块之间的分隔线被触发的情况下,改变分隔线两侧像素块的拆分与合并状态,分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,从而实现以像素块为单位,高效、灵活地对界面中子窗口的布局进行调整。
Description
技术领域
本申请涉及计算机技术领域,特别是涉及一种自定义窗口分割布局方法、装置、计算机设备和存储介质。
背景技术
在各种包含窗口显示的场景中,如电脑桌面,手机屏幕,智能电视机;在各种场景下,对于显示区域的最大化利用,合理的、符合用户个性需求的窗口布局显得尤为重要。然而,相关技术中进行多内容展示只有在系统或者软件预设的通用场景布局下进行,无法覆盖用户的自定义需求,用户只能通过对窗口的拖动大小来实现。
针对相关技术中,窗口布局不灵活、窗口布局调整效率低的问题,目前尚未提出有效的解决方案。
发明内容
基于此,有必要针对上述技术问题,提供一种自定义窗口分割布局方法、装置、计算机设备和存储介质。
根据本发明的一个方面,提供了一种自定义窗口分割布局方法,所述方法包括:
通过分隔线将界面窗口分割为像素块;
在所述分隔线被触发的情况下,所述分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,所述分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,其中,所述子窗口拼合得到所述界面窗口。
在其中一个实施例中,所述在所述分隔线被触发的情况下,所述分隔线两侧的像素块由同一个子窗口分为不同的子窗口,或者,所述分隔线两侧的像素块由不同的子窗口合并为同一个子窗口包括:
所述分隔线包括第一形态和第二形态,所述第一形态的分隔线两侧的所述像素块属于不同子窗口,所述第二形态的分隔线两侧的所述像素块属于同一子窗口;
在所述第一形态的分隔线被触发的情况下,将所述分隔线由所述第一形态改变为所述第二形态,在所述第二形态的分隔线被触发的情况下,将所述分隔线由所述第二形态改变为所述第一形态。
在其中一个实施例中,所述在所述第一形态的分隔线被触发的情况下,将所述分隔线由所述第一形态改变为所述第二形态,在所述第二形态的分隔线被触发的情况下,将所述分隔线由所述第二形态改变为所述第一形态包括:
在所述第一形态的分隔线被触发的情况下,获取所述分隔线两侧的像素块所在的第一子窗口和第二子窗口,并根据所述第一子窗口和第二子窗口确定合并后得到的第三子窗口,将所述第三子窗口中的所述第一形态的分隔线改变为所述第二形态;
在所述第二形态的分隔线被触发的情况下,获取所述分隔线所在的第四子窗口,将第一线段由所述第二形态改变为所述第一形态,其中,所述第一线段是所述分隔线所在的直线在所述第四子窗口内的部分。
在其中一个实施例中,所述将界面窗口分割为像素块包括,
将所述界面窗口平均分为第一数量行和第二数量列,得到大小相同的所述像素块。
在其中一个实施例中,根据权利要求1所述的方法,其特征在于,所述将界面窗口分割为像素块之后,所述方法还包括:
获取配置文件,根据所述配置文件对所述像素块进行组合,将所述界面窗口分割为预设的所述子窗口。
在其中一个实施例中,所述在所述像素块之间的分隔线被触发的情况下,改变所述分隔线两侧的所述像素块的分隔状态包括:
在所述像素块之间的分隔线被选中的情况下,所述分隔线以第三形态显示,在所述像素块之间的分隔线被触发的情况下,改变所述分隔线两侧的所述像素块的分隔状态。
在其中一个实施例中,所述在所述像素块之间的分隔线被选中的情况下,所述分隔线以第三形态显示包括:
在所述像素块之间的分隔线被选中且所述分隔线为第一形态分隔线的情况下,所述分隔线以所述第三形态显示;
在所述像素块之间的分隔线被选中且所述分隔线为第二形态分隔线的情况下,所述分隔线以第四形态显示。
在其中一个实施例中,所述像素块之间的分隔线被选中包括:
所述分隔线两侧的预设像素值范围内均为所述分隔线的响应区,在响应触发行为发生在所述响应区内的情况下,指示所述分隔线被选中。
根据本发明的另一个方面,还提供一种自定义窗口分割布局装置,所述装置包括分割模块和切换模块,
所述分割模块用于通过分隔线将界面窗口分割为像素块;
所述切换模块用于在所述分隔线被触发的情况下,所述分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,所述分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,其中,所述子窗口拼合得到所述界面窗口。
根据本发明的另一个方面,还提供一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述自定义窗口分割布局方法。
根据本发明的另一个方面,还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述自定义窗口分割布局方法。
上述自定义窗口分割布局方法、装置、计算机设备和存储介质,通过将界面分割为像素块,在像素块之间的分隔线被触发的情况下,改变分隔线两侧像素块的拆分与合并状态,分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,从而实现以像素块为单位,高效、灵活地对界面中子窗口的布局进行调整。
附图说明
图1是根据本发明一个实施例中自定义窗口分割布局方法应用场景示意图;
图2是根据本发明一个实施例中自定义窗口分割布局方法的流程图一;
图3是根据本发明一个实施例中窗口分割为像素块的示意图;
图4是根据本发明一个实施例中自定义窗口分割布局方法的窗口示意图;
图5是根据本发明一个实施例中自定义窗口分割布局方法的分隔线触发示意图;
图6是根据本发明一个实施例中自定义窗口分割布局方法的流程图二;
图7是根据本发明一个具体实施例中自定义窗口分割布局方法的流程图;
图8是根据本发明一个具体实施例中根据配置文件绘制窗口布局的示意图;
图9是根据本发明一个具体实施例中自定义窗口布局的示意图一;
图10是根据本发明一个具体实施例中自定义窗口布局的示意图二;
图11是根据本发明一个具体实施例中自定义后窗口布局以及实际播放子窗口布局示意图;
图12是根据本发明一个实施例中自定义窗口分割布局设备的示意图;
图13是根据本发明一个实施例中自定义窗口分割布局计算机设备的示意图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
图1是根据本发明一个实施例中自定义窗口分割布局方法应用场景示意图,本申请提供的自定义窗口分割布局方法,可以应用于如图1所示的应用环境中,图1是前端摄像头播放窗口布局图,界面中包括九个子窗口,各个子窗口互相拼接,构成全界面,各个子窗口可以用于显示不同的摄像头画面。
在一个实施例中,图2是根据本发明一个实施例中自定义窗口分割布局方法的流程图一,如图2所示,提供了一种自定义窗口分割布局方法,以该方法应用于图1中的界面为例进行说明,包括以下步骤:
步骤S210,通过分隔线将界面窗口分割为像素块;
在步骤S210中,图3是根据本发明一个实施例中窗口分割为像素块的示意图,如图3所示,界面被分割为36个像素块,为了便于理解,像素块之间的分隔线在图中以虚线表示,在实际应用中,该分隔线以何种形式出现均不影响方案的实施,而且,分隔线以及像素块并不会对界面产生实质上的分割,像素块可以被视为该界面的最小分割单元,而分隔线可以被视为该界面的可分割线,为了使得用户可以更清楚直观地进行子窗口的自定义分割,通常情况下会将分隔线显示出来以供用户进行触发行为。可选地,界面可以根据实际需求进行像素块的分割,分割可以是均匀的,也可以是不均匀的。
步骤S220,在分隔线被触发的情况下,分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,其中,子窗口拼合得到界面窗口。
在步骤S220中,触发可以但不限于是分隔线被点击或者选中,在分隔线被触发的情况下,分隔线两侧的像素块的分割状态将被改变。一方面,分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,例如,为了便于描述,将36个像素块编号为wind0至wind35,在wind0、wind1、wind6和wind7号四个像素块组成一个子窗口的情况下,wind0和wind1之间的分隔线被触发,则wind0像素块与wind1像素块被分割至不同的子窗口,在这种情况下,再触发wind6与wind7之间的分隔线,则wind0、wind1、wind6和wind7像素块组成的子窗口会被分割为两个子窗口,即wind0像素块和wind6像素块组成的子窗口,wind1像素块和wind7像素块组成的子窗口。可选地,根据预设的触发规则,由于wind0和wind1之间的分隔线被触发后无法形成封闭的子窗口,在wind0和wind1之间的分隔线被触发的情况下,默认在现有子窗口中,与被触发的分隔线在同一直线上的各条分隔线均被触发,直至能够形成完整的子窗口,例如,wind0、wind1、wind6和wind7像素块组成的子窗口中,wind0和wind1之间的分隔线被触发,则该子窗口中,wind6和wind7之间的分隔线也视为被触发,该子窗口被分割为wind0、wind6子窗口和wind1、wind7子窗口。另一个方面,分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,例如,当wind0和wind1分别是两个独立子窗口,当wind0和wind1之间的分隔线被触发,这两个独立子窗口合并为一个子窗口,形成wind0和wind1组成的子窗口,类似地,可以预设触发规则,将被触发的分隔线延伸直到可以形成有效的合并。可选地,在拆分和合并过程中,可能会出现子窗口是个不规则的多边形的情况,为了保证各个子窗口都是规则的矩形,也可以通过预设的触发规则,规定拆分和合并过程中,除了被触发的分隔线,会有连带的分隔线被触发,使得最终得到的子窗口均为矩形。
上述自定义窗口分割布局方法,通过将界面分割为像素块,在像素块之间的分隔线被触发的情况下,改变分隔线两侧像素块的拆分与合并状态,分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,从而实现以像素块为单位,高效、灵活地对界面中子窗口的布局进行调整。
在一个实施例中,在分隔线被触发的情况下,分隔线两侧的像素块由同一个子窗口分为不同的子窗口,或者,分隔线两侧的像素块由不同的子窗口合并为同一个子窗口包括:
分隔线包括第一形态和第二形态,第一形态的分隔线两侧的像素块属于不同子窗口,第二形态的分隔线两侧的像素块属于同一子窗口,可选地,分隔线的第一形态为实线,第二形态为虚线。例如,图4是根据本发明一个实施例中自定义窗口分割布局方法的窗口示意图,如图4所示,界面被虚线分割为像素块,四条边全部用虚线表示的窗口不是一个真正的在实际显示器上渲染绘制的子窗口,而是一个像素块,对应在图4中,方框42不是一个真正的独立窗口,而是一个像素块,是一个大的渲染窗口的一部分;43所指示的虚线线段即一个“像素块”的示意边线,即上述分隔线,且为第二形态。四条边都用实线表示的窗口则是用来显示内容的实体窗口,即子窗口,对应在图4中,方框44中是一个真正用来渲染的子窗口,45指示的实线即为一个真实渲染窗口的边线。
在第一形态的分隔线被触发的情况下,将分隔线由第一形态改变为第二形态,在第二形态的分隔线被触发的情况下,将分隔线由第二形态改变为第一形态。由于设定了分隔线的第一状态、第二状态以及两种状态的不同分割属性,可以将分隔线在触发状态下改变两侧像素块的拆分以及合并,等效为分隔线在触发状态下的形态改变,例如,虚线46在触发状态下变成实线,以及实线48在触发状态下变成虚线。需要说明的是,分隔线的第一状态和第二状态是为了便于标识,便于用户进行自定义分割,其展现方式可以根据需要进行设置,例如采用线的粗细,线的颜色等任何可以用以区分的形式,其本质仍然是通过触发分隔线改变分隔线两侧像素块的拆分或合并状态。
上述自定义窗口分割布局方法通过将分隔线设定为第一形态和第二形态,在分隔线被触发时,通过分隔线的形态改变对窗口的拆分或合并进行显示,使得窗口的分割状态更加直观,分割效率更高。
在一个实施例中,在第一形态的分隔线被触发的情况下,将分隔线由第一形态改变为第二形态,在第二形态的分隔线被触发的情况下,将分隔线由第二形态改变为第一形态包括:
一方面,在第一形态的分隔线被触发的情况下,获取分隔线两侧的像素块所在的第一子窗口和第二子窗口,并根据第一子窗口和第二子窗口确定合并后得到的第三子窗口,将第三子窗口中的第一形态的分隔线改变为第二形态。在本实施例中,预设的合并方式是保证合并后的窗口是矩形的。例如,图5是根据本发明一个实施例中自定义窗口分割布局方法的分隔线触发示意图,如图5所示,在第一形态的分隔线被触发的情况下,如图中实线上被鼠标选中的点,首先根据选中点的坐标可以得到该点所在的分隔线,得到这是wind3和wind9之间的分隔线,然后,确定wind3所在的第一子窗口和wind9所在的第二子窗口,可选地,在建立子窗口时建立窗口布局列表,列表中将列出各个子窗口以及子窗口中包括的像素块编号。由于第一形态的分隔线被触发,则第一子窗口和第二子窗口将被合并,获取第一子窗口的边界和第二子窗口的边界判定合并后的子窗口是否为矩形,如果不是,则求出包括第一子窗口和第二子窗口的最小矩形。可选地,对界面建立二维坐标轴如图5所示,获取第一子窗口的顶点坐标和第二子窗口的顶点坐标,分别获取两个子窗口的左上顶点和右下顶点的x坐标和y坐标,假设第一窗口的左上角顶点为(x1,y1),右下顶点为(x2,y2第二窗口的左上顶点为(x3,y3),右下顶点为(x4,y4),合并后的第三子窗口的左上顶点坐标则为[min(x1,x3),min(y1,y3)],右下顶点坐标为[max(x2,x4)],max(y2,y4)],根据上述第三子窗口的左上顶点坐标和右下顶点坐标即可得到合并后的第三子窗口。图5中,合并后的第三子窗口为以wind0、wind3、wind18和wind21为四角的窗口,在这个窗口中包含的第一形态的分隔线包括win0、wind1下方的分隔线,wind1和wind2之间的分隔线和wind2、wind3下方的分隔线,这三段分隔线均会由第一形态变为第二形态。
另一方面,在第二形态的分隔线被触发的情况下,获取分隔线所在的第四子窗口,将第一线段由第二形态改变为第一形态,其中,第一线段是分隔线所在的直线在第四子窗口内的部分。例如,图5中wind29下方的虚线被触发,获取wind29和wind35所在的第四子窗口以及该分隔线所在的直线,该分隔线所在直线在第四窗口中的部分,即为wind28和wind29下方的线段,将该线段由第二形态改变为第一形态,从而将第四子窗口分为两个子窗口,即由win28和win29组成的子窗口以及由win34和win35组成的子窗口。
通过本实施例中的实施方式,不仅可以省去逐段触发分隔线的步骤,从而使得分隔线的触发更加智能和高效,而且可以使得触发后无论是合并还是拆分,得到的子窗口均为矩形窗口,更加符合实际应用要求。
在一个实施例中,将界面窗口分割为像素块包括,将界面窗口平均分为第一数量行和第二数量列,得到大小相同的像素块。在本实施例中,将界面窗口进行平均分割,并且上述第一数量和第二数量可以是预设的也可以用户端输入,大小统一的像素块能进一步提高窗口分割效率,同时,用户可以根据需求自定义像素块的大小,比如1个100x100的窗口大小,模拟成100个x轴1x1大小的块,100个y轴上1x1大小的块。通过对每个“像素”块边界线的选中/取消设置,可以创造出各种大小的窗口块,1x2,1x3,2x3等等,从而可以满足用户对于窗口屏幕内容显示布局的个性化,行数列数越多划分出的像素块越多,窗口调整精度越高,支持定制化窗口布局的性能更强。
在一个实施例中,图6是根据本发明一个实施例中自定义窗口分割布局方法的流程图二,如图6所示,将界面窗口分割为像素块之后,该方法还包括:
步骤S610,获取配置文件,根据配置文件对像素块进行组合,将界面窗口分割为预设的子窗口。
在步骤S610中,提供了一种根据配置文件预加载窗口布局的方法,图7是根据本发明一个实施例中根据配置文件加载窗口布局的窗口示意图,如图7所示,左侧栏中提供了部分预设的子窗口布局图并给出了窗口布局缩略图以及窗口个数,配置文件中,Split为某一种布局的信息,包括像素块行数row、列数col,实际子窗口个数count,Wnd描述每个像素块的信息,该信息中包括:像素块编号id,像素块是否是窗口的enable,enable的值为true表示该像素块为一个窗口的第一个像素块,combine表示像素块和哪个像素块在同一个窗口,以及该像素块的坐标位置,上述坐标位置通过该像素块的左上顶点坐标以及右下顶点坐标来表示。。预设的窗口布局可以根据最常用的窗口分布进行设定,通过配置文件加载预设的子窗口布局,可以提供更多的窗口布局方式,提高改变窗口布局的效率。
在一个实施例中,在像素块之间的分隔线被触发的情况下,改变分隔线两侧的像素块的分隔状态包括:在像素块之间的分隔线被触发的情况下,分隔线以第三形态显示,上述第三形态可以是高亮,加强显示,加粗或者以其他颜色着重显示等等较为醒目的形态,上述触发也可以是选中状态,例如,在鼠标位于该分隔线上但并未点击或者长时间点击不松开等,在像素块之间的分隔线被选中的情况下,改变分隔线两侧的像素块的分隔状态,可选地,除了被触发的分隔线,在该分隔线被触发的情况下会连带改变形态的各条分隔线也会以第三形态显示,本实施例使得自定义窗口分割可视化程度更好,也更加精确。
在一个实施例中,在像素块之间的分隔线被选中的情况下,分隔线以第三形态显示包括:在像素块之间的分隔线被选中且分隔线为第一形态分隔线的情况下,分隔线以第三形态显示;在像素块之间的分隔线被选中且分隔线为第二形态分隔线的情况下,分隔线以第四形态显示。本实施例对于第一形态和第二形态的分隔线采用了不同的显示方式,例如,在虚线被选中时以绿色显示,在实现被选中时则以红色显示,可选地,直接被选中的分隔线和连带被改变形态的分隔线可以用不同的方式显示,上述实施方式通过更加明显的,差异化的方式对选中的分隔线进行显示,进一步提高窗口拆分和合并的可视化程度,也使得窗口布局调整更加准确。
在一个实施例中,像素块之间的分隔线被选中包括:分隔线两侧的预设像素值范围内均为分隔线的响应区,在响应触发行为发生在响应区内的情况下,指示分隔线被选中。在本实施例中,设置分隔线的响应区域为分隔线两侧的一定像素范围,例如,设置分隔线响应区域为±5像素,可选地,将像素块平均分为上下两部分,在像素块上半部分的点击等触发行为均触发该像素块上方的分隔线,在像素块下半部分的点击等触发行为均触发该像素块下方的分隔线。根据上述实施方式,增加了分隔线触发的响应范围,可以使得自定义窗口分割的方法响应更加快速,更加高效。
在一个具体的实施例中,图7是根据本发明一个具体实施例中自定义窗口分割布局方法的流程图,如图7所示,自定义窗口分割布局的方法的流程
S700:加载窗口布局配置文件,窗口配置文件可以从本地缓存,或者从服务器后台动态加载获取;
S702:根据配置文件绘制默认窗口布局;
S704:根据配置文件绘制默认的多种类型的窗口布局开始;
S706:窗口布局长宽为M*N,把目标界面按照水平进行M等分,对垂直进行N等分,其中M为配置文件中的Split中row,N为col;
S708:得到M*N个wind像素块,对像素块编号,标记为wind0,wind1,……,wind(M*N-1);
S710:根据配置文件,计算每个像素块的分隔线状态,例如,四条边线都为实线的表示该窗口为一个实际的子窗口,像素块四条边有任意一条以虚线表示则该像素块不是一个实际的子窗口;
S712:根据配置文件绘制默认的多种类型的窗口布局结束;图8是根据本发明一个具体实施例中根据配置文件绘制窗口布局的示意图;
S714:判断以上默认布局选项是否满足用户的要求;
S716:如果满足,则过程结束,显示为S712中默认布局选项中用户选择的任一布局形式;
S718:如果需要自定义窗口分割布局,满足个性需求,用户在某种默认布局的基础上进行自定义;
S720:自定义布局开始;
S722:用户点击任意wind像素块的分隔线,图9是根据本发明一个具体实施例中自定义窗口布局的示意图一,点击位置坐标为(x,y),对原型图进行示意化以后,如图9右侧示意图上wind3与wind9之间的点以及wind29与wind35之间的点,可以设置边线响应区域为±5像素,增大用户点击便捷性,(x,y)为相对窗口左上角坐标位置;
S724:查找点击位置所在的分隔线selectline;
S726:查找selectline相邻像素块编号;
S728:根据selectline是否为实线,进行路径选择;
S730:如果为实线,计算要合并的窗口信息stuCombineInfo,图10是根据本发明一个具体实施例中自定义窗口布局的示意图二,如图10所示的wind3和wind9;
S732:继续计算要删除的其他实线;如图10实线所示wind0wind1下方的分隔线以及wind1wind2之间的分隔线;
S734:计算待删除实线,以及被删除后合并的子窗口四条实线边,接下来进入步骤S742;
S736:如果为虚线,计算要拆分的窗口信息splitInfo,如图10中的wind29,win35;
S738:继续计算要实线化的其他虚线,如图10中wind28和wind34之间的虚线;
S740:计算待标实的虚线,计算拆分后窗口的各条实线边;
S742:经过以上步骤,得到要操作的各条边,设置显示状态;例如红色高亮显示,提示用户;
S744:记录新窗口的大小,以及几个wind“像素块”合并信息:wind0,wind1,wind2,wind3,wind6,wind7,wind8,wind9,wind12,wind13,wind14,wind15,wind18,wind19,wind20,wind21。以及“像素块”拆分信息窗口wind28,wind29,窗口wind34,wind35;
S746:自定义布局结束;用户设置窗口布局结束;图11是根据本发明一个具体实施例中自定义后的窗口布局以及实际播放子窗口布局示意图。
应该理解的是,虽然图2-7中的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,上述流程图至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
根据本发明的另一个方面,图12是根据本发明一个实施例中自定义窗口分割布局设备的示意图,如图12所示,还提供一种自定义窗口分割布局装置,包括:
分割模块122,用于通过分隔线将界面窗口分割为像素块;
切换模块124,用于在所述分隔线被触发的情况下,所述分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,所述分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,其中,所述子窗口拼合得到所述界面窗口。
上述自定义窗口分割布局装置,通过将界面分割为像素块,在像素款之间的分隔线被触发的情况下,改变分隔线两侧像素块的拆分与合并状态,分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,从而实现以像素块为单位,高效、灵活地对界面中子窗口的布局进行调整。
关于自定义窗口分割布局装置的具体限定可以参见上文中对于自定义窗口分割布局方法的限定,在此不再赘述。上述自定义窗口分割布局装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,图13是根据本发明一个实施例中自定义窗口分割布局计算机设备的示意图,如图13所示,提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现上述自定义窗口分割布局方法。该计算机设备可以是终端,其内部结构图可以如图13所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种自定义窗口分割布局方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图13中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
上述自定义窗口分割布局计算机设备,通过将界面分割为像素块,在像素块之间的分隔线被触发的情况下,改变分隔线两侧像素块的拆分与合并状态,分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,从而实现以像素块为单位,高效、灵活地对界面中子窗口的布局进行调整。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述自定义窗口分割布局方法;上述自定义窗口分割布局的存储介质,通过将界面分割为像素块,在像素块之间的分隔线被触发的情况下,改变分隔线两侧像素块的拆分与合并状态,分隔线两侧的像素块由同一个子窗口拆分到不同的子窗口,或者,分隔线两侧的像素块由不同的子窗口合并为同一个子窗口,从而实现以像素块为单位,高效、灵活地对界面中子窗口的布局进行调整。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种自定义窗口分割布局方法,其特征在于,所述方法包括:
通过分隔线将界面窗口分割为像素块;所述分隔线包括第一形态和第二形态,所述第一形态的分隔线两侧的所述像素块属于不同子窗口,所述第二形态的分隔线两侧的所述像素块属于同一子窗口;其中,所述子窗口拼合得到所述界面窗口;
在所述第一形态的分隔线被触发的情况下,将所述分隔线由所述第一形态改变为所述第二形态,所述分隔线两侧的像素块由不同的子窗口合并为同一个子窗口;在所述第二形态的分隔线被触发的情况下,将所述分隔线由所述第二形态改变为所述第一形态,所述分隔线两侧的像素块由同一个子窗口分为不同的子窗口。
2.根据权利要求1所述的方法,其特征在于,所述在所述第一形态的分隔线被触发的情况下,将所述分隔线由所述第一形态改变为所述第二形态,在所述第二形态的分隔线被触发的情况下,将所述分隔线由所述第二形态改变为所述第一形态包括:
在所述第一形态的分隔线被触发的情况下,获取所述分隔线两侧的像素块所在的第一子窗口和第二子窗口,并根据所述第一子窗口和第二子窗口确定合并后得到的第三子窗口,将所述第三子窗口中的所述第一形态的分隔线改变为所述第二形态;
在所述第二形态的分隔线被触发的情况下,获取所述分隔线所在的第四子窗口,将第一线段由所述第二形态改变为所述第一形态,其中,所述第一线段是所述分隔线所在的直线在所述第四子窗口内的部分。
3.根据权利要求1所述的方法,其特征在于,所述将界面窗口分割为像素块包括:
将所述界面窗口平均分为第一数量行和第二数量列,得到大小相同的所述像素块。
4.根据权利要求1所述的方法,其特征在于,所述将界面窗口分割为像素块之后,所述方法还包括:
获取配置文件,根据所述配置文件对所述像素块进行组合,将所述界面窗口分割为预设的所述子窗口。
5.根据权利要求1所述的方法,其特征在于,在所述像素块之间的分隔线被选中的情况下,所述分隔线以第三形态显示,在所述像素块之间的分隔线被触发的情况下,改变所述分隔线两侧的所述像素块的分隔状态。
6.根据权利要求5所述的方法,其特征在于,所述在所述像素块之间的分隔线被选中的情况下,所述分隔线以第三形态显示包括:
在所述像素块之间的分隔线被选中且所述分隔线为第一形态分隔线的情况下,所述分隔线以所述第三形态显示;
在所述像素块之间的分隔线被选中且所述分隔线为第二形态分隔线的情况下,所述分隔线以第四形态显示。
7.根据权利要求5所述的方法,其特征在于,所述像素块之间的分隔线被选中包括:
所述分隔线两侧的预设像素值范围内均为所述分隔线的响应区,在响应触发行为发生在所述响应区内的情况下,指示所述分隔线被选中。
8.一种自定义窗口分割布局装置,其特征在于,所述装置包括分割模块和切换模块,
所述分割模块用于通过分隔线将界面窗口分割为像素块;所述分隔线包括第一形态和第二形态,所述第一形态的分隔线两侧的所述像素块属于不同子窗口,所述第二形态的分隔线两侧的所述像素块属于同一子窗口;其中,所述子窗口拼合得到所述界面窗口;
所述切换模块用于在所述第一形态的分隔线被触发的情况下,将所述分隔线由所述第一形态改变为所述第二形态,所述分隔线两侧的像素块由不同的子窗口合并为同一个子窗口;在所述第二形态的分隔线被触发的情况下,将所述分隔线由所述第二形态改变为所述第一形态,所述分隔线两侧的像素块由同一个子窗口分为不同的子窗口。
9.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010354450.6A CN111611035B (zh) | 2020-04-29 | 2020-04-29 | 自定义窗口分割布局方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010354450.6A CN111611035B (zh) | 2020-04-29 | 2020-04-29 | 自定义窗口分割布局方法、装置、计算机设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111611035A CN111611035A (zh) | 2020-09-01 |
CN111611035B true CN111611035B (zh) | 2022-05-31 |
Family
ID=72204402
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010354450.6A Active CN111611035B (zh) | 2020-04-29 | 2020-04-29 | 自定义窗口分割布局方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111611035B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112817681B (zh) * | 2021-02-09 | 2023-03-24 | 杭州海康威视系统技术有限公司 | 一种数据显示方法、装置、设备及机器可读存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103914555A (zh) * | 2014-04-14 | 2014-07-09 | 百度在线网络技术(北京)有限公司 | 网页重新布局的方法和装置 |
CN104915198A (zh) * | 2015-05-25 | 2015-09-16 | 南京国电南自美卓控制系统有限公司 | 一种可灵活定义布局与内容的scada上位机人机界面 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101919794B1 (ko) * | 2012-10-17 | 2018-11-19 | 엘지전자 주식회사 | 이동 단말기, 방송 단말기 및 이들의 제어 방법 |
US11294529B2 (en) * | 2013-04-15 | 2022-04-05 | Microsoft Technology Licensing, Llc | Application window divider control for window layout management |
WO2015032953A1 (en) * | 2013-09-09 | 2015-03-12 | Steinfl Andrea | Modular responsive screen grid, authoring and displaying system |
US20160034157A1 (en) * | 2014-07-31 | 2016-02-04 | Microsoft Corporation | Region-Based Sizing and Positioning of Application Windows |
-
2020
- 2020-04-29 CN CN202010354450.6A patent/CN111611035B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103914555A (zh) * | 2014-04-14 | 2014-07-09 | 百度在线网络技术(北京)有限公司 | 网页重新布局的方法和装置 |
CN104915198A (zh) * | 2015-05-25 | 2015-09-16 | 南京国电南自美卓控制系统有限公司 | 一种可灵活定义布局与内容的scada上位机人机界面 |
Also Published As
Publication number | Publication date |
---|---|
CN111611035A (zh) | 2020-09-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105843494B (zh) | 一种实现区域屏幕截图的方法、装置和终端 | |
CN109215486B (zh) | 电子地图标注及显示方法、装置、终端设备及存储介质 | |
CN111611035B (zh) | 自定义窗口分割布局方法、装置、计算机设备和存储介质 | |
US10733782B2 (en) | Graphics processing systems | |
CN110209630A (zh) | Dxf文件信息处理方法、装置、计算机设备和存储介质 | |
CN111556336A (zh) | 一种多媒体文件处理方法、装置、终端设备及介质 | |
CN114125320A (zh) | 一种图像特效的生成方法及装置 | |
CN109697733A (zh) | 点云空间寻点方法、装置、计算机设备和存储介质 | |
CN110610334A (zh) | 仓库管理方法、装置、计算机设备和存储介质 | |
CN113379865B (zh) | 目标对象的绘制方法和系统 | |
CN112825020A (zh) | 图片生成方法、装置、计算机设备和存储介质 | |
CN116862813A (zh) | 一种用于扩展现实技术的颜色校准方法和系统 | |
CN109241218B (zh) | 一种数据点显示方法及装置 | |
CN111340914A (zh) | 地图生成方法及装置、存储介质和运载工具 | |
CN109271087A (zh) | 一种截图方法和装置 | |
CN114332297A (zh) | 图像的绘制方法、装置、计算机设备和存储介质 | |
CN107230183A (zh) | 图像光栅化处理方法及装置 | |
CN109062525A (zh) | 拼接显示系统的数据处理方法、装置和计算机设备 | |
CN113724364A (zh) | 一种利用多边形实现遮挡且本体不渲染的设置方法及装置 | |
JP2986808B2 (ja) | 拡大図表示装置 | |
CN109035374B (zh) | 颜色渐变动画效果的实现方法及装置 | |
CN112580501A (zh) | 车架号图像生成方法、装置、计算机设备和存储介质 | |
CN117115382B (zh) | 地图道路绘制方法、装置、计算机设备和存储介质 | |
CN115588019A (zh) | 框选对象确定方法、装置、计算机设备和存储介质 | |
CN114359094A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |