CN109284050B - 一种内容显示方法及装置 - Google Patents
一种内容显示方法及装置 Download PDFInfo
- Publication number
- CN109284050B CN109284050B CN201811150283.2A CN201811150283A CN109284050B CN 109284050 B CN109284050 B CN 109284050B CN 201811150283 A CN201811150283 A CN 201811150283A CN 109284050 B CN109284050 B CN 109284050B
- Authority
- CN
- China
- Prior art keywords
- area
- instruction
- content
- displayed
- boundary
- 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
- 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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供一种内容显示方法及装置,在确定第一图像中待显示内容所在的第一区域后,响应第一指令来确定显示区域中与第一指令对应的第二区域,在第一指令作用下控制第一区域的至少两个相对的边界与第二区域的边界重合且第一区域处于第二区域内,并控制待显示内容随第一区域在第二区域的变化而变化且变化后的待显示内容仍处于第一区域内,由此待显示内容和第一区域均可以在第一指令作用下发生变化,且变化后的待显示内容和第一区域处于显示区域的第二区域内,使得待显示内容在第一指令作用下仍维持在显示区域中显示,相对于现有技术来说降低操作复杂度。
Description
技术领域
本发明属于信息处理技术领域,更具体地说,尤其涉及一种内容显示方法及装置。
背景技术
目前终端在浏览图像时可通过缩放指令对图像进行缩放,并通过移动指令调整显示区域中显示的内容,因此若在显示区域中显示一张图像中的内容,则需要反复执行缩放指令和移动指令使内容维持在显示区域中显示,从而提高操作的复杂程度。
发明内容
有鉴于此,本发明的目的在于提供一种内容显示方法及装置,用于使得待显示内容在第一指令作用下仍维持在显示区域中显示,从而降低操作复杂度。技术方案如下:
本发明提供一种内容显示方法,所述方法包括:
确定第一图像中待显示内容所在的第一区域;
响应第一指令,确定显示区域中与所述第一指令对应的第二区域;
在所述第一指令作用下控制所述第一区域的至少两个相对的边界与所述第二区域的边界重合且所述第一区域处于所述第二区域内;
控制所述待显示内容随所述第一区域在所述第二区域的变化而变化且变化后的待显示内容仍处于所述第一区域内。
优选的,所述确定第一图像中待显示内容所在的第一区域包括:
确定所述第一图像中所述待显示内容所在的多个第一区域,其中所述多个第一区域中的一个第一区域的至少部分边界与所述待显示内容的边缘重合;
所述方法还包括:响应所述第一指令,从所述多个第一区域中确定所述第一指令对应的第一区域。
优选的,所述响应所述第一指令,从所述多个第一区域中确定所述第一指令对应的第一区域包括:
将所述第二区域中的一个边界确定为基准边界;
响应所述第一指令,获得所述多个第一区域中任一第一区域的第一边界与所述基准边界之间的距离,所述第一边界和所述基准边界位于同一侧;
基于每个第一区域的第一边界与所述基准边界之间的距离,从所述多个第一区域中选取所述第一指令对应的第一区域。
优选的,所述方法还包括:将所述第一区域的形状校正为所述第二区域的形状;
所述在所述第一指令作用下控制所述第一区域的至少两个相对的边界与所述第二区域的边界重合包括:在所述第一指令作用下控制所述第一区域的各个边界与所述第二区域的各个边界重合。
优选的,所述响应第一指令,确定显示区域中与所述第一指令对应的第二区域包括:
将所述显示区域中的一个点确定为基准点,从所述基准点向所述显示区域中的其他区域扩展,得到与所述第一指令的缩放比例对应的第二区域;
或者
响应所述第一指令,将所述显示区域的最大可显示区域确定为所述第二区域。
本发明还提供一种内容显示装置,所述装置包括:
第一确定单元,用于确定第一图像中待显示内容所在的第一区域;
第二确定单元,用于响应第一指令,确定显示区域中与所述第一指令对应的第二区域;
控制单元,用于在所述第一指令作用下控制所述第一区域的至少两个相对的边界与所述第二区域的边界重合且所述第一区域处于所述第二区域内,以及用于控制所述待显示内容随所述第一区域在所述第二区域的变化而变化且变化后的待显示内容仍处于所述第一区域内。
优选的,所述第一确定单元,用于确定所述第一图像中所述待显示内容所在的多个第一区域,并响应所述第一指令,从所述多个第一区域中确定所述第一指令对应的第一区域,其中所述多个第一区域中的一个第一区域的至少部分边界与所述待显示内容的边缘重合。
优选的,所述装置还包括:校正单元,用于将所述第一区域的形状校正为所述第二区域的形状;
所述控制单元,用于在所述第一指令作用下控制所述第一区域的各个边界与所述第二区域的各个边界重合。
优选的,所述第二确定单元,用于将所述显示区域中的一个点确定为基准点,从所述基准点向所述显示区域中的其他区域扩展,得到与所述第一指令的缩放比例对应的第二区域;
或者
所述第二确定单元,用于响应所述第一指令,将所述显示区域的最大可显示区域确定为所述第二区域。
本发明还提供一种电子设备,所述电子设备包括:处理器和存储器;
所述处理器,用于确定第一图像中待显示内容所在的第一区域,响应第一指令,确定显示区域中与所述第一指令对应的第二区域,在所述第一指令作用下控制所述第一区域的至少两个相对的边界与所述第二区域的边界重合且所述第一区域处于所述第二区域内,并控制所述待显示内容随所述第一区域在所述第二区域的变化而变化且变化后的待显示内容仍处于所述第一区域内;
所述存储器,用于存储变化后的待显示内容。
从上述技术方案可知,在确定第一图像中待显示内容所在的第一区域后,响应第一指令来确定显示区域中与第一指令对应的第二区域,在第一指令作用下控制第一区域的至少两个相对的边界与第二区域的边界重合且第一区域处于第二区域内,并控制待显示内容随第一区域在第二区域的变化而变化且变化后的待显示内容仍处于第一区域内,由此待显示内容和第一区域均可以在第一指令作用下发生变化,且变化后的待显示内容和第一区域处于显示区域的第二区域内,使得待显示内容在第一指令作用下仍维持在显示区域中显示,相对于现有技术来说降低操作复杂度。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种内容显示方法的流程图;
图2是本发明实施例提供的确定出的多个第一区域之间的一种关系的示意图;
图3是本发明实施例提供的确定出的多个第一区域之间的另一种关系的示意图;
图4是本发明实施例提供的确定出的多个第一区域的示意图;
图5是本发明实施例提供的确定第二区域的示意图;
图6是本发明实施例提供的变化后的第一区域和第二区域之间的关系的示意图;
图7是本发明实施例提供的另一种内容显示方法的流程图;
图8是本发明实施例提供的多个第一区域中选取第一区域的示意图;
图9是本发明实施例提供的待显示内容多次放大的示意图;
图10是本发明实施例提供的一种内容显示装置的结构示意图;
图11是本发明实施例提供的另一种内容显示装置的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
请参阅图1,其示出了本发明实施例提供的一种内容显示方法的流程图,可以包括以下步骤:
101:确定第一图像中待显示内容所在的第一区域。在本实施例中,待显示内容是从第一图像的多个对象中选取出的一个对象,例如通过AI(Artificial Intelligence,人工智能)算法从第一图像的多个对象中选取出一个对象作为待显示内容。
在本实施例中,通过AI算法得到待显示内容的过程包括:获取用于从第一图像中选取待显示内容的第一操作,响应于第一操作,确定第一操作指示的用户期望对象信息,并基于第一操作指示的用户期望对象信息,从第一图像的各个对象中选取一个对象作为待显示内容。其中用户期望对象信息的方式如下但不限于如下方式:
一种方式是:用户期望对象信息包括用户期望对象的属性要求,相对应的基于第一操作指示的用户期望对象信息,从第一图像的各个对象中选取一个对象作为待显示内容的过程可以是:从第一图像中的各个对象中确定符合用户期望对象的属性要求的至少一个对象,从至少一个对象中选取一个对象作为待显示内容,由此使得待显示内容符合用户期望的属性要求,即使得待显示内容是用户想要的一个对象。
例如用户期望对象的属性要求包括但不限于:用户期望对象的尺寸要求、用户期望对象的高宽要求、用户期望对象的位置要求和用户期望对象的显示效果中的至少一种要求,则从确定的符合用户期望对象的属性要求的至少一个对象是:确定符合用户期望对象的尺寸要求、用户期望对象的高宽要求、用户期望对象的位置要求和用户期望对象的显示效果中的至少一种要求的至少一个对象,使得待显示内容的属性符合用户期望的属性要求,进而使得待显示内容是用户想要的一个对象。
另一种方式是:用户期望对象信息包括已作为待显示内容的对象(为了便于描述,该已作为待显示内容的对象称为目标对象)与用户期望对象之间的第一关系;相对应的基于第一操作指示的用户期望对象信息,从第一图像的各个对象中选取一个对象作为待显示内容的过程可以是:确定第一图像中除目标对象之外的其他对象与目标对象之间的第二关系,并从第一图像中除目标对象之外的其他对象中筛选第二关系与第一关系匹配(如第二关系与第一关系相同)的至少一个对象,然后从至少一个对象中选取出一个对象来替换目标对象,实现基于用户期望对象信息对待显示内容的修改。
其中目标对象与用户期望对象之间的第一关系包括但不限于:目标对象和用户期望对象其中之一相对于另一个的尺寸关系、位置关系和显示效果中的至少一种,由此可以基于尺寸关系、位置关系和显示效果中的至少一种关系来选取对象,使得待显示内容是用户想要的一个对象。需要说明的一点是:第一次选取出的目标对象可能是没有用户期望对象信息情况下基于现有算法选取出的一个对象,而除第一次选取出的目标对象之外的其他次数选取出的目标对象则是:基于前一次选取出的目标对象与用户期望对象之间的第一关系进行再次选取。
在本实施例中,第一操作可以是任意一种能够视为选取目标对象的操作,如第一操作可以是按键(如按压音量增大键或音量减小键)、滑动操作(上下滑动或左右滑动等)、缩放操作、悬空手势和终端姿态(如终端处于横向状态或终端处于竖向状态)中的任意一种。若在选取待显示内容时会借助多次第一操作,那么这多次第一操作可以是相同的第一操作或者至少部分第一操作不同,例如多次第一操作可以是上述按键(如按压音量增大键或音量减小键)、滑动操作(上下滑动或左右滑动等)、缩放操作、悬空手势和终端姿态(如终端处于横向状态或终端处于竖向状态)中的至少一种能够视为选取待显示内容的操作,由此通过多次第一操作选取出待显示内容。
除上述选取待显示内容的方式之外,本实施例还可以通过其他方式来选取待显示内容,如将第一图像输出在显示区域内,获取用户在显示区域内执行的某个操作(如点击操作、双击操作和滑动操作等中的任意一种),然后将该操作所在位置处的对象确定为待显示内容,在此本实施例不再对每种选取待显示内容的方式进行一一阐述。
在基于上述方式得到待显示内容之后,确定待显示内容所在的第一区域的一种方式是:基于待显示内容的边缘确定待显示内容所在的第一区域,该第一区域是显示区域中的一个区域,也就是说基于待显示内容的边缘,确定待显示内容所在显示区域中的第一区域,如从显示区域中确定出一个完全包围待显示内容的边缘的区域作为第一区域,所谓完全包围可以是但不限于是:第一区域的各个边界均与待显示内容的边缘重合,以使得第一区域是由待显示内容的边缘组成,或者第一区域的边界与待显示内容的至少一个边缘重合,或者第一区域的边界与待显示内容的边缘之间具有一定间隔,该间隔的取值可以根据实际应用而定,对此本实施例不进行限定。
在实际应用中还可以基于待显示内容的边缘确定多个第一区域,如基于待显示内容的边缘确定出一个完全包围待显示内容的边缘的区域作为一个第一区域,然后在该第一区域之外再随机规划至少一个用于包围该第一区域的其他第一区域,所有第一区域之间的间隔可以不同也可以相同,对此本实施例不再阐述。如图2所示,第一区域1是由待显示内容的边缘组成的一个区域,第一区域2和第一区域3是位于第一区域1之外且能够包围第一区域1的两个第一区域,该第一区域2和第一区域3的间隔与第一区域1和第一区域2之间的间隔。当然用于包围基于待显示内容的边缘确定的第一区域的其他第一区域之间还可以采用其他方式,如其他第一区域中的至少两个第一区域之间有部分重叠,或者其他第一区域中的至少两个第一区域的至少一个边界重合,如图3所示,第一区域2和第一区域3的一个边界重合。
确定待显示内容所在的第一区域的另一种方式是:确定第一图像中是否存在完全包围待显示内容的边缘的区域,如果有则将第一图像中完全包围待显示内容的边缘的区域确定为第一区域,如图4所示在手机的显示区域上显示的第一图像是:在笔记本的一个具有画图工具的绘制一个流程图,对于该第一图像来说确定流程图为待显示内容,则对于该流程图来说确定出的第一区域为画图工具的画图区域(实线框所示)、画图工具占用的笔记本的区域(虚线框所示)以及笔记本的边缘组成的区域(点线框所示)中的至少一个,由此得到待显示内容所在的多个第一区域,其中该笔记本的边缘组成的区域也可以视为是第一图像的边缘组成的区域。
上述仅是对确定第一区域的举例说明,本实施例不限于上述两种确定第一区域的方式,并且在确定出多个第一区域的情况下,还可以对多个第一区域进行一定限制,如限制多个第一区域中的一个第一区域的至少部分边界与待显示内容的边缘重合,这样在第一指令为放大指令时可以使得待显示内容随第一区域的变化在第一区域中实现最大化或在第一指令为缩小指令时可以使得待显示内容随第一区域的变化在第一区域中实现最小化。
102:响应第一指令,确定显示区域中与第一指令对应的第二区域。在本实施例中,确定显示区域中与第一指令对应的第二区域的方式如下但不限于如下方式:
一种方式是:响应第一指令,将显示区域的最大可显示区域确定为第二区域,从而可以在显示区域的最大可显示区域中变化待显示内容。其中显示区域的最大可显示区域可以是显示区域的全部区域,或者除显示区域中被其他内容占用区域之外的区域,但是若除显示区域中被其他内容占用区域之外的区域不是一个完整的矩形区域,如图5所示,那么此时则需要从除显示区域中被其他内容占用区域之外的区域中选取出一个最大区域作为第二区域,如将图5中虚线框所示区域确定为第二区域。
另一种方式是:将显示区域中的一个点确定为基准点,从基准点向显示区域中的其他区域扩展,得到与第一指令的缩放比例对应的第二区域;例如基准点是显示区域的中心点,从该中心点向该中心点的外围扩展,而从该中心点向该中心点的外围扩展的距离与第一指令的缩放比例相关,从而得到一个与第一指令的缩放比例对应的第二区域。
但是此处需要注意的一点是:若从该中心点向该中心点的外围扩展的距离大于该中心点到边界的垂直距离,则需要基于该垂直距离进行扩展,以使得得到的第二区域仍位于显示区域的范围内。
103:在第一指令作用下控制第一区域的至少两个相对的边界与第二区域的边界重合且第一区域处于第二区域内。也就是说在第一指令作用下将第一区域搬移到第二区域内,且控制第一区域的至少两个相对的边界与第二区域的边界重合,这样使得第一区域中与第二区域的边界重合的两个相对的边界之间的距离:重合的第二区域的两个相对的边界之间的距离相同,这样第一区域中两个相对的边界的关系会在第一指令作用下随第二区域而变化。
如果此时第二区域与第一指令的缩放比例相关,如第二区域中与第一区域的两个相对的边界重合的边界之间的距离由缩放比例而定,那么就意味着第一区域中的这两个相对的边界之间的距离也由缩放比例而定,使得第一区域随第一指令的缩放比例而变化。如图6所示,待显示内容所在的第一区域(五边形所示为第一区域)位于第二区域之内,在第一指令作用下第一区域仍在第二区域内,且第一区域的尺寸也发生变化,具体变化为:第一区域的两个相对的边界与第二区域的边界重合,使得第一区域的部分区域可以随第一指令的缩放比例而变化。
如果此时第二区域是显示区域的最大可显示区域,则在一个第一指令作用下第一区域可以变化为显示区域的最大可显示区域,例如第一指令是一个放大指令,第二区域是显示区域的全部区域,则通过一个第一指令第一区域就可以一次放大为显示区域的全部区域,且放大后的第一区域没有超出显示区域。
104:控制待显示内容随第一区域在第二区域的变化而变化且变化后的待显示内容仍处于第一区域内。例如第一区域在第二区域的变化为放大,则待显示内容也会执行放大操作,如果第一区域在第二区域的变化为缩小,则待显示内容也会执行缩小操作,但是无论放大还是缩小,变化后的待显示内容仍处于第一区域内,使得待显示内容在执行放大或缩小后仍处于显示区域的范围内。
例如第二区域是显示区域的全部区域时,通过一个具有放大功能的第一指令,待显示内容可以一次放大至显示区域的全部区域,从而减少多次执行放大操作和移动操作,简化操作复杂度。
从上述技术方案可知,在确定第一图像中待显示内容所在的第一区域后,响应第一指令来确定显示区域中与第一指令对应的第二区域,在第一指令作用下控制第一区域的至少两个相对的边界与第二区域的边界重合且第一区域处于第二区域内,并控制待显示内容随第一区域在第二区域的变化而变化且变化后的待显示内容仍处于第一区域内,由此待显示内容和第一区域均可以在第一指令作用下发生变化,且变化后的待显示内容和第一区域处于显示区域的第二区域内,使得待显示内容在第一指令作用下仍维持在显示区域中显示,相对于现有技术来说降低操作复杂度。
请参阅图7,其示出了本发明实施例提供的另一种内容显示方法,可以包括以下步骤:
701:确定第一图像中待显示内容所在的多个第一区域,其中多个第一区域中的一个第一区域的至少部分边界与所述待显示内容的边缘重合。
在本实施例中,确定多个第一区域的方式可以有但不限于有:基于待显示内容的边缘,确定一个边界与该待显示内容的边缘有重合的第一区域,所谓边界与该显示内容的边缘有重合可以是:至少部分边界与该待显示内容的边缘重合,然后再该边界与该待显示内容的边缘有重合的第一区域之外确定出其他第一区域,或者随机确定出其他第一区域但待显示内容位于随机确定出的其他第一区域中的任一一个第一区域内,具体说明请参阅上述方法实施例中的相关说明,同样的对于待显示内容的确定也请参阅上述方法实施例,在此本实施例不再详述。
702:响应第一指令,从多个第一区域中确定第一指令对应的第一区域。
在本实施例中,从多个第一区域中确定第一指令对应的第一区域的一种方式是:从多个第一区域中随机确定出一个第一区域;另一种方式是:将第二区域中的一个边界确定为基准边界;响应第一指令,获得多个第一区域中任一第一区域的第一边界与基准边界之间的距离,基于每个第一区域的第一边界与基准边界之间的距离,从多个第一区域中选取第一指令对应的第一区域,其中第一边界与基准边界位于同一侧。
其中基于每个第一区域的第一边界与基准边界之间的距离选取第一区域的方式有:一种方式可以是:从多个第一区域中选取第一边界与基准边界之间的距离最小的第一区域,使得每次选取出的第一区域均是距离基准边界最近的第一区域;另一种方式可以是:从多个第一区域中选取第一边界与基准边界之间的距离为预设距离或者位于预设距离范围中的一个第一区域,其中预设距离和预设距离范围可以根据实际应用而定,对此本实施例不进行限定;再一种方式可以是:从多个第一区域中选取第一边界与基准边界之间的距离最大的第一区域,使得每次选取出的第一区域均是距离基准边界最远的第一区域。
如图8所示,在图8中将第二区域的左侧边界视为基准边界,则计算每个第一区域的左侧边界与基准边界之间的距离,然后从多个第一区域中选取左侧边界与基准边界之间的距离最小的第一区域,如图8中第1次选取出第一区域1,第2次选取出第一区域2。当然也可以基于左侧边界与基准边界之间的距离,从图8所示的多个第一区域中选取左侧边界与基准边界之间的距离为预设距离或者位于预设距离范围中的一个第一区域。
在这里需要说明的一点是:在实际应用中,可以根据需求来设置第一指令和多个第一区域选取方式的关系,如第一指令为放大指令,则多个第一区域选取方式可以是:从多个第一区域中选取第一边界与基准边界之间的距离最小的第一区域,在选取出该第一区域之后该第一区域不再参与后续选取;如第一指令为缩小指令,则多个第一区域选取方式可以是:从多个第一区域中选取第一边界与基准边界之间的距离最大的第一区域,在选取出该第一区域之后该第一区域不再参与后续选取。此处仅是举例说明在实际应用中可根据需求设置,对此本实施例不进行限制。
703:响应第一指令,确定显示区域中与第一指令对应的第二区域。
704:在第一指令作用下控制所确定的第一区域的至少两个相对的边界与第二区域的边界重合且所确定的第一区域处于第二区域内。
705:控制待显示内容随所确定的第一区域在第二区域的变化而变化且变化后的待显示内容仍处于所确定的第一区域内。
在本实施例中,上述步骤703至步骤705:上述步骤102至步骤104相同,对此本实施例不再阐述。下面以确定出三个第一区域,分别为第一区域1、第一区域2和第一区域3为例,对每执行一次第一指令(具有放大功能)的变化过程进行说明,在该变化过程中确定出的第二区域为显示区域的全部区域,其中待显示内容为图9中的圆圈,与该圆圈相切的区域为第一区域3,相对应的变化的示意图如图9所示:
在第一次变化时,从三个第一区域中选取出第一区域1,控制第一区域1的至少两个相对的边界与第二区域的边界重合,使得第一区域1内的内容随第一区域的放大而放大,且放大后的内容仍位于显示区域内;在第二次变化时,从剩余的两个第一区域中选取出第一区域2,控制第一区域2的至少两个相对的边界与第二区域的边界重合,使得第一区域2内的内容随第一区域的放大而放大,且放大后的内容仍位于显示区域内;在第二次变化时,选取出剩余的最后一个第一区域3,而该第一区域3的至少部分边界与待显示内容的边缘重合,这样在控制第一区域3放大过程中,待显示内容的边缘也会与显示区域的边界重合,使得待显示内容可以在显示区域的大部分区域变化,尤其是如果第一区域的两个相对的边界与显示区域的边界重合时,这两个相对的边界还与待显示内容的边缘重合,那就意味着两个相对的边界对应的待显示内容中的内容的放大比例可以是:显示区域的两个相对的边界之间的距离,实现部分内容的最大化,图9中每个第一区域在第一指令作用下分别与第二区域重合,使得待显示内容全部最大化。
当然若响应第一指令,从多个第一区域中选取出边界与待显示内容的边缘的第一区域,那么通过一次第一指令就可以完成待显示内容的放大或缩小,尤其在第一指令为放大指令且第二区域为显示区域的全部区域时,通过一次第一指令就可以使得待显示内容中部分内容的放大比例为:显示区域的两个相对的边界之间的距离,这两个相对的边界是第二区域中与第一区域的边界重合的边界。
此外对于上述方法实施例来说,本实施例提供的内容显示方法还可以包括:将第一区域的形状校正为第二区域的形状,以使得在第一指令作用下控制第一区域的各个边界与第二区域的各个边界重合。
如第二区域的形状为矩形,则可以将第一区域的形状校正为矩形,这样在第一指令的作用下第一区域的各个边界就可以与第二区域的各个边界重合,使得第一区域与第二区域完全重叠,那么位于第一区域内的待显示内容就可以放大或缩小至第二区域的全部区域。
例如第一指令是一个放大指令,校正成矩形的第一区域的四个边界与待显示内容的边缘均重合,第二区域是显示区域的全部区域,则在放大指令的作用下待显示内容能够放大至显示区域的全部区域。
对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
与上述方法实施例相对应,本发明实施例还提供一种内容显示装置,其结构如图10所示,可以包括:第一确定单元11、第二确定单元12和控制单元13。
第一确定单元11,用于确定第一图像中待显示内容所在的第一区域。其中确定待显示内容所在的第一区域的一种方式是:基于待显示内容的边缘确定待显示内容所在的第一区域,该第一区域是显示区域中的一个区域,也就是说基于待显示内容的边缘,确定待显示内容所在显示区域中的第一区域,如从显示区域中确定出一个完全包围待显示内容的边缘的区域作为第一区域,所谓完全包围可以是但不限于是:第一区域的各个边界均与待显示内容的边缘重合,以使得第一区域是由待显示内容的边缘组成,或者第一区域的边界与待显示内容的至少一个边缘重合,或者第一区域的边界与待显示内容的边缘之间具有一定间隔,该间隔的取值可以根据实际应用而定,对此本实施例不进行限定。
确定待显示内容所在的第一区域的另一种方式是:确定第一图像中是否存在完全包围待显示内容的边缘的区域,如果有则将第一图像中完全包围待显示内容的边缘的区域确定为第一区域。
对于上述两种方式来说,可能会确定出多个第一区域,如基于待显示内容的边缘确定出一个完全包围待显示内容的边缘的区域作为一个第一区域,然后在该第一区域之外再随机规划至少一个用于包围该第一区域的其他第一区域,所有第一区域之间的间隔可以不同也可以相同,在此种情况下第一确定单元11还用于多个第一区域中确定第一指令对应的第一区域,此外还可以对这多个第一区域进行一些限定,如多个第一区域中的一个第一区域的至少部分边界与待显示内容的边缘重合,对于其他限定本实施例不再一一阐述。
第二确定单元12,用于响应第一指令,确定显示区域中与第一指令对应的第二区域。一种方式是:响应第一指令,将显示区域的最大可显示区域确定为第二区域,从而可以在显示区域的最大可显示区域中变化待显示内容;另一种方式是:将显示区域中的一个点确定为基准点,从基准点向显示区域中的其他区域扩展,得到与第一指令的缩放比例;对这两种方式的具体说明请参阅上述方法实施例中的相关说明,对此本实施例不再阐述。
控制单元13,用于在第一指令作用下控制第一区域的至少两个相对的边界与第二区域的边界重合且第一区域处于第二区域内,以及用于控制待显示内容随第一区域在第二区域的变化而变化且变化后的待显示内容仍处于第一区域内。
也就是说在第一指令作用下控制单元13将第一区域搬移到第二区域内,且控制第一区域的至少两个相对的边界与第二区域的边界重合,这样使得第一区域中与第二区域的边界重合的两个相对的边界之间的距离:重合的第二区域的两个相对的边界之间的距离相同,这样第一区域中两个相对的边界的关系会在第一指令作用下随第二区域而变化。
而控制待显示内容随第一区域在第二区域的变化而变化是指:如果第一区域在第二区域的变化为放大,则待显示内容也会执行放大操作,如果第一区域在第二区域的变化为缩小,则待显示内容也会执行缩小操作,但是无论放大还是缩小,变化后的待显示内容仍处于第一区域内,使得待显示内容在执行放大或缩小后仍处于显示区域的范围内。例如第二区域是显示区域的全部区域时,通过一个具有放大功能的第一指令,待显示内容可以一次放大至显示区域的全部区域,从而减少多次执行放大操作和移动操作,简化操作复杂度。
从上述技术方案可知,在确定第一图像中待显示内容所在的第一区域后,响应第一指令来确定显示区域中与第一指令对应的第二区域,在第一指令作用下控制第一区域的至少两个相对的边界与第二区域的边界重合且第一区域处于第二区域内,并控制待显示内容随第一区域在第二区域的变化而变化且变化后的待显示内容仍处于第一区域内,由此待显示内容和第一区域均可以在第一指令作用下发生变化,且变化后的待显示内容和第一区域处于显示区域的第二区域内,使得待显示内容在第一指令作用下仍维持在显示区域中显示,相对于现有技术来说降低操作复杂度。
请参阅图11,其示出了本发明实施例提供的另一种内容显示装置的结构,在图10基础上还可以包括:校正单元14,用于将第一区域的形状校正为第二区域的形状。相对应的控制单元13在第一指令作用下可以控制第一区域的各个边界与第二区域的各个边界重合。
如第二区域的形状为矩形,则可以将第一区域的形状校正为矩形,这样在第一指令的作用下第一区域的各个边界就可以与第二区域的各个边界重合,使得第一区域与第二区域完全重叠,那么位于第一区域内的待显示内容就可以放大或缩小至第二区域的全部区域。
此外本发明实施例还提供一种电子设备,该电子设备包括:处理器和存储器。其中处理器,用于确定第一图像中待显示内容所在的第一区域,响应第一指令,确定显示区域中与第一指令对应的第二区域,在第一指令作用下控制第一区域的至少两个相对的边界与第二区域的边界重合且第一区域处于第二区域内,并控制待显示内容随第一区域在第二区域的变化而变化且变化后的待显示内容仍处于第一区域内;存储器,用于存储变化后的待显示内容。
对于处理器的具体执行请参阅上述方法实施例中的相关说明,对此本实施例不再阐述。
本发明实施例还提供一种存储介质,该存储介质上存储有计算机程序代码,计算机程序代码执行时实现上述内容显示方法。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
对所公开的实施例的上述说明,使本领域技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (7)
1.一种内容显示方法,其特征在于,所述方法包括:
确定第一图像中待显示内容所在的第一区域;
响应第一指令,确定显示区域中与所述第一指令对应的第二区域;
在所述第一指令作用下控制所述第一区域的至少两个相对的边界与所述第二区域的边界重合且所述第一区域处于所述第二区域内;
控制所述待显示内容随所述第一区域在所述第二区域的变化而变化且变化后的待显示内容仍处于所述第一区域内;
其中,所述确定第一图像中待显示内容所在的第一区域包括:
确定所述第一图像中所述待显示内容所在的多个第一区域,其中所述多个第一区域中的一个第一区域的至少部分边界与所述待显示内容的边缘重合;
所述方法还包括:响应所述第一指令,从所述多个第一区域中确定所述第一指令对应的第一区域;
其中,所述响应所述第一指令,从所述多个第一区域中确定所述第一指令对应的第一区域包括:
将所述第二区域中的一个边界确定为基准边界;
响应所述第一指令,获得所述多个第一区域中任一第一区域的第一边界与所述基准边界之间的距离,所述第一边界和所述基准边界位于同一侧;
基于每个第一区域的第一边界与所述基准边界之间的距离,从所述多个第一区域中选取所述第一指令对应的第一区域。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:将所述第一区域的形状校正为所述第二区域的形状;
所述在所述第一指令作用下控制所述第一区域的至少两个相对的边界与所述第二区域的边界重合包括:在所述第一指令作用下控制所述第一区域的各个边界与所述第二区域的各个边界重合。
3.根据权利要求1所述的方法,其特征在于,所述响应第一指令,确定显示区域中与所述第一指令对应的第二区域包括:
将所述显示区域中的一个点确定为基准点,从所述基准点向所述显示区域中的其他区域扩展,扩展的距离与所述第一指令的缩放比例相关,得到与所述第一指令的缩放比例对应的第二区域;
或者
响应所述第一指令,将所述显示区域的最大可显示区域确定为所述第二区域。
4.一种内容显示装置,其特征在于,所述装置包括:
第一确定单元,用于确定第一图像中待显示内容所在的第一区域;
第二确定单元,用于响应第一指令,确定显示区域中与所述第一指令对应的第二区域;
控制单元,用于在所述第一指令作用下控制所述第一区域的至少两个相对的边界与所述第二区域的边界重合且所述第一区域处于所述第二区域内,以及用于控制所述待显示内容随所述第一区域在所述第二区域的变化而变化且变化后的待显示内容仍处于所述第一区域内;
其中,所述第一确定单元,用于确定所述第一图像中所述待显示内容所在的多个第一区域,并响应所述第一指令,从所述多个第一区域中确定所述第一指令对应的第一区域,其中所述多个第一区域中的一个第一区域的至少部分边界与所述待显示内容的边缘重合;
其中,所述响应所述第一指令,从所述多个第一区域中确定所述第一指令对应的第一区域包括:将所述第二区域中的一个边界确定为基准边界;响应所述第一指令,获得所述多个第一区域中任一第一区域的第一边界与所述基准边界之间的距离,所述第一边界和所述基准边界位于同一侧;基于每个第一区域的第一边界与所述基准边界之间的距离,从所述多个第一区域中选取所述第一指令对应的第一区域。
5.根据权利要求4所述的装置,其特征在于,所述装置还包括:校正单元,用于将所述第一区域的形状校正为所述第二区域的形状;
所述控制单元,用于在所述第一指令作用下控制所述第一区域的各个边界与所述第二区域的各个边界重合。
6.根据权利要求4所述的装置,其特征在于,所述第二确定单元,用于将所述显示区域中的一个点确定为基准点,从所述基准点向所述显示区域中的其他区域扩展,扩展的距离与所述第一指令的缩放比例相关,得到与所述第一指令的缩放比例对应的第二区域;
或者
所述第二确定单元,用于响应所述第一指令,将所述显示区域的最大可显示区域确定为所述第二区域。
7.一种电子设备,其特征在于,所述电子设备包括:处理器和存储器;
所述处理器,用于确定第一图像中待显示内容所在的第一区域,响应第一指令,确定显示区域中与所述第一指令对应的第二区域,在所述第一指令作用下控制所述第一区域的至少两个相对的边界与所述第二区域的边界重合且所述第一区域处于所述第二区域内,并控制所述待显示内容随所述第一区域在所述第二区域的变化而变化且变化后的待显示内容仍处于所述第一区域内;其中,所述确定第一图像中待显示内容所在的第一区域包括:确定所述第一图像中所述待显示内容所在的多个第一区域,其中所述多个第一区域中的一个第一区域的至少部分边界与所述待显示内容的边缘重合;响应所述第一指令,从所述多个第一区域中确定所述第一指令对应的第一区域;其中,所述响应所述第一指令,从所述多个第一区域中确定所述第一指令对应的第一区域包括:将所述第二区域中的一个边界确定为基准边界;响应所述第一指令,获得所述多个第一区域中任一第一区域的第一边界与所述基准边界之间的距离,所述第一边界和所述基准边界位于同一侧;基于每个第一区域的第一边界与所述基准边界之间的距离,从所述多个第一区域中选取所述第一指令对应的第一区域;
所述存储器,用于存储变化后的待显示内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811150283.2A CN109284050B (zh) | 2018-09-29 | 2018-09-29 | 一种内容显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811150283.2A CN109284050B (zh) | 2018-09-29 | 2018-09-29 | 一种内容显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109284050A CN109284050A (zh) | 2019-01-29 |
CN109284050B true CN109284050B (zh) | 2022-04-22 |
Family
ID=65182312
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811150283.2A Active CN109284050B (zh) | 2018-09-29 | 2018-09-29 | 一种内容显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109284050B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102855072A (zh) * | 2011-06-28 | 2013-01-02 | 深圳富泰宏精密工业有限公司 | 网页辅助放大系统和方法 |
CN103376104A (zh) * | 2012-04-24 | 2013-10-30 | 昆达电脑科技(昆山)有限公司 | 根据触控手势产生分割画面之方法 |
CN104461364A (zh) * | 2014-12-12 | 2015-03-25 | 上海合合信息科技发展有限公司 | 图像放大显示方法及装置 |
WO2017096922A1 (zh) * | 2015-12-08 | 2017-06-15 | 惠州Tcl移动通信有限公司 | 一种移动终端的图片放大显示方法及系统 |
-
2018
- 2018-09-29 CN CN201811150283.2A patent/CN109284050B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102855072A (zh) * | 2011-06-28 | 2013-01-02 | 深圳富泰宏精密工业有限公司 | 网页辅助放大系统和方法 |
CN103376104A (zh) * | 2012-04-24 | 2013-10-30 | 昆达电脑科技(昆山)有限公司 | 根据触控手势产生分割画面之方法 |
CN104461364A (zh) * | 2014-12-12 | 2015-03-25 | 上海合合信息科技发展有限公司 | 图像放大显示方法及装置 |
WO2017096922A1 (zh) * | 2015-12-08 | 2017-06-15 | 惠州Tcl移动通信有限公司 | 一种移动终端的图片放大显示方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN109284050A (zh) | 2019-01-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
RU2583727C2 (ru) | Динамическое представление изображения | |
US8713473B2 (en) | Mobile browser context switching | |
US8456488B2 (en) | Displaying digital images using groups, stacks, and version sets | |
US8194099B2 (en) | Techniques for displaying digital images on a display | |
JP5429060B2 (ja) | 表示制御装置、表示制御方法、表示制御プログラム並びにこの表示制御プログラムが記録された記録媒体 | |
US7557818B1 (en) | Viewing digital images using a floating controller | |
CN107659722B (zh) | 一种图像选择方法及移动终端 | |
US9569068B2 (en) | Display device and method for navigating between display layers thereof | |
CN103914258A (zh) | 移动终端及其操作方法 | |
US20150199096A1 (en) | Electronic device and method of displaying data | |
CN106897321B (zh) | 显示地图数据的方法及装置 | |
WO2021243788A1 (zh) | 屏幕截图方法及装置 | |
CN106886511B (zh) | 一种网络表格的处理方法及装置 | |
US20180088785A1 (en) | Navigating a set of selectable items in a user interface | |
US9069398B1 (en) | Electronic device having a touch panel display and a method for operating the same | |
CN109284050B (zh) | 一种内容显示方法及装置 | |
CN113157182A (zh) | 图像编辑方法、装置、电子设备及存储介质 | |
WO2016188199A1 (zh) | 图片裁剪方法和装置 | |
WO2019150724A1 (ja) | 電子アルバム装置、電子アルバム装置の作動方法および作動プログラム | |
US20220083208A1 (en) | Non-proportionally transforming and interacting with objects in a zoomable user interface | |
CN105260114A (zh) | 电子设备及显示控制方法 | |
JP6693399B2 (ja) | 情報表示装置、情報表示方法及び記録媒体 | |
Games et al. | Visualization of off-screen data on tablets using context-providing bar graphs and scatter plots | |
CN114860135A (zh) | 截图方法和装置 | |
JP2015153083A (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 |