CN112860157B - 显示元素调整方法、装置、设备及存储介质 - Google Patents
显示元素调整方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112860157B CN112860157B CN201911099428.5A CN201911099428A CN112860157B CN 112860157 B CN112860157 B CN 112860157B CN 201911099428 A CN201911099428 A CN 201911099428A CN 112860157 B CN112860157 B CN 112860157B
- Authority
- CN
- China
- Prior art keywords
- display
- display element
- display area
- coordinate
- canvas
- 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
- 238000000034 method Methods 0.000 title claims abstract description 54
- 230000004044 response Effects 0.000 claims abstract description 13
- 239000011159 matrix material Substances 0.000 claims description 123
- 238000013519 translation Methods 0.000 claims description 50
- 230000009466 transformation Effects 0.000 claims description 40
- 230000008859 change Effects 0.000 claims description 39
- 238000004364 calculation method Methods 0.000 claims description 11
- 238000001514 detection method Methods 0.000 claims description 10
- 238000012790 confirmation Methods 0.000 claims description 4
- 230000002452 interceptive effect Effects 0.000 description 34
- 230000006870 function Effects 0.000 description 19
- 238000010586 diagram Methods 0.000 description 15
- 230000008569 process Effects 0.000 description 8
- 238000004091 panning Methods 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000003044 adaptive effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000008901 benefit Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- 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)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本申请实施例公开了一种显示元素调整方法、装置、设备及存储介质,涉及电子白板领域,其包括:响应针对于第一显示元素的第一控制操作;通过所述第一控制操作确定第一显示区域,所述第一显示区域内至少显示有第一显示元素;响应于接收到的书写操作,显示第二显示元素;接收至少针对于所述第二显示元素的第二控制操作;调整所述第一显示区域或第二显示区域内的显示元素的显示位置,以使得各显示元素的排版差异满足设定差异范围,所述第二显示区域通过第二控制操作确定,所述第二显示区域内显示有第二显示元素。采用上述方案可以解决现有技术中无法保证书写内容排版合理的技术问题。
Description
技术领域
本申请实施例涉及电子白板技术领域,尤其涉及一种显示元素调整方法、装置、设备及存储介质。
背景技术
随着计算机技术的发展,计算机设备被广泛应用于日常生活的各类场景。例如,具有电子白板功能的平板电脑、电视机等智能设备被广泛应用在办公、教学等场景下。此时,各用户可以基于电子白板功能在显示屏中进行书写。在实现本申请的过程,发明人发现现有技术中存在如下问题:由于显示屏的大小有限,为了保证书写空间,用户通常会对显示屏中已有的显示内容进行缩小以腾出更多的空间。如图1为用户书写过程中的显示界面示意图。参考图1,用户B在书写时,为了保证书写空间对用户A的书写内容进行了缩小。此时,显示屏中,用户A和用户B的书写内容排版较为凌乱,降低了美观性。因此,如何保证书写内容排版合理成了亟需解决的问题。
发明内容
本申请提供了一种显示元素调整方法、装置、设备及存储介质,以解决现有技术中无法保证书写内容排版合理的技术问题。
第一方面,本申请实施例提供了一种显示元素调整方法,包括:
响应针对于第一显示元素的第一控制操作;
通过所述第一控制操作确定第一显示区域,所述第一显示区域内至少显示有所述第一显示元素;
响应于接收到的书写操作,显示第二显示元素;
接收至少针对于所述第二显示元素的第二控制操作;
调整所述第一显示区域或第二显示区域内显示元素的显示位置,以使得各显示元素的排版差异满足设定差异范围,所述第二显示区域通过所述第二控制操作确定,所述第二显示区域内显示有所述第二显示元素。
进一步的,还包括:
调整所述第二显示元素的轨迹粗细,以使所述第二显示元素的轨迹粗细等于所述第一显示元素的轨迹粗细。
进一步的,所述第一控制操作为:缩放操作、平移操作、画布导出操作或画布全览视图操作中的至少一种;
所述第二控制操作为:缩放操作、平移操作、画布导出操作或画布全览视图操作中的至少一种。
进一步的,所述第二控制操作为画布全览视图操作,
所述调整所述第一显示区域或所述第二显示区域内显示元素的显示位置之后,还包括:
显示全览视图界面,所述全览视图界面中各显示元素的排版差异满足设定差异范围。
进一步的,所述调整所述第二显示区域内显示元素的显示位置包括:
计算所述第二显示区域内显示元素的坐标变化位置,所述第二显示区域通过第二控制操作确定;
根据所述坐标变化位置调整所述第二显示区域内显示元素的显示位置。
进一步的,所述计算所述所述第二显示区域内显示元素的坐标变化位置包括:
根据所述第一显示区域和第二显示区域确定坐标变换矩阵;
基于所述坐标变换矩阵确定第二显示区域内显示元素的坐标变化位置。
进一步的,所述根据所述第一显示区域和第二显示区域确定坐标变换矩阵包括:
基于第一显示区域的第一缩放比和第二显示区域的第二缩放比确定画布缩放矩阵;
基于第一显示区域的坐标范围和第二显示区域的坐标范围确定平移量矩阵;
根据所述画布缩放矩阵和所述平移量矩阵得到坐标变换矩阵。
进一步的,所述基于第一显示区域的第一缩放比和第二显示区域的第二缩放比确定画布缩放矩阵包括:
获取第一显示区域的第一缩放比和第二显示区域的第二缩放比;
计算所述第二缩放比和第一缩放比的比值;
将所述比值写入预设缩放矩阵,以得到画布缩放矩阵。
进一步的,所述基于第一显示区域的坐标范围和第二显示区域的坐标范围确定平移量矩阵包括:
获取所述第一显示区域的第一边界坐标和所述第二显示区域的第二边界坐标;
计算所述第一边界坐标和所述第二边界坐标的差值;
将所述差值写入预设平移矩阵,以得到平移量矩阵。
第二方面,本申请实施例还提供了一种显示元素调整装置,包括:
第一检测模块,用于响应针对于第一显示元素的第一控制操作;
区域确认模块,用于通过所述第一控制操作确定第一显示区域,所述第一显示区域内至少显示有所述第一显示元素;
元素显示模块,用于响应于接收到的书写操作,显示第二显示元素;
第二检测模块,用于接收至少针对于所述第二显示元素的第二控制操作;
坐标变换模块,用于调整所述第一显示区域或第二显示区域内显示元素的显示位置,以使得各显示元素的排版差异满足设定差异范围;所述第二显示区域通过所述第二控制操作确定,所述第二显示区域内显示有所述第二显示元素。
第三方面,本申请实施例还提供了一种显示元素调整设备,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序;
显示屏,用于显示第一显示元素和第二显示元素;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如第一方面所述的显示元素调整方法。
第四方面,本申请实施例还提供了一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行如第一方面所述的显示元素调整方法。
上述显示元素调整方法、装置、设备及存储介质,通过响应针对于第一显示元素的第一控制操作,并通过第一控制操作确认第一显示区域,之后,接收书写操作,并基于书写操作显示第二显示元素当接收到至少作用于第二显示元素的第二控制操作后,调整第一显示区域内的显示元素或第二显示区域内的显示元素的显示位置换,以保证不同时间写入的第一显示元素和第二显示元素在画布中排布差异满足设定差异范围,即两个显示区域的显示元素大小及排布位置相适应,增强排版美观度,提升用户使用体验,同时,通过显示区域区分不同操作区间内的显示元素,便于计算不同操作区间元素的平移关系和缩放关系,进而保证坐标变换的准确性。
附图说明
图1为现有技术提供的用户书写过程中的显示界面示意图;
图2为本申请实施例一提供的一种显示元素调整方法的流程图;
图3为本申请实施例二提供的一种显示元素调整方法的流程图;
图4为本申请实施例二提供的第一显示界面示意图;
图5为本申请实施例二提供的第二显示界面示意图;
图6为本申请实施例二提供的第三显示界面示意图;
图7为本申请实施例二提供的第四显示界面示意图;
图8为本申请实施例三提供的一种显示元素调整装置的结构示意图;
图9为本申请实施例四提供的一种显示元素调整设备的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例用于解释本申请,而非对本申请的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本申请相关的部分而非全部结构。
需要说明的是,在本文中,诸如第一和第二之类的关系术语仅仅用来将一个实体或操作或对象与另一个实体或操作或对象区分开来,而不一定要求或者暗示这些实体或操作或对象之前存在任何这种实际的关系或顺序。例如,第一控制操作和第二控制操作的“第一”和“第二”用来区分两个不同的控制操作。
本申请实施例中提供的显示元素调整方法可以由显示元素调整设备执行,该显示元素调整设备可以通过软件和/或硬件的方式实现,该显示元素调整设备可以是两个或多个物理实体构成,也可以是一个物理实体构成。例如,显示元素调整设备可以是电脑、手机、平板或交互智能平板等。
为了便于理解,实施例中以交互智能平板为显示元素调整设备进行示例性描述。其中,交互智能平板可以是通过触控技术对显示在显示平板上的内容进行操控和实现人机交互操作的一体化设备,其集成了投影机、电子白板、幕布、音响、电视机以及视频会议终端等一种或多种功能。
一般而言,交互智能平板包括至少一块显示屏。例如,交互智能平板配置有一块具有触摸功能的显示屏,且该显示屏可以是电容屏、电阻屏或者电磁屏。进一步的,用户可以通过手指或触控笔触控显示屏的方式实现触控操作,相应的,交互智能平板检测触控位置,并根据触控位置对应的显示内容确定响应方案,进而进行响应,以实现触摸功能。例如,根据触控位置确定对应的显示内容为某个功能的控件,此时,响应方案为执行该功能。再如,根据触控位置确定对应的显示内容为书写区域,此时,响应方案为显示书写轨迹。可以理解的是,实际应用中,用户还可以通过键盘、鼠标、物理按键等方式实现控制操作。
典型的,交互智能平板安装有至少一类操作系统,其中,操作系统包括但不限定于安卓系统、Linux系统及Windows系统。进一步的,交互智能平板可以基于操作系统安装至少一个具有触控功能的应用程序,实施例中,以具有书写功能的应用程序进行示例性描述。例如,交互智能平板中安装有具有书写功能的电子白板应用程序。其中,该应用程序可以为操作系统自带的应用程序,也可以为从第三方设备或者服务器中下载的应用程序。可选的,应用程序除具备书写功能外,还具有其他编辑功能,如插入表格、插入图片、插入多媒体、插入图形、绘制表格、绘制图形等功能。通常,应用程序显示有操作区域,用户可以在该操作区域中进行书写或编辑,实施例中将该操作区域记为画布,通过画布可以向用户显示书写或编辑的交互界面。可选的,画布的显示位置可以根据实际需求设置。可以理解的是,画布可以根据用户的实际需求进行缩小或放大,同时,画布的尺寸可以根据实际情况设定,其可以为有限的尺寸,也可以为无限的尺寸。进一步的,画布中建立有第一坐标系,第一坐标系的原点可以根据实际情况设定。其中,画布为无限的尺寸是指画布可以根据用户的实际需求无限减小或增大坐标系。同样的,显示屏中建立有第二坐标系,第二坐标系的原点同样可以根据实际情况设定,一般而言,第二坐标系为固定大小的坐标系。典型的,第二坐标系与检测触控操作的电器元件存在对应关系,当显示屏接收到触控操作时,对应位置的电器元件参数发生变化,此时,交互智能平板根据电器元件参数的变化情况确定触控操作在第二坐标系中的坐标数据,即确定触控操作的触控位置,之后,根据第二坐标系与第一坐标系的映射关系,确定触控操作在第一坐标系中的坐标数据,之后,基于坐标数据在画布中的显示内容对触控操作进行响应。其中,映射关系的确定方式实施例不做限定。
实施例一
图2为本申请实施例一提供的一种显示元素调整方法的流程图。具体的,参考图2,本实施例提供的显示元素调整方法包括:
步骤110、响应针对于第一显示元素的第一控制操作。
具体的,显示元素是指用户输入或写入,并在画布中显示的元素,实施例中,以显示元素为用户通过书写操作写入的书写轨迹为例进行描述。例如,头脑风暴场景或会议场景下,交互智能平板启动电子白板功能,此时,各用户均可以在画布中进行书写。相应的,考虑到用户书写过程中,可能写入文字、字母、符号、图形等。若每一条书写轨迹均认为是一个显示元素,会增加交互智能平板的处理负担,因此,交互智能平板可以将满足设定条件的一条书写轨迹或多条书写轨迹组成一个显示元素,如检测到书写轨迹组成一个文字,那么,可以将组成该文字的全部书写轨迹认为是一个显示元素,再如检测到书写轨迹为一个符号,那么,可以将组成该符号的全部书写轨迹认为是一个显示元素。其中,书写轨迹识别的具体手段实施例不做限定,例如,预先对各类显示元素的书写轨迹进行训练得到识别模型,之后,将书写轨迹作为识别模型的输入,并根据输出结果确定书写轨迹组成的显示元素。或者是,若多条书写轨迹的写入时间间隔在设定间隔内且各轨迹之间的距离在设定距离内,则将多条书写轨迹认为是一个显示元素,其中,设定间隔和设定距离可以根据实际情况设定。进一步的,书写操作为触控操作的一种,书写操作的触发方式实施例不作限定,例如,检测到书写模式被启动后,若接收到作用于画布中的触控操作,则确定接收到书写操作,并基于书写操作的触控位置显示书写轨迹。
可选的,第一显示元素可以是用户写入的某一个显示元素,也可以是满足设定条件的多个显示元素,实施例中,以第一控制操作作用的显示元素为第一显示元素为例进行描述。典型的,控制操作可以理解为对已写入的显示元素进行操作,以改变显示元素的显示区域或呈现格式的操作,实施例中,设定控制操作为缩放操作、平移操作、画布导出操作或画布全览视图操作中的至少一种。其中,缩放操作包括缩小操作和放大操作。画布导出操作是指将用户在画布中写入的部分或全部显示元素以图片或可编辑视图的形式导出为独立的文档的操作。画布全览视图操作是指将画布中全部显示元素以图片等形式进行全部显示预览的操作。
进一步的,控制操作的具体实现形式实施例不作限定,例如,为每种控制操作设定对应的触发形式(如缩放操作的触发形式为检测到触控圈选元素后进行触控滑动操作或接收到鼠标滚轮的滚动数据、平移操作的触发控形式为检测到触控点击元素后进行触控拖拽元素操作、画布导出操作的触发形式为检测到画布导出虚拟按键接收到点击操作、画布全览视图操作的触发形式为检测到画布全览虚拟按键接收到点击操作),当检测到某一操作后,根据该操作的触控位置确定触发形式,进而确定对应的控制操作。实施例中,将当前检测到的控制操作记为第一控制操作,且设定第一控制操作之前,未检测到其他控制操作。相应的,将第一控制操作作用的显示元素标记为第一显示元素。例如,当第一控制操作为缩放操作时,将被缩放的显示元素标记为第一显示元素;当第一控制操作为平移操作时,将被平移的显示元素标记为第一显示元素;当第一控制操作为画布导出操作时,将被导出的显示元素标记为第一显示元素;当第一控制操作为画布全览视图操作时,将全览视图中出现的显示元素标记为第一显示元素。
可选的,检测到第一控制操作时,对第一控制操作进行响应,即对第一显示元素执行第一控制操作。
步骤120、通过第一控制操作确定第一显示区域,第一显示区域内至少显示有第一显示元素。
具体的,对第一显示元素执行第一控制操作后,可以确定第一显示区域。由于第一控制操作为交互智能平板接收到的第一个控制操作,所以,设定第一显示区域是指包含当前全部显示元素的最小区域。即将控制操作作为操作区间的分隔点。当接收到第一控制操作后,确定第一个操作区间结束,第二个操作区间开始,此时,将当前的全部显示元素作为第一个操作区间的显示元素,并求出包含当前全部显示元素的第一显示区域。进一步的,由于当前的全部显示元素至少包括第一显示元素,因此,第一显示区域内至少显示有第一显示元素。实施例中,以第一显示元素为画布中当前显示的全部显示元素为例进行描述。
示例性的,第一显示区域可以为矩形区域。第一显示区域的确定过程实施例不做限定,例如,确定第一显示元素的各坐标后,确定各坐标在上、下、左、右四个方向上的极值坐标,之后,基于极值坐标确定第一显示区域。可以理解的是,上述提及的第一显示元素的坐标是指第一显示元素中各点在画布中的位置坐标。可选的,画布具有缩放性,其在显示屏中显示的缩放比例可变,其中缩放比例也可以理解为缩放级别。一般而言,开启画布时,默认画布的缩放比例为100%,后续过程中,用户可以结合实际情况调整该缩放比例。此时,显示元素在画布中的坐标和显示元素在显示屏中显示的坐标可能不同,例如,画布缩放级别变高时,画布中的显示元素同步变化,此时显示元素在显示屏中的像素坐标发生了变化,但是,显示元素在画布中的位置坐标不变。据此,为了便于计算显示元素在画布中的位置关系,后续操作中提及的坐标、显示位置均相对于画布的第一坐标系。
步骤130、响应于接收到的书写操作,显示第二显示元素。
典型的,确认书写操作在画布中的触控位置,之后,在触控位置显示书写轨迹,并将书写轨迹标记为第二显示元素。其中,第二显示元素可以是满足设定条件的一条轨迹或多条轨迹,其确定方式与第一显示元素的确定方式相同,在此不做赘述。进一步的,交互智能平板对第二显示元素进行标记,以与其他显示元素进行区分。即第二显示元素可以理解为第二个操作区间内写入的显示元素。其中,第二显示元素的具体标记方式实施例不作限定。
进一步的,按照设定显示参数对第二显示元素进行显示,其中,显示参数包括但不限定于轨迹颜色以及轨迹粗细。其中,轨迹粗细通常为一个小数值,实施例中,为了便于计算将轨迹粗细定义为一个相对值,此时,轨迹粗细的数值可以默认为在画布的缩放比例为100%时,书写轨迹宽度占用的像素个数。典型的,显示参数可以由用户自行设定,或者交互智能平板预先存储有默认值且用户可对默认值进行更改。
步骤140、接收至少针对于第二显示元素的第二控制操作。
第二控制操作也可以理解为接收到的第二个控制操作,即交互智能平板再次接收到控制操作时,确定接收到第二控制操作。可选的,第二控制操作可以作用于全部第二显示元素也可以作用于部分第二显示元素。其中,第二控制操作的触发方式与第一控制操作的触发方式相同,在此不做赘述。可以理解的是,对于交互智能平板而言,第一控制操作和第二控制操作仅是时间上不同的两个控制操作。
可选的,当第二控制操作为画布导出操作或画布全览视图操作时,其可以是指针对画布的操作,此时,第二控制操作不仅可以作用于第二显示元素,还可以包括作用于第一显示元素。当第二控制操作为缩放操作或平移操作时,第二控制操作作用于全部第二显示元素或部分第二显示元素。可以理解的是,无论第二控制操作为哪种控制操作,其作用的显示元素中至少包括部分第二显示元素。
步骤150、调整第一显示区域或第二显示区域内显示元素的显示位置,以使得各显示元素的排版差异满足设定差异范围;第二显示区域通过第二控制操作确定,第二显示区域内显示有第二显示元素。
具体的,第二显示区域根据第二控制操作确定,第二显示区域包含接收第一控制操作之后、接收第二控制操作之前写入的全部显示元素,即第二显示元素。此时,第二显示区域可以理解为包含全部第二显示元素的最小区域,其中,第二显示区域的计算方式与第一显示区域的计算方式相同,在此不做赘述。
进一步的,检测到第二控制操作后,确定第二个操作区间结束,第三个操作区间开始。此时,为了保证第一个操作区间和第二个操作区间内的显示元素大小、排布相互适应,实施例中设定调整第一个操作区间内的显示元素或第二个操作区间内的显示元素的显示位置。由于,第一个操作区间内写入的显示元素均在第一显示区域中,第二个操作区间内写入的显示元素均在第二显示区域中,因此,调整第一个操作区间内的显示元素或第二个操作区间内的显示元素的显示位置也可以理解为调整第一显示区域和第二显示区域内的显示元素的显示位置。进一步的,调整后,第一显示区域内的显示元素与第二显示区域内的显示元素的排版差异满足设定差异范围。其中,排版差异通过显示元素的大小差异以及显示元素的显示位置差异体现。其中,显示元素的大小是指包含显示元素的最小矩形区域在画布中的大小。设定,调整后,第一显示区域内每个显示元素的大小与第二显示区域内每个显示元素的大小之间的差异在设定大小差异范围内,其中,大小差异计算方式实施例不作限定,如计算第一显示区域内各显示元素的大小均值,以及第二显示区域内各显示元素的大小均值,之后,将两个均值作差以得到大小差异。在设定大小差异范围内,说明第一显示区域内各显示元素和第二显示区域内各显示元素的大小相近。进一步的,第一显示区域和第二显示区域的显示位置差异通过显示区域之间的距离以及各显示区域的左上角顶点的纵坐标之间的差值体现,举例而言,若第一显示区域和第二显示区域为水平排列时,两个显示区域的左上角顶点之间的纵坐标差值在差值差异范围内,且两个显示区域在水平方向上的距离在距离范围内,说明满足显示位置差异范围。若第一显示区域和第二显示区域为竖直排列时,两个显示区域的左上角顶点之间的横坐标差值在差值差异范围内,且两个显示区域在竖直方向上的距离在距离范围内,说明满足显示差异范围。需要说明的是,由于用户习惯从左到右或从上到下书写,因此,各显示区域的左上角顶点可以认为是用户书写的起始点,若左上角顶点满足差值差异范围,则说明两个操作区间的起始点对齐。若满足距离范围,则说明两个操作区间距离合适、规整。可以理解的是,各差异范围的数值可以根据实际情况设定,一般而言,调整显示位置后,两个显示区域内显示元素的排版差异基本在设定差异范围内。
实施例中,以调整第二显示区域内显示元素的显示位置,且第二显示区域内显示元素为第二显示元素为例,进行描述。
典型的,调整第二显示元素的显示位置也可以理解为对第二显示元素进行坐标变换。因此,在调整显示位置时,先计算第二显示元素的坐标变化位置,之后,根据坐标变化位置调整第二显示元素的显示位置。其中,坐标变化位置通过坐标变化矩阵确定。具体的,在调整显示位置时,需要考虑到各显示区域的平移因素和缩放因素,因此,在确定坐标变换矩阵时,设定先确定缩放矩阵和平移矩阵,之后,基于缩放矩阵和平移矩阵得到坐标变换矩阵。可选的,缩放矩阵的确定方式实施例不做限定,例如,画布支持元素级别的缩放,即用户对元素进行缩放时画布的缩放比例不发生变化,一般而言,显示元素写入时的缩放比例默认为100%,当显示元素被放大或缩小后,其缩放比例发生变化,其中,缩放比例的确定方式实施例不做限定。实施例中将显示元素的缩放比例作为对应显示区域的缩放比例。此时,确定第一显示区域的缩放比例和第二显示区域的缩放比例,之后,将第二显示区域对应的缩放比例与第一显示区域对应的缩放比例做除法,以得到缩放比例的比值,并基于缩放比例的比值生成缩放矩阵。再如,当画布不支持元素级别的缩放时,用户进行缩放操作仅是画布的缩放比例发生变化。此时,确定画布在第一个操作区间时的缩放比例作为第一显示区域的缩放比例,并且确定画布在第二个操作区间时的缩放比例作为第二显示区域的缩放比例,之后,将第二显示区域对应的缩放比例与第一显示区域对应的缩放比例做除法,以得到缩放比例的比值,并基于缩放比例的比值生成缩放矩阵。通过缩放矩阵可以在各显示区域具有不同的缩放比例时,基于缩放比例对显示元素进行调整,以保证各显示区域内元素大小相适应。可选的,平移矩阵的确定方式实施例不做限定,例如,确定第一显示区域和第二显示区域之间的距离,基于该距离得到平移矩阵,其中,距离的计算方式可以是确定显示区域边界点之间的距离,如第一显示区域和第二显示区域水平排列时,确定水平方向上边界点(如第一显示区域的右上角坐标和第二显示区域的左上角坐标)的距离,再如第一显示区域和第二显示区域竖直排列时,确定竖直方向上边界点(如第一显示区域的左下角坐标和第二显示区域的左下角坐标)的距离。通过平移矩阵可以在显示元素发生平移时,对不同显示区域内显示元素进行调整,以保证各显示区域内元素大小及距离相适应。进一步的,得到缩放矩阵和平移矩阵后,将缩放矩阵和平移矩阵相乘,以得到坐标变换矩阵。之后,基于坐标变换矩阵得到第二显示元素的坐标变化矩阵,具体为将第二显示元素内各点的坐标与坐标变换矩阵相乘,以得到新坐标,并将新坐标作为对应点的坐标变化矩阵,之后,基于坐标变化矩阵显示第二显示元素。
可选的,调整第二显示元素的显示位置后,若再次接收到书写操作,则显示对应的显示元素,此时,为了便于区分,可以将本次操作区间内写入的显示元素记为第三显示元素。若再次检测到控制操作时,可以将控制操作记为第三控制操作,并确认本次操作区间结束,新操作区间开始,且按照上述方式调整本操作区间写入的第三显示元素或者对前一操作区间内写入的显示元素的显示位置,以此类推,直到检测到关闭操作时,放弃正在记录的操作区间,并退出当前应用程序。
上述,通过响应针对于第一显示元素的第一控制操作,并通过第一控制操作确认第一显示区域,之后,接收书写操作,并基于书写操作显示第二显示元素,当接收到至少作用于第二显示元素的第二控制操作后,调整第一显示区域内的显示元素或第二显示区域内的显示元素的显示位置,以保证不同时间写入的第一显示元素和第二显示元素在画布中排布差异满足设定差异范围,即两个显示区域的显示元素大小及排布位置相适应,增强排版美观度,提升用户使用体验。
在上述实施例的基础上,当第二控制操作为画布全览视图操作时,步骤150之后,还包括:显示全览视图界面,全览视图界面中各显示元素的排版差异满足设定差异范围。
在响应画布全览视图操作时,显示全览视图界面,该全览视图界面覆盖在当前画布上。全览视图界面中显示有画布当前的全部显示元素。一般而言,全览视图界面为不可编辑的界面。可以理解的是,在接收到画布全览视图操作时,会调整显示元素的显示位置,因此,设定全览视图界面中显示有调整后的显示元素,此时,全览视图界面中各显示元素的排版差异满足设定差异范围。进一步的,对于交互智能平板而言,其先进行显示位置调整操作,然后获取画布的全部显示元素并生成全览视图界面。此时,对于用户而言,用户可以看到画布中的显示元素被调整了显示位置,之后,看到全览视图界面,即交互智能平板调整显示位置时,先更换当前显示的画布中显示元素的显示位置再显示全览视图界面。或者是,用户直接观看到全览视图界面,即交互智能平板调整显示位置在后台操作,并在前台直接显示全览视图界面,当退出全览视图界面后,画布中显示调整后的显示元素。
由于显示屏尺寸有限,其可能仅显示画布的部分内容,因此,通过全览视图界面可以使用户明确画布中的全部显示元素,且各显示元素的排布及大小相适应。
实施例二
图3为本申请实施例二提供的一种显示元素调整方法的流程图。本实施例中,所述第一控制操作为:缩放操作、平移操作、画布导出操作或画布全览视图操作中的至少一种;所述第二控制操作为:缩放操作、平移操作、画布导出操作或画布全览视图操作中的至少一种。同时,以调整第二显示区域内显示元素的显示位置为例进行描述。
参考图3,本实施例提供的显示元素调整方法具体包括:
步骤210、响应针对于第一显示元素的第一控制操作。
步骤220、通过第一控制操作确定第一显示区域,第一显示区域内显示有第一显示元素。
具体的,响应第一控制操作后,当前已显示元素记为第一个操作区间的显示元素,即第一个操作区域对应第一显示区域。同时,确定第二个操作区间开始,并对第二个操作区间进行记录。
步骤230、响应于接收到的书写操作,显示第二显示元素。
步骤240、接收至少针对于第二显示元素的第二控制操作。
步骤250、计算第二显示区域内显示元素的坐标变化位置,第二显示区域通过第二控制操作确定。
其中,坐标变化位置为第二显示元素调整显示位置后各点在画布中的位置。
具体的,检测到第二控制操作后,确认第二个操作区间结束,此时,第二个操作区间内记录有新写入的第二显示元素。为了便于后续计算坐标变化位置,实施例通过第二显示区域体现第二显示元素在画布中的位置,即第二个操作区间对应第二显示区域。同时,开始记录第三个操作区间。可选的,当第二控制操作为平移操作或缩放操作时,先对第二显示元素进行平移操作或缩放操作,之后,确定第二显示区域。或者是,当第二控制操作为平移操作或缩放操作时,直接确定第二显示区域,而不进行平移操作或缩放操作。当第二控制操作为画布导出操作或画布全览视图操作时,在导出或生成全览视图的过程中,对显示区域内的显示元素进行坐标变换,并在导出的图片或全览视图中显示坐标变换结果。
进一步的,确定第二显示区域后,根据第一显示区域和第二显示区域得到坐标变换矩阵,并通过坐标变换矩阵得到坐标变化位置,此时,该步骤包括:步骤251-步骤252:
步骤251、根据第一显示区域和第二显示区域确定坐标变换矩阵。
具体的,实施例中,设定坐标变换矩阵通过缩放矩阵和平移矩阵确定,其中,缩放矩阵记为画布缩放矩阵,平移矩阵记为平移量矩阵。此时,该步骤251具体包括步骤2511-步骤2513:
步骤2511、基于第一显示区域的第一缩放比和第二显示区域的第二缩放比确定画布缩放矩阵。
具体的,第一缩放比对应于第一显示区域,其为相对值。当交互智能平板支持元素级别的缩放时,第一缩放比是指当前第一显示区域内显示元素相比于刚写入时的缩放级别。例如,将第一显示元素的缩放级别调整为50%,那么第一缩放比为50%。此时,第一缩放比可以根据缩放前后第一显示区域的坐标区域范围确定。若进行元素级别的缩放时,画布的缩放比例也发生了变化,在确定第一缩放比时,还需要考虑画布的缩放比例。即将元素的缩放级别和画布的缩放比例的乘积作为第一缩放比。当交互智能平板仅支持画布级别的缩放时,第一缩放比是指当前画布的缩放级别。例如,画布缩放比例为100%,则确定第一缩放比为100%,画布缩放比例为80%,则确定第一缩放比为80%,其中,画布缩放比例80%是指当前画布缩放级别为80%。可以理解的是,无论交互智能平板是否支持元素级别的缩放,其均支持画布级别的缩放。其中,支持元素级别的缩放时,可以仅对显示元素进行缩放,即改变显示元素在画布中的坐标,而画布的缩放比例保持不变。支持画布级别的缩放时,显示元素在画布中的坐标不变,仅画布的缩放比例改变。进一步的,第二缩放比对应于第二显示区域,其为相对值。其中,第二缩放比和第一缩放比的确定方式相同,在此不做赘述。
具体的,确定第一缩放比和第二缩放比后,便可以得到第一显示区域和第二显示区域的缩放关系,进而得到画布缩放矩阵。
进一步的,计算画布缩放矩阵时,实施例中设定步骤2511包括步骤25111-步骤25113:
步骤25111、获取第一显示区域的第一缩放比和第二显示区域的第二缩放比。
步骤25112、计算第二缩放比和第一缩放比的比值。
实施例中,设定将第二缩放比和第一缩放比做除法,以得到比值。通过该比值可以明确第二显示区域和第一显示区域之间的比例关系。可以理解的是,实际应用中,也可以将第一缩放比和第二缩放比做除法,得到的比值可以表示第一显示区域和第二显示区域之间的比例关系。
步骤25113、将比值写入预设缩放矩阵,以得到画布缩放矩阵。
具体的,预先设定缩放矩阵,其中,缩放矩阵的具体内容可以根据实际情况设定。实施例中,以缩放矩阵为3×3矩阵为例,且设定缩放矩阵为其中,S为第二缩放比和第一缩放比的比值。典型的,将步骤25112计算得到的比值作为S的具体值,进而得到画布缩放矩阵。
步骤2512、基于第一显示区域的坐标范围和第二显示区域的坐标范围确定平移量矩阵。
具体的,第一显示区域的坐标范围是指第一显示区域在画布中的坐标集合,第二显示区域的坐标范围是指第二显示区域在画布中的坐标集合。通过坐标集合可以确定第一显示区域和第二显示区域之间的空间排布情况,进而根据空间排布情况确定平移量矩阵。
典型的,平移量矩阵的计算方式可以根据实际情况设定,实施例以通过第一显示区域和第二显示区域的边界坐标计算平移量矩阵为例进行描述,此时,该步骤具体包括步骤25121-步骤25123:
步骤25121、获取第一显示区域的第一边界坐标和第二显示区域的第二边界坐标。
具体的,将在第一显示区域选择的边界坐标记为第一边界坐标,将在第二显示区域的边界坐标记为第二边界坐标。一般而言,由于顶点坐标可以更准确的反映显示区域的空间排布,因此,优选第一边界坐标和第二边界坐标为顶点坐标。
典型的,第一边界坐标和第二边界坐标根据第一显示区域和第二显示区域排列方向确定。可选的,所述第一显示区域和第二显示区域竖直排列,所述第一边界坐标为第一显示区域的左下角坐标,所述第二边界坐标为所述第二显示区域的左上角坐标。一般而言,用户的写字时换行习惯为由上到下,因此,实施例中设定第一显示区域和第二显示区域竖直排列是指第二显示区域位于第一显示区域的下方,此时,为了明确第二显示区域和第一显示区域之间的空间排布,可以选择第一显示区域左下角坐标,即左下顶点坐标,作为第一边界坐标,同时,在第二显示区域中选择与第一边界坐标相对的左上角坐标,即左上顶点坐标,作为第二边界坐标。可以理解的是,第一边界坐标还可以是第一显示区域的右下角坐标,第二边界坐标还可以是第二显示区域的右上角坐标,考虑到用户书写习惯通常为由左至右,因此,选择左下角坐标和左上角坐标能更好的体现空间排布。若第二显示区域位于第一显示区域的上方,则第一边界坐标可以是左上角坐标,第二边界坐标可以是左下角坐标。还可选的,所述第一显示区域和第二显示区域水平排列,所述第一边界坐标为第一显示区域的右上角坐标,所述第二边界坐标为所述第二显示区域的左上角坐标。一般而言,用户的写字习惯为由左至右,因此,实施例中设定第一显示区域和第二显示区域水平排列是指第二显示区域位于第一显示区域的右方,此时,为了明确第二显示区域和第一显示区域之间的空间排布,可以选择第一显示区域右上角坐标,即右上顶点坐标,作为第一边界坐标,同时,在第二显示区域中选择与第一边界坐标相对的左上角坐标,即左上顶点坐标,作为第二边界坐标。可以理解的是,第一边界坐标还可以是第一显示区域的右下角坐标,第二边界坐标还可以是第二显示区域的左下角坐标,考虑到用户书写习惯通常为由上至下,因此,选择右上角坐标和左上角坐标能更好的体现空间排布。若第二显示区域位于第一显示区域的左侧,则第一边界坐标可以是左上角坐标,第二边界坐标可以是右上角坐标
步骤25122、计算第一边界坐标和第二边界坐标的差值。
具体的,由于第一边界坐标和第二边界坐标均包含x轴坐标和y轴坐标,因此,在计算第一边界坐标和第二边界坐标的差值时,可以分别计算x轴坐标和y轴坐标的差值。举例而言,设定第一边界坐标为(x1,y1),第二边界坐标为(x2,y2),则差值分别为X=x1-x2,Y=y1-y2。通过第一边界坐标和第二边界坐标的差值便可以明确第一显示区域结束位置和第二显示区域起止位置间的距离。
步骤25123、将差值写入预设平移矩阵,以得到平移量矩阵。
具体的,预先设定平移矩阵,其中,平移矩阵的具体内容可以根据实际情况设定。实施例中,以平移矩阵为3×3矩阵为例,且设定平移矩阵为其中,Tx中写入x轴上的差值,Ty中写入y轴上的差值,进而得到平移量矩阵。
考虑到实际应用中,为了增强美观性,可以设定元素间距最小值,以防止显示元素重叠。此时,步骤25122之后,还包括:获取预设元素间距最小值;计算所述差值与所述元素间距最小值的和值。相应的,步骤25123包括:将和值写入预设缩放矩阵,以得到平移量矩阵。
具体的,元素间距最小值是指两个显示元素间距离的最小值,其可以由交互智能平板设定或者是用户设定,其可以为0或其他任意数值。一般而言,元素间距最小值包含竖直方向上的最小值和水平方向上的最小值。实施例中,设定元素间距最小值是指两个相邻显示元素之间的距离最小值,下面以第一显示区域和第二显示区域为例进行描述。若第一显示区域和第二显示区域为竖直排列,则获取元素间距最小值中竖直方向上的最小值,此时,将竖直方向上的最小值与y轴方向上的差值相加,得到和值。相应的,将x轴方向上的差值与0相加,得到和值。之后,将得到的x轴方向上的和值和y轴方向上的和值分别写入Tx和Ty,以得到平移量矩阵。若第一显示区域和第二显示区域为水平排列,则获取元素间距最小值中水平方向上的最小值,此时,将水平方向上的最小值与x轴方向上的差值相加,得到和值。相应的,将y轴方向上的差值与0相加,得到和值。之后,将得到的x轴方向上的和值和y轴方向上的和值分别写入Tx和Ty,以得到平移量矩阵。
步骤2513、根据画布缩放矩阵和平移量矩阵得到坐标变换矩阵。
可以理解的是,计算缩放矩阵和平移量矩阵的时序实施例不作限定。
步骤252、基于坐标变换矩阵确定第二显示区域内显示元素的坐标变化位置。
具体的,将第二显示区域内的各坐标与坐标变换矩阵相乘,以得到变换后的坐标,并将变换后的坐标记为坐标变换位置,同时,记录坐标变换位置与原坐标的对应关系。
步骤260、根据坐标变化位置调整第二显示区域内显示元素的显示位置。
根据对应关系,获取各坐标变换位置对应的原坐标处的显示内容,并将显示内容移动至坐标变换位置处,以实现显示位置调整。
下面对本实施例提供的技术方案进行示例性的描述:
本示例中,交互智能平板支持画布级别的缩放。
具体的,图4为本申请实施例二提供的第一显示界面示意图,其为画布当前的显示界面。参考图4,当前画布中显示有第一显示元素21,其为第一用户写入的显示元素。进一步的,第二用户在书写时,为了确保有足够的书写空间,对第一显示元素21进行了缩小操作,此时,交互智能平板检测到针对于第一显示元素21的第一控制操作,并对第一控制操作进行响应,控制显示屏进行显示。图5为本申请实施例二提供的第二显示界面示意图,其为响应第一控制操作后画布中显示元素示意图。相比于图4,显示元素相对于显示屏而言明显缩小。此时,交互智能平板确定第一个操作区间结束、第二个操作区间开始,并确认包含第一显示元素的第一显示区域,此时,第一显示区域为包含第一显示元素21的最小矩形框。之后,第二用户进行书写操作,交互智能平板检测到书写操作后,根据书写操作确定书写位置,并显示第二显示元素22。图6为本申请实施例二提供的第三显示界面示意图,其为响应书写操作后画布中显示元素示意图。参考图6,在第一显示元素21的下方显示有第二显示元素22。进一步的,第三用户在书写时,为了保证有足够的书写空间,对第二显示元素22进行了缩小操作。此时,交互智能平板检测到针对于第二显示元素的第二控制操作,确定第二个操作区间结束、第三个操作区间开始,并确认包含第二显示元素的第二显示区域,此时,第二显示区域为包含第二显示元素22的最小矩形框。之后,获取第一显示区域的第一缩放比,同时获取第二显示区域的第二缩放比,并将第二缩放比与第一缩放比之间的比值写入预设缩放矩阵,以得到画布缩放矩阵。同时,将第一显示区域的左下角坐标减去第二显示区域的左上角坐标再加上预设元素间距最小值,得到x轴的和值和y轴的和值,之后,分别写入预设平移矩阵的对应位置,以得到平移量矩阵。将画布缩放矩阵和平移量矩阵相乘以得到坐标变换矩阵,之后,基于坐标变换矩阵得到第二显示元素中各点的坐标变化位置,并根据坐标变化位置调整第二操作区间内的显示元素,即对第二显示区域内的显示元素进行坐标变换。图7为本申请实施例二提供的第四显示界面示意图,其为调整第二显示区域内显示元素的显示位置后画布显示元素示意图。参考图7,相比于图6,第二显示元素22与第一显示元素21之间的排版更加协调。需要说明的是,上述界面示意图中的矩形框仅是为了便于对不同操作区间的显示元素进行区分,实际应用中,该矩形框无需在显示屏中进行显示。
上述,通过响应针对于第一显示元素的第一控制操作,并根据第一控制操作确认第一显示区域,响应于接收到的书写操作,显示第二显示元素,检测到作用于第二显示元素的第二控制操作时,基于包含第二显示元素的第二显示区域和第一显示区域确定坐标变化位置,并基于坐标变化位置对第二显示区域内的显示元素的显示位置进行调整的技术手段,实现了在用户书写过程中执行设定控制操作时,对不同控制操作之间写入的显示元素自动进行坐标变换,保证了显示元素排版美观性,使得显示元素更为协调的显示在显示屏中,同时,通过显示区域区分不同操作区间内的显示元素,便于计算不同操作区间元素的平移关系和缩放关系,进而保证坐标变换的准确性。
考虑到对显示元素执行控制操作时,其轨迹粗细可能发生变化,因此,为了保证美观性,实施例中设定显示元素调整方法,还包括:调整第二显示元素的轨迹粗细,以使第二显示元素的轨迹粗细等于第一显示元素的轨迹粗细。
具体的,在对第二显示元素进行坐标变换时,同步调整第二显示元素的轨迹粗细,调整后第二显示元素的轨迹粗细等于第一显示元素的轨迹粗细。
可选的,设定对显示元素进行缩放操作时,其轨迹粗细不变。此时,各显示元素的轨迹粗细均相同,因此,无需调整第二显示元素的轨迹粗细。设定对显示元素进行缩放操作时,其轨迹粗细同步变化,此时,交互智能平板记录第一显示元素的轨迹粗细。之后,当检测到对第二显示元素进行控制操作时,同步确认第二显示元素的轨迹粗细是否与第一显示元素的轨迹粗细相等,若不相等,则将第二显示元素的轨迹粗细调整为第一显示元素的轨迹粗细,若相等,则保持第二显示元素的轨迹粗细不变。
调整轨迹粗细的好处是,可以保证画布中全部显示元素的轨迹粗细相等,进一步保证了显示美观性,提升了用户的观看体验。
实施例三
图8为本申请实施例三提供的一种显示元素调整装置的结构示意图。参考图8,该显示元素调整装置包括:第一检测模块301、区域确认模块302、元素显示模块303、第二检测模块304和位置调整模块305。
其中,第一检测模块301,用于响应针对于第一显示元素的第一控制操作;区域确认模块302,用于通过所述第一控制操作确定第一显示区域,所述第一显示区域内至少显示有所述第一显示元素;元素显示模块303,用于响应于接收到的书写操作,显示第二显示元素;第二检测模块304,用于接收至少针对于所述第二显示元素的第二控制操作;位置调整模块305,用于调整所述第一显示区域或第二显示区域内显示元素的显示位置,以使得各显示元素的排版差异满足设定差异范围;所述第二显示区域通过所述第二控制操作确定,所述第二显示区域内显示有所述第二显示元素。
上述,通过响应针对于第一显示元素的第一控制操作,并通过第一控制操作确认第一显示区域,之后,接收书写操作,并基于书写操作显示第二显示元素,当接收到至少作用于第二显示元素的第二控制操作后,调整第一显示区域内的显示元素或第二显示区域内的显示元素的显示位置换,以保证不同时间写入的第一显示元素和第二显示元素在画布中排布差异满足设定差异范围,即两个显示区域的显示元素大小及排布位置相适应,增强排版美观度,提升用户使用体验。
在上述实施例的基础上,还包括:粗细调整模块,用于调整所述第二显示元素的轨迹粗细,以使所述第二显示元素的轨迹粗细等于所述第一显示元素的轨迹粗细。
在上述实施例的基础上,所述第一控制操作为:缩放操作、平移操作、画布导出操作或画布全览视图操作中的至少一种;所述第二控制操作为:缩放操作、平移操作、画布导出操作或画布全览视图操作中的至少一种。
在上述实施例的基础上,所述第二控制操作为画布全览视图操作,还包括:界面显示模块,用于调整所述第一显示区域或所述第二显示区域内显示元素的显示位置之后,显示全览视图界面,所述全览视图界面中各显示元素的排版差异满足设定差异范围。
在上述实施例的基础上,位置调整模块305包括:位置计算子模块,用于计算所述第二显示区域内显示元素的坐标变化位置,所述第二显示区域通过第二控制操作确定;显示位置调整子模块,用于根据所述坐标变化位置调整所述第二显示区域内显示元素的显示位置。
在上述实施例的基础上,所述位置计算子模块包括:区域单元,用于通过所述第二控制操作确定第二显示区域;矩阵确定单元,用于根据所述第一显示区域和第二显示区域确定坐标变换矩阵;矩阵变换单元,用于基于所述坐标变换矩阵确定第二显示区域内显示元素的坐标变化位置。
在上述实施例的基础上,所述矩阵确定单元包括:缩放确定子单元,用于基于第一显示区域的第一缩放比和第二显示区域的第二缩放比确定画布缩放矩阵;平移确定子单元,用于基于第一显示区域的坐标范围和第二显示区域的坐标范围确定平移量矩阵;矩阵计算子单元,用于根据所述画布缩放矩阵和所述平移量矩阵得到坐标变换矩阵。
在上述实施例的基础上,所述缩放确定子单元包括:缩放比获取孙单元,用于获取第一显示区域的第一缩放比和第二显示区域的第二缩放比;比值计算孙单元,用于计算所述第二缩放比和第一缩放比的比值;比值写入孙单元,用于将所述比值写入预设缩放矩阵,以得到画布缩放矩阵。
在上述实施例的基础上,所述平移确定子单元包括:边界坐标获取孙单元,用于获取所述第一显示区域的第一边界坐标和所述第二显示区域的第二边界坐标;差值计算孙单元,用于计算所述第一边界坐标和所述第二边界坐标的差值;差值写入孙单元,用于将所述差值写入预设平移矩阵,以得到平移量矩阵。
本申请实施例提供的显示元素调整装置包含在显示元素调整设备中,且可用于执行上述任意实施例提供的显示元素调整方法,具备相应的功能和有益效果。
实施例四
图9为本申请实施例四提供的一种显示元素调整设备的结构示意图。如图9所示,该显示元素调整设备包括处理器40、存储器41、输入装置42、输出装置43以及显示屏44。显示元素调整设备中处理器40的数量可以是一个或多个,图9中以一个处理器40为例。显示元素调整设备中显示屏44的数量可以是一个或多个,图9中以一个显示屏44为例。显示元素调整设备中的处理器40、存储器41、输入装置42、输出装置43以及显示屏44可以通过总线或其他方式连接,图9中以通过总线连接为例。
存储器41作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本申请实施例中的显示元素调整方法对应的程序指令/模块(例如,显示元素调整装置中的第一检测模块301、区域确认模块302、元素显示模块303、第二检测模块304和位置调整模块305)。处理器40通过运行存储在存储器41中的软件程序、指令以及模块,从而执行显示元素调整设备的各种功能应用以及数据处理,即实现上述显示元素调整方法。
存储器41可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据显示元素调整设备的使用所创建的数据等。此外,存储器41可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储器41可进一步包括相对于处理器40远程设置的存储器,这些远程存储器可以通过网络连接至显示元素调整设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置42可用于接收输入的数字或字符信息,以及产生与显示元素调整设备的用户设置以及功能控制有关的键信号输入。输出装置43可包括扬声器等音频输出设备。显示屏44为具有触摸功能的显示屏,其可以是电容屏、电磁屏或者电阻屏。可选的,当显示屏44为红外屏时,其还包括红外触摸框,该红外触摸框设置在显示屏44的四周,其还可以用于接收红外信号,并将该红外信号发送至处理器40或者其他设备。显示屏44用于显示第一显示元素和第二显示元素。同时,还可以根据处理器的指令显示其他的内容。
本实施例中,显示元素调整设备可以是交互智能平板。
上述显示元素调整设备包含基显示元素调整装置,可以用于执行任意显示元素调整方法,具备相应的功能和有益效果。
实施例五
本申请实施例还提供一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行一种显示元素调整方法,该方法包括:
响应针对于第一显示元素的第一控制操作;
通过所述第一控制操作确定第一显示区域,所述第一显示区域内至少显示有所述第一显示元素;
响应于接收到的书写操作,显示第二显示元素;
接收至少针对于所述第二显示元素的第二控制操作;
调整所述第一显示区域或第二显示区域内显示元素的显示位置,以使得各显示元素的排版差异满足设定差异范围;所述第二显示区域通过所述第二控制操作确定,所述第二显示区域内显示有所述第二显示元素。
当然,本申请实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的方法操作,还可以执行本申请任意实施例所提供的显示元素调整方法中的相关操作。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本申请可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。
值得注意的是,上述显示元素调整装置的实施例中,所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。
注意,上述仅为本申请的较佳实施例及所运用技术原理。本领域技术人员会理解,本申请不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本申请的保护范围。因此,虽然通过以上实施例对本申请进行了较为详细的说明,但是本申请不仅仅限于以上实施例,在不脱离本申请构思的情况下,还可以包括更多其他等效实施例,而本申请的范围由所附的权利要求范围决定。
Claims (11)
1.一种显示元素调整方法,其特征在于,包括:
响应针对于第一显示元素的第一控制操作;
通过所述第一控制操作确定第一显示区域,所述第一显示区域内至少显示有所述第一显示元素;
响应于接收到的书写操作,显示第二显示元素;
接收至少针对于所述第二显示元素的第二控制操作;
调整所述第一显示区域或第二显示区域内显示元素的显示位置,以使得各显示元素的排版差异满足设定差异范围;所述第二显示区域通过所述第二控制操作确定,所述第二显示区域内显示有所述第二显示元素;
其中,所述调整第二显示区域内显示元素的显示位置包括:
计算所述第二显示区域内显示元素的坐标变化位置,所述第二显示区域通过第二控制操作确定;
根据所述坐标变化位置调整所述第二显示区域内显示元素的显示位置。
2.根据权利要求1所述的显示元素调整方法,其特征在于,还包括:
调整所述第二显示元素的轨迹粗细,以使所述第二显示元素的轨迹粗细等于所述第一显示元素的轨迹粗细。
3.根据权利要求1所述的显示元素调整方法,其特征在于,所述第一控制操作为:缩放操作、平移操作、画布导出操作或画布全览视图操作中的至少一种;
所述第二控制操作为:缩放操作、平移操作、画布导出操作或画布全览视图操作中的至少一种。
4.根据权利要求3所述的显示元素调整方法,其特征在于,所述第二控制操作为画布全览视图操作,
所述调整所述第一显示区域或所述第二显示区域内显示元素的显示位置之后,还包括:
显示全览视图界面,所述全览视图界面中各显示元素的排版差异满足设定差异范围。
5.根据权利要求1所述的显示元素调整方法,其特征在于,所述计算所述第二显示区域内显示元素的坐标变化位置包括:
根据所述第一显示区域和第二显示区域确定坐标变换矩阵;
基于所述坐标变换矩阵确定第二显示区域内显示元素的坐标变化位置。
6.根据权利要求5所述的显示元素调整方法,其特征在于,所述根据所述第一显示区域和第二显示区域确定坐标变换矩阵包括:
基于第一显示区域的第一缩放比和第二显示区域的第二缩放比确定画布缩放矩阵;
基于第一显示区域的坐标范围和第二显示区域的坐标范围确定平移量矩阵;
根据所述画布缩放矩阵和所述平移量矩阵得到坐标变换矩阵。
7.根据权利要求6所述的显示元素调整方法,其特征在于,所述基于第一显示区域的第一缩放比和第二显示区域的第二缩放比确定画布缩放矩阵包括:
获取第一显示区域的第一缩放比和第二显示区域的第二缩放比;
计算所述第二缩放比和第一缩放比的比值;
将所述比值写入预设缩放矩阵,以得到画布缩放矩阵。
8.根据权利要求6所述的显示元素调整方法,其特征在于,所述基于第一显示区域的坐标范围和第二显示区域的坐标范围确定平移量矩阵包括:
获取所述第一显示区域的第一边界坐标和所述第二显示区域的第二边界坐标;
计算所述第一边界坐标和所述第二边界坐标的差值;
将所述差值写入预设平移矩阵,以得到平移量矩阵。
9.一种显示元素调整装置,其特征在于,包括:
第一检测模块,用于响应针对于第一显示元素的第一控制操作;
区域确认模块,用于通过所述第一控制操作确定第一显示区域,所述第一显示区域内至少显示有所述第一显示元素;
元素显示模块,用于响应于接收到的书写操作,显示第二显示元素;
第二检测模块,用于接收至少针对于所述第二显示元素的第二控制操作;
位置调整模块,用于调整所述第一显示区域或第二显示区域内显示元素的显示位置,以使得各显示元素的排版差异满足设定差异范围;所述第二显示区域通过所述第二控制操作确定,所述第二显示区域内显示有所述第二显示元素;
所述位置调整模块包括:
位置计算子模块,用于计算所述第二显示区域内显示元素的坐标变化位置,所述第二显示区域通过第二控制操作确定;
显示位置调整子模块,用于根据所述坐标变化位置调整所述第二显示区域内显示元素的显示位置。
10.一种显示元素调整设备,其特征在于,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序;
显示屏,用于显示第一显示元素和第二显示元素;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-8中任一所述的显示元素调整方法。
11.一种包含计算机可执行指令的存储介质,其特征在于,所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-8中任一所述的显示元素调整方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911099428.5A CN112860157B (zh) | 2019-11-12 | 2019-11-12 | 显示元素调整方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911099428.5A CN112860157B (zh) | 2019-11-12 | 2019-11-12 | 显示元素调整方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112860157A CN112860157A (zh) | 2021-05-28 |
CN112860157B true CN112860157B (zh) | 2022-06-24 |
Family
ID=75984233
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911099428.5A Active CN112860157B (zh) | 2019-11-12 | 2019-11-12 | 显示元素调整方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112860157B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113625930B (zh) * | 2021-10-11 | 2022-01-18 | 统信软件技术有限公司 | 一种数据显示方法、计算设备及可读存储介质 |
CN118034568B (zh) * | 2024-04-11 | 2024-08-27 | 荣耀终端有限公司 | 手写输入处理的方法及装置 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101403949A (zh) * | 2008-11-11 | 2009-04-08 | 珠海金山软件股份有限公司 | 手写输入装置和手写输入方法 |
CN101639761A (zh) * | 2009-05-27 | 2010-02-03 | 旋永南 | 一种手持设备的数据录入和处理方法 |
CN103268166A (zh) * | 2013-05-17 | 2013-08-28 | 济南道能仁晟软件技术有限公司 | 手写输入设备的原笔迹信息采集和显示方法 |
CN107544743A (zh) * | 2017-08-21 | 2018-01-05 | 广州视源电子科技股份有限公司 | 一种调整文字的方法、装置及电子设备 |
CN107562331A (zh) * | 2017-08-21 | 2018-01-09 | 广州视源电子科技股份有限公司 | 一种手写文字的显示方法、装置、设备及存储介质 |
CN107608612A (zh) * | 2017-08-21 | 2018-01-19 | 广州视源电子科技股份有限公司 | 书写笔迹的对齐显示方法、电子装置及可读存储介质 |
CN108351746A (zh) * | 2015-08-25 | 2018-07-31 | 迈思慧公司 | 引导手写输入的系统和方法 |
CN108874285A (zh) * | 2015-10-28 | 2018-11-23 | 广州视源电子科技股份有限公司 | 一种用户终端上书写字迹的显示方法及用户终端 |
CN109189314A (zh) * | 2018-08-13 | 2019-01-11 | 广东小天才科技有限公司 | 手写设备的书写引导方法、装置、设备及介质 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150116284A1 (en) * | 2013-10-24 | 2015-04-30 | Livescribe Inc. | Smart Zooming of Content Captured by a Smart Pen |
US10318613B2 (en) * | 2015-08-25 | 2019-06-11 | Myscript | System and method of digital note taking |
US10346510B2 (en) * | 2015-09-29 | 2019-07-09 | Apple Inc. | Device, method, and graphical user interface for providing handwriting support in document editing |
US10664695B2 (en) * | 2016-10-26 | 2020-05-26 | Myscript | System and method for managing digital ink typesetting |
-
2019
- 2019-11-12 CN CN201911099428.5A patent/CN112860157B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101403949A (zh) * | 2008-11-11 | 2009-04-08 | 珠海金山软件股份有限公司 | 手写输入装置和手写输入方法 |
CN101639761A (zh) * | 2009-05-27 | 2010-02-03 | 旋永南 | 一种手持设备的数据录入和处理方法 |
CN103268166A (zh) * | 2013-05-17 | 2013-08-28 | 济南道能仁晟软件技术有限公司 | 手写输入设备的原笔迹信息采集和显示方法 |
CN108351746A (zh) * | 2015-08-25 | 2018-07-31 | 迈思慧公司 | 引导手写输入的系统和方法 |
CN108874285A (zh) * | 2015-10-28 | 2018-11-23 | 广州视源电子科技股份有限公司 | 一种用户终端上书写字迹的显示方法及用户终端 |
CN107544743A (zh) * | 2017-08-21 | 2018-01-05 | 广州视源电子科技股份有限公司 | 一种调整文字的方法、装置及电子设备 |
CN107562331A (zh) * | 2017-08-21 | 2018-01-09 | 广州视源电子科技股份有限公司 | 一种手写文字的显示方法、装置、设备及存储介质 |
CN107608612A (zh) * | 2017-08-21 | 2018-01-19 | 广州视源电子科技股份有限公司 | 书写笔迹的对齐显示方法、电子装置及可读存储介质 |
WO2019037352A1 (zh) * | 2017-08-21 | 2019-02-28 | 广州视源电子科技股份有限公司 | 书写笔迹的对齐显示方法、电子装置及可读存储介质 |
CN109189314A (zh) * | 2018-08-13 | 2019-01-11 | 广东小天才科技有限公司 | 手写设备的书写引导方法、装置、设备及介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112860157A (zh) | 2021-05-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110941383B (zh) | 双屏幕显示方法、装置、设备及存储介质 | |
CN110069204B (zh) | 基于书写轨迹的图形处理方法、装置、设备及存储介质 | |
CN110928468B (zh) | 智能交互平板的页面显示方法、装置、设备和存储介质 | |
CN108874292B (zh) | 批注显示方法、装置以及智能交互平板 | |
US9069437B2 (en) | Window management method, apparatus and computing device | |
CN108304132B (zh) | 图形显示方法、装置、设备及存储介质 | |
CN110928459B (zh) | 智能交互平板的书写操作方法、装置、设备和存储介质 | |
CN108829327B (zh) | 交互智能设备的书写方法和装置 | |
CN110928475B (zh) | 智能交互平板的页面交互方法、装置、设备和存储介质 | |
CN109189532B (zh) | 电子白板的控件栏显示方法、装置、设备及存储介质 | |
US11372540B2 (en) | Table processing method, device, interactive white board and storage medium | |
CN110045840B (zh) | 一种书写轨迹关联的方法、装置、终端设备和存储介质 | |
CN108733296B (zh) | 书写笔迹的擦除方法、装置和设备 | |
CN110928614B (zh) | 界面显示方法、装置、设备及存储介质 | |
KR102373021B1 (ko) | 글로벌 특수 효과의 전환 방법, 전환 장치, 단말 설비 및 저장 매체 | |
CN111813302A (zh) | 投屏显示方法、装置、终端设备和存储介质 | |
CN113342248B (zh) | 直播显示方法、装置、存储介质及电子设备 | |
CN109215098B (zh) | 笔迹擦除方法和装置 | |
CN112860157B (zh) | 显示元素调整方法、装置、设备及存储介质 | |
CN108958861A (zh) | 基于文本控件的对象显示方法、设备及存储介质 | |
CN110286827B (zh) | 一种元素缩放控制方法、装置、设备及存储介质 | |
CN110471611B (zh) | 键盘启动的方法、装置、终端设备和存储介质 | |
CN109858000B (zh) | 表格处理方法、装置、系统、存储介质及交互智能平板 | |
CN114115637B (zh) | 显示设备及电子画板优化方法 | |
JP2016200860A (ja) | 情報処理装置、情報処理装置の制御方法、およびプログラム |
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 |