CN110688185A - 一种页面显示方法、装置及电子设备 - Google Patents
一种页面显示方法、装置及电子设备 Download PDFInfo
- Publication number
- CN110688185A CN110688185A CN201910909579.6A CN201910909579A CN110688185A CN 110688185 A CN110688185 A CN 110688185A CN 201910909579 A CN201910909579 A CN 201910909579A CN 110688185 A CN110688185 A CN 110688185A
- Authority
- CN
- China
- Prior art keywords
- display
- prompt icon
- displayed
- interface
- direction side
- 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.)
- Granted
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
-
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
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)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供了一种页面显示方法、装置及电子设备,在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸;若是,在所述显示界面中,对所述目标页面进行局部显示并显示可拖拽界面提示图标,所述可拖拽界面提示图标用于表征所述显示界面为可拖拽界面。无需预先计算能够使得处于显示界面边缘的待显示对象非完整显示的页面显示参数,并按照计算出的页面显示参数进行页面显示,而是通过显示可拖拽界面提示图标的方式提醒用户当前的显示界面为可拖拽界面,降低了页面设计的工作量。
Description
技术领域
本发明涉及页面显示技术领域,特别是涉及一种页面显示方法、装置及电子设备。
背景技术
在页面显示过程中,当待显示的目标页面整体尺寸大于显示设备中显示界面尺寸时,显示界面中只能显示出目标页面的局部内容,目标页面中存在未被显示的内容,若想要查看上述未被显示的内容,用户可以对显示界面进行拖拽等操作,此时,显示界面为可拖拽界面。
很多时候,用户并不知道当前的显示界面是否为可拖拽界面,为了在待显示页面首次显示时,就提醒用户当前的显示界面为可拖拽界面,在首次显示时,针对待显示页面(包括多个待显示对象)中处于显示界面边缘的待显示对象,可以只显示出该待显示对象的部分内容,这样,用户看到该未被完全显示的待显示对象,便可知道该显示界面为可拖拽界面,例如,图1所示,针对包含有多个虚拟商品的某游戏商店的商品展示页面,待显示页面中包括所有的虚拟商品,每个虚拟商品为一个待显示对象,在商品展示页面首次显示时,可以对处于显示界面边缘的“可爱柠檬床”这一商品进行局部显示,以提醒玩家当前的显示界面为可拖拽界面,可以通过拖拽操作查看其它虚拟商品。
上述方法,针对每一个待显示页面,在页面设计时,都需要页面设计人员通过计算,确定出合适的页面显示参数(包括:页面中各个待显示对象的显示尺寸、待显示对象之间的间距等),以保证能在待显示页面首次显示时,对处于显示界面边缘的待显示对象进行局部(非完整)显示,从而提醒用户当前界面为可拖拽界面,因此,页面设计过程,工作量较大。
发明内容
本发明实施例的目的在于提供一种页面显示方法、装置及电子设备,以在页面首次显示时就提醒用户当前的显示界面为可拖拽界面的前提下,降低页面设计的工作量。具体技术方案如下:
第一方面,本发明实施例提供了一种页面显示方法,包括:
在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸;
若是,在所述显示界面中,对所述目标页面进行局部显示并显示可拖拽界面提示图标,所述可拖拽界面提示图标用于表征所述显示界面为可拖拽界面。
进一步的,所述可拖拽界面提示图标包括第一提示图标和第二提示图标;所述第一提示图标表示所述显示界面的第一方向侧存在未被显示的内容,所述第二提示图标表示所述显示界面的第二方向侧存在未被显示的内容;其中,第一方向和第二方向互为反方向;
所述显示可拖拽界面提示图标的步骤,包括:
从与所述显示界面对应的区域滚动组件中获取位置归一化参数;所述位置归一化参数为表征所述目标页面与所述显示界面之间相对位置关系的参数;
基于所述位置归一化参数,判断在所述显示界面的第一方向侧和第二方向侧是否存在未被显示的内容;
当所述第一方向侧和所述第二方向侧均存在未被显示的内容时,显示所述第一提示图标和所述第二提示图标;
当所述第一方向侧存在未被显示的内容,所述第二方向侧不存在未被显示的内容时,显示所述第一提示图标;
当所述第二方向侧存在未被显示的内容,所述第一方向侧不存在未被显示的内容时,显示所述第二提示图标。
进一步的,所述方法还包括:
当检测到针对所述显示界面的拖拽操作时,基于所述拖拽操作,改变所述目标页面在所述显示界面中的显示区域。
进一步的,所述第一提示图标和所述第二提示图标均为可点击图标;
所述方法还包括:
当检测到所述第一提示图标或者所述第二提示图标被点击时,改变所述目标页面在所述显示界面中的显示区域。
进一步的,在所述改变所述目标页面在所述显示界面中的显示区域的步骤之后,所述方法还包括:
从所述区域滚动组件中获取显示区域改变后的位置归一化参数;
基于所述显示区域改变后的位置归一化参数,判断在所述显示界面的第一方向侧和第二方向侧是否存在未被显示的内容;
当所述第一方向侧和所述第二方向侧均存在未被显示的内容时,显示所述第一提示图标和所述第二提示图标;
当所述第一方向侧存在未被显示的内容,所述第二方向侧不存在未被显示的内容时,显示所述第一提示图标图标,隐藏所述第二提示图标;
当所述第二方向侧存在未被显示的内容,所述第一方向侧不存在未被显示的内容时,显示所述第二提示图标图标,隐藏所述第一提示图标。
第二方面,本发明实施例提供了一种页面显示装置,所述装置包括:
第一判断模块,用于在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸;
页面显示模块,用于若所述待显示的目标页面的尺寸大于所述显示界面的尺寸,在所述显示界面中,对所述目标页面进行局部显示并显示可拖拽界面提示图标,所述可拖拽界面提示图标用于表征所述显示界面为可拖拽界面。
进一步的,所述可拖拽界面提示图标包括第一提示图标和第二提示图标;所述第一提示图标表示所述显示界面的第一方向侧存在未被显示的内容,所述第二提示图标表示所述显示界面的第二方向侧存在未被显示的内容;其中,第一方向和第二方向互为反方向;
所述页面显示模块在执行所述显示可拖拽界面提示图标的步骤时,具体用于:
从与所述显示界面对应的区域滚动组件中获取位置归一化参数;所述位置归一化参数为表征所述目标页面与所述显示界面之间相对位置关系的参数;
基于所述位置归一化参数,判断在所述显示界面的第一方向侧和第二方向侧是否存在未被显示的内容;
当所述第一方向侧和所述第二方向侧均存在未被显示的内容时,显示所述第一提示图标和所述第二提示图标;
当所述第一方向侧存在未被显示的内容,所述第二方向侧不存在未被显示的内容时,显示所述第一提示图标;
当所述第二方向侧存在未被显示的内容,所述第一方向侧不存在未被显示的内容时,显示所述第二提示图标。
进一步的,所述装置还包括:
第一显示区域改变模块,用于当检测到针对所述显示界面的拖拽操作时,基于所述拖拽操作,改变所述目标页面在所述显示界面中的显示区域。
进一步的,所述装置还包括:
第二显示区域改变模块,用于当检测到所述第一提示图标或者所述第二提示图标被点击时,改变所述目标页面在所述显示界面中的显示区域。
进一步的,所述装置还包括:位置归一化参数获取模块、第二判断模块、第一显示模块、第二显示模块及第三显示模块;
所述位置归一化参数获取模块,用于在所述改变所述目标页面在所述显示界面中的显示区域的步骤之后,从所述区域滚动组件中获取显示区域改变后的位置归一化参数;
所述第二判断模块,用于基于所述显示区域改变后的位置归一化参数,判断在所述显示界面的第一方向侧和第二方向侧是否存在未被显示的内容;当所述第一方向侧和所述第二方向侧均存在未被显示的内容时,触发所述第一显示模块;当所述第一方向侧存在未被显示的内容,所述第二方向侧不存在未被显示的内容时,触发所述第二显示模块;当所述第二方向侧存在未被显示的内容,所述第一方向侧不存在未被显示的内容时,触发所述第三显示模块;
所述第一显示模块,用于显示所述第一提示图标和所述第二提示图标;
所述第二显示模块,用于显示所述第一提示图标图标,隐藏所述第二提示图标;
所述第三显示模块,用于显示所述第二提示图标图标,隐藏所述第一提示图标。
第三方面,本发明实施例提供了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现上述任一页面显示方法的步骤。
第四方面,本发明实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机程序,当其在计算机上运行时,使得计算机执行上述任一页面显示方法。
本发明实施例提供的一种页面显示方法、装置及电子设备,在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸;若是,在所述显示界面中,对所述目标页面进行局部显示并显示可拖拽界面提示图标,所述可拖拽界面提示图标用于表征所述显示界面为可拖拽界面。本发明实施例中,针对待显示的目标页面,无需预先计算能够使得处于显示界面边缘的待显示对象非完整显示的页面显示参数,并按照计算出的页面显示参数进行页面显示,而是对于按照任意页面显示参数进行显示的目标页面,在页面加载过程中,当判断出目标页面的尺寸大于显示设备中显示界面的尺寸时,则在显示界面上显示可拖拽界面提示图标,因此,在页面首次显示时就提醒用户当前的显示界面为可拖拽界面的前提下,降低了页面设计的工作量。
当然,实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为采用现有的页面显示方法显示出的页面示意图;
图2为本发明实施例提供的页面显示方法的一种流程示意图;
图3为本发明实施例提供的页面显示方法的另一种流程示意图;
图4为采用本发明实施例提供的页面显示方法显示出的页面示意图;
图5为本发明实施例提供的一种页面显示装置的结构示意图;
图6为本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
为了在提醒用户当前的显示界面为可拖拽界面的前提下,降低页面设计的工作量,本发明实施例提供了一种页面显示方法、装置及电子设备。
参见图2,图2为本发明实施例提供的页面显示方法的一种流程示意图,具体包括如下步骤:
步骤201,在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸。若是,执行步骤202。
具体的,例如,可分别判断目标页面像素矩阵中每行包括的像素点总数量是否大于显示界面中每行包括的像素点总数量、目标页面像素矩阵中每列包括的像素点总数量是否大于显示界面中每列包括的像素点总数量。
若待显示的目标页面的尺寸不大于显示设备中显示界面的尺寸,则表明显示界面足以显示目标页面,此时,在显示界面中显示目标页面的完整内容之后即可结束流程。
步骤202,在显示界面中,对目标页面进行局部显示并显示可拖拽界面提示图标。
其中,可拖拽界面提示图标用于表征显示界面为可拖拽界面。
与步骤201对应地,当目标页面像素矩阵中每行包括的像素点总数量大于显示界面中每行包括的像素点总数量时,可以在显示界面中对目标页面进行局部显示,具体的,可以是从左至右,显示目标页面中最左侧的内容;也可以是从右至左,显示目标页面中最右侧的内容,也可以是显示目标页面中部的指定部分的内容,此处,对于目标页面局部显示的具体显示形式,不作限定。此时,可以在显示界面中显示可拖拽界面提示图标,以提醒用户当前显示界面为可拖拽界面,具体的,当前显示界面为横向可拖拽界面。
对应地,当目标页面像素矩阵中每列包括的像素点总数量大于显示界面中每列包括的像素点总数量时,可以在显示界面中对目标页面进行局部显示,具体的,可以是从上至下,显示目标页面中最上侧的内容;也可以是从下至上,显示目标页面中最下侧的内容,也可以是显示目标页面中部的指定部分的内容,此处,对于目标页面局部显示的具体显示形式,不作限定。此时,可以在显示界面中显示可拖拽界面提示图标,以提醒用户当前显示界面为可拖拽界面,具体的,当前显示界面为纵向可拖拽界面。
由上述实施例可见,在本发明实施例中,针对待显示的目标页面,无需预先计算能够使得处于显示界面边缘的待显示对象非完整显示的页面显示参数,并按照计算出的页面显示参数进行页面显示,而是对于按照任意页面显示参数进行显示的目标页面,在页面加载过程中,当判断出目标页面的尺寸大于显示设备中显示界面的尺寸时,则在显示界面上显示可拖拽界面提示图标,因此,在页面首次显示时就提醒用户当前的显示界面为可拖拽界面的前提下,降低了页面设计的工作量。
进一步的,可拖拽界面提示图标可以包括:第一提示图标和第二提示图标,当显示界面中显示第一提示图标时,表示显示界面的第一方向侧存在未被显示的内容,当显示界面中显示第二提示图标时,表示显示界面的第二方向侧存在未被显示的内容;其中,第一方向和第二方向互为反方向,例如,第一方向和第二方向可以分别为左和右,此时,第一提示图标可以为指向左侧的箭头型图表,第二提示图标可以为指向右侧的箭头型图表;第一方向和第二方向也可以分别为上和下,此时,第一提示图标可以为指向上侧的箭头型图表,第二提示图标可以为指向下侧的箭头型图表,此处,对于第一方向、第二方向、第一提示图标及第二提示图标的具体内容和表现形式不作限定。
参见图3,图3为本发明实施例提供的页面显示方法的另一种流程示意图,在图3所示实施例中,可拖拽界面提示图标包括:第一提示图标和第二提示图标,页面显示方法的具体步骤包括:
步骤301,在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸。若是,执行步骤302。
若待显示的目标页面的尺寸不大于显示设备中显示界面的尺寸,则表明显示界面足以显示目标页面,此时,在显示界面中显示目标页面的完整内容之后即可结束流程。
步骤302,在显示界面中,对目标页面进行局部显示。
步骤303,从与显示界面对应的区域滚动组件中获取位置归一化参数。
其中,位置归一化参数为表征目标页面与显示界面之间相对位置关系的参数。
当对目标页面进行局部显示时,表明当前的显示界面为可拖拽界面,此时,显示设备操作系统中存在与该显示界面对应的区域滚动(ScrollRect)组件,在本步骤中,可以从该区域滚动组件中获取表征目标页面与显示界面之间相对位置关系的位置归一化参数,具体的,当显示界面为横向可拖拽界面时,位置归一化参数为HorizontalNormalizedPosition;当显示界面为纵向可拖拽界面时,位置归一化参数为VerticalNormalizedPosition。HorizontalNormalizedPosition和VerticalNormalizedPosition的值均为介于0和1之间的数值。
步骤304,基于位置归一化参数,判断在显示界面的第一方向侧和第二方向侧是否存在未被显示的内容。若第一方向侧和第二方向侧均存在未被显示的内容,执行步骤305;若第一方向侧存在未被显示的内容,第二方向侧不存在未被显示的内容,执行步骤306;若第二方向侧存在未被显示的内容,第一方向侧不存在未被显示的内容,执行步骤307。
具体的,当显示界面为横向可拖拽界面时,第一方向和第二方向可以分别为左和右,位置归一化参数HorizontalNormalizedPosition的值为0时,表示显示界面的左侧不存在未被显示的内容,显示界面的右侧存在未被显示的内容;HorizontalNormalizedPosition的值为1时,表示显示界面的左侧存在未被显示的内容,显示界面的右侧不存在未被显示的内容;HorizontalNormalizedPosition的值大于0小于1时,表示显示界面的左侧和右侧均存在未被显示的内容。
当显示界面为纵向可拖拽界面时,第一方向和第二方向可以分别为上和下,位置归一化参数VerticalNormalizedPosition的值为0时,表示显示界面的上侧不存在未被显示的内容,显示界面的下侧存在未被显示的内容;
VerticalNormalizedPosition的值为1时,表示显示界面的上侧存在未被显示的内容,显示界面的下侧不存在未被显示的内容;VerticalNormalizedPosition的值大于0小于1时,表示显示界面的上侧和下侧均存在未被显示的内容。
步骤305,显示第一提示图标和第二提示图标。之后,执行步骤308。
步骤306,显示第一提示图标。之后,执行步骤308。
步骤307,显示第二提示图标。
例如,还以某游戏商店的商品展示页面为目标页面,若在步骤301判断出目标页面像素矩阵中每行包括的像素点总数量大于显示界面中每行包括的像素点总数量,也就是说,显示界面为横向可拖拽界面,在步骤304中判断出第二方向(右)侧存在未被显示的内容,第一方向(左)侧不存在未被显示的内容,则对目标页面进行首次显示的页面示意图可以如图4所示,其中,显示了第二提示图标,该第二提示图标为指向右侧的箭头图标。
步骤308,当检测到针对显示界面的拖拽操作时,基于拖拽操作,改变目标页面在显示界面中的显示区域。
在本发明另一实施例中,第一提示图标和第二提示图标均为可点击图标,可以当检测到第一提示图标或者第二提示图标被点击时,改变目标页面在显示界面中的显示区域。
具体地,可以按照预设的显示区域改变策略进行显示区域更改,例如,当用户点击第一提示图标时,将目标页面在显示界面中的显示区域向第一方向移动预设数量个像素单位;当用户拖拽显示界面时,根据用户的拖拽时间和方向等信息,确定显示区域的移动方向和移动的像素单位,此处,对于改变目标页面在显示界面中的显示区域的具体方式,不作限定。
步骤309,从区域滚动组件中获取显示区域改变后的位置归一化参数。
步骤310,基于显示区域改变后的位置归一化参数,判断在显示界面的第一方向侧和第二方向侧是否存在未被显示的内容。若第一方向侧和第二方向侧均存在未被显示的内容,执行步骤311;若第一方向侧存在未被显示的内容,第二方向侧不存在未被显示的内容,执行步骤312;若第二方向侧存在未被显示的内容,第一方向侧不存在未被显示的内容,执行步骤313。
步骤311,显示第一提示图标和第二提示图标。
步骤312,显示第一提示图标图标,隐藏第二提示图标。
步骤313,显示第二提示图标图标,隐藏第一提示图标。
由图3所示实施例可见,在本发明实施例中,针对待显示的目标页面,无需预先计算能够使得处于显示界面边缘的待显示对象非完整显示的页面显示参数,并按照计算出的页面显示参数进行页面显示,而是对于按照任意页面显示参数进行显示的目标页面,在页面加载过程中,当判断出目标页面的尺寸大于显示设备中显示界面的尺寸时,则在显示界面上显示可拖拽界面提示图标,因此,在页面首次显示时就提醒用户当前的显示界面为可拖拽界面的前提下,降低了页面设计的工作量。同时,可拖拽界面提示图标包括:第一提示图标和第二提示图标,当显示界面中显示第一提示图标时,可以提示用户显示界面的第一方向侧存在未被显示的内容,当显示界面中显示第二提示图标时,提示用户显示界面的第二方向侧存在未被显示的内容,当用户看到显示界面中显示的提示图标时,即可知道具体是在显示界面的哪个方向侧存在未被显示的内容,因此,提高了用户体验。另外,在页面显示过程中,当检测到显示界面被拖拽时,在改变目标页面在显示界面中的显示区域之后,还可以对提示图标的显示情况进行动态更新,以使用户能够及时了解到显示区域改变之后,显示界面两侧是否存在未被显示的内容,因此,进一步提高了用户体验。
基于同一发明构思,根据本发明上述实施例提供的页面显示方法,相应地,本发明实施例还提供了一种页面显示装置;该装置的结构示意图如图5所示,包括:
第一判断模块501,用于在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸;
页面显示模块502,用于若待显示的目标页面的尺寸大于显示界面的尺寸,在显示界面中,对目标页面进行局部显示并显示可拖拽界面提示图标,可拖拽界面提示图标用于表征显示界面为可拖拽界面。
进一步的,可拖拽界面提示图标包括第一提示图标和第二提示图标;第一提示图标表示显示界面的第一方向侧存在未被显示的内容,第二提示图标表示显示界面的第二方向侧存在未被显示的内容;其中,第一方向和第二方向互为反方向;
页面显示模块502在执行显示可拖拽界面提示图标的步骤时,具体用于:
从与显示界面对应的区域滚动组件中获取位置归一化参数;位置归一化参数为表征目标页面与显示界面之间相对位置关系的参数;
基于位置归一化参数,判断在显示界面的第一方向侧和第二方向侧是否存在未被显示的内容;
当第一方向侧和第二方向侧均存在未被显示的内容时,显示第一提示图标和第二提示图标;
当第一方向侧存在未被显示的内容,第二方向侧不存在未被显示的内容时,显示第一提示图标;
当第二方向侧存在未被显示的内容,第一方向侧不存在未被显示的内容时,显示第二提示图标。
进一步的,装置还包括:
第一显示区域改变模块,用于当检测到针对显示界面的拖拽操作时,基于拖拽操作,改变目标页面在显示界面中的显示区域。
进一步的,装置还包括:
第二显示区域改变模块,用于当检测到第一提示图标或者第二提示图标被点击时,改变目标页面在显示界面中的显示区域。
进一步的,装置还包括:位置归一化参数获取模块、第二判断模块、第一显示模块、第二显示模块及第三显示模块;
位置归一化参数获取模块,用于在改变目标页面在显示界面中的显示区域的步骤之后,从区域滚动组件中获取显示区域改变后的位置归一化参数;
第二判断模块,用于基于显示区域改变后的位置归一化参数,判断在显示界面的第一方向侧和第二方向侧是否存在未被显示的内容;当第一方向侧和第二方向侧均存在未被显示的内容时,触发第一显示模块;当第一方向侧存在未被显示的内容,第二方向侧不存在未被显示的内容时,触发第二显示模块;当第二方向侧存在未被显示的内容,第一方向侧不存在未被显示的内容时,触发第三显示模块;
第一显示模块,用于显示第一提示图标和第二提示图标;
第二显示模块,用于显示第一提示图标图标,隐藏第二提示图标;
第三显示模块,用于显示第二提示图标图标,隐藏第一提示图标。
在本发明图5所示实施例中,针对待显示的目标页面,无需预先计算能够使得处于显示界面边缘的待显示对象非完整显示的页面显示参数,并按照计算出的页面显示参数进行页面显示,而是对于按照任意页面显示参数进行显示的目标页面,在页面加载过程中,当判断出目标页面的尺寸大于显示设备中显示界面的尺寸时,则在显示界面上显示可拖拽界面提示图标,因此,在页面首次显示时就提醒用户当前的显示界面为可拖拽界面的前提下,降低了页面设计的工作量。
本发明实施例还提供了一种电子设备,如图6所示,包括处理器601、通信接口602、存储器603和通信总线604,其中,处理器601,通信接口602,存储器603通过通信总线604完成相互间的通信,
存储器603,用于存放计算机程序;
处理器601,用于执行存储器603上所存放的程序时,实现如下步骤:
在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸;
若是,在显示界面中,对目标页面进行局部显示并显示可拖拽界面提示图标,可拖拽界面提示图标用于表征显示界面为可拖拽界面。
进一步的,还可以包括本发明实施例提供的上述页面显示方法中的其他处理流程,在此不再进行详细描述。
上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,简称RAM),也可以包括非易失性存储器(Non-Volatile Memory,简称NVM),例如至少一个磁盘存储器。进一步的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processor,简称DSP)、专用集成电路(Application SpecificIntegrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中,还提供了一种计算机可读存储介质,该计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述实施例中任一上述的页面显示方法。
在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一上述的页面显示方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行上述计算机程序指令时,全部或部分地产生按照本发明实施例上述的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(英文:Digital Subscriber Line,简称:DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。上述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。上述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,数字视频光盘(英文:Digital Video Disc,简称:DVD))、或者半导体介质(例如固态硬盘(英文:SolidState Disk,简称:SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、电子设备以及存储介质实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种页面显示方法,其特征在于,包括:
在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸;
若是,在所述显示界面中,对所述目标页面进行局部显示并显示可拖拽界面提示图标,所述可拖拽界面提示图标用于表征所述显示界面为可拖拽界面。
2.根据权利要求1所述的方法,其特征在于,所述可拖拽界面提示图标包括第一提示图标和第二提示图标;所述第一提示图标表示所述显示界面的第一方向侧存在未被显示的内容,所述第二提示图标表示所述显示界面的第二方向侧存在未被显示的内容;其中,第一方向和第二方向互为反方向;
所述显示可拖拽界面提示图标的步骤,包括:
从与所述显示界面对应的区域滚动组件中获取位置归一化参数;所述位置归一化参数为表征所述目标页面与所述显示界面之间相对位置关系的参数;
基于所述位置归一化参数,判断在所述显示界面的第一方向侧和第二方向侧是否存在未被显示的内容;
当所述第一方向侧和所述第二方向侧均存在未被显示的内容时,显示所述第一提示图标和所述第二提示图标;
当所述第一方向侧存在未被显示的内容,所述第二方向侧不存在未被显示的内容时,显示所述第一提示图标;
当所述第二方向侧存在未被显示的内容,所述第一方向侧不存在未被显示的内容时,显示所述第二提示图标。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当检测到针对所述显示界面的拖拽操作时,基于所述拖拽操作,改变所述目标页面在所述显示界面中的显示区域。
4.根据权利要求2所述的方法,其特征在于,所述第一提示图标和所述第二提示图标均为可点击图标;
所述方法还包括:
当检测到所述第一提示图标或者所述第二提示图标被点击时,改变所述目标页面在所述显示界面中的显示区域。
5.根据权利要求3或4所述的方法,其特征在于,在所述改变所述目标页面在所述显示界面中的显示区域的步骤之后,所述方法还包括:
从所述区域滚动组件中获取显示区域改变后的位置归一化参数;
基于所述显示区域改变后的位置归一化参数,判断在所述显示界面的第一方向侧和第二方向侧是否存在未被显示的内容;
当所述第一方向侧和所述第二方向侧均存在未被显示的内容时,显示所述第一提示图标和所述第二提示图标;
当所述第一方向侧存在未被显示的内容,所述第二方向侧不存在未被显示的内容时,显示所述第一提示图标图标,隐藏所述第二提示图标;
当所述第二方向侧存在未被显示的内容,所述第一方向侧不存在未被显示的内容时,显示所述第二提示图标图标,隐藏所述第一提示图标。
6.一种页面显示装置,其特征在于,包括:
第一判断模块,用于在页面加载过程中,判断待显示的目标页面的尺寸是否大于显示设备中显示界面的尺寸;
页面显示模块,用于若所述待显示的目标页面的尺寸大于所述显示界面的尺寸,在所述显示界面中,对所述目标页面进行局部显示并显示可拖拽界面提示图标,所述可拖拽界面提示图标用于表征所述显示界面为可拖拽界面。
7.根据权利要求6所述的装置,其特征在于,所述可拖拽界面提示图标包括第一提示图标和第二提示图标;所述第一提示图标表示所述显示界面的第一方向侧存在未被显示的内容,所述第二提示图标表示所述显示界面的第二方向侧存在未被显示的内容;其中,第一方向和第二方向互为反方向;
所述页面显示模块在执行所述显示可拖拽界面提示图标的步骤时,具体用于:
从与所述显示界面对应的区域滚动组件中获取位置归一化参数;所述位置归一化参数为表征所述目标页面与所述显示界面之间相对位置关系的参数;
基于所述位置归一化参数,判断在所述显示界面的第一方向侧和第二方向侧是否存在未被显示的内容;
当所述第一方向侧和所述第二方向侧均存在未被显示的内容时,显示所述第一提示图标和所述第二提示图标;
当所述第一方向侧存在未被显示的内容,所述第二方向侧不存在未被显示的内容时,显示所述第一提示图标;
当所述第二方向侧存在未被显示的内容,所述第一方向侧不存在未被显示的内容时,显示所述第二提示图标。
8.根据权利要求6所述的装置,其特征在于,所述装置还包括:
第一显示区域改变模块,用于当检测到针对所述显示界面的拖拽操作时,基于所述拖拽操作,改变所述目标页面在所述显示界面中的显示区域。
9.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-5任一所述的方法步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-5任一所述的方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910909579.6A CN110688185B (zh) | 2019-09-25 | 2019-09-25 | 一种页面显示方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910909579.6A CN110688185B (zh) | 2019-09-25 | 2019-09-25 | 一种页面显示方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110688185A true CN110688185A (zh) | 2020-01-14 |
CN110688185B CN110688185B (zh) | 2023-04-07 |
Family
ID=69110021
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910909579.6A Active CN110688185B (zh) | 2019-09-25 | 2019-09-25 | 一种页面显示方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110688185B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111597481A (zh) * | 2020-05-09 | 2020-08-28 | 北京奇艺世纪科技有限公司 | 页面显示方法、装置、电子设备及可读存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105389372A (zh) * | 2015-11-17 | 2016-03-09 | 杭州九言科技股份有限公司 | 一种页面显示方法和装置 |
WO2017193638A1 (zh) * | 2016-05-12 | 2017-11-16 | 北京金山安全软件有限公司 | 一种展示信息的方法、装置及电子设备 |
CN107632874A (zh) * | 2017-09-05 | 2018-01-26 | 广东欧珀移动通信有限公司 | 界面显示方法、装置及终端 |
CN107734179A (zh) * | 2017-10-27 | 2018-02-23 | 维沃移动通信有限公司 | 一种消息提示方法、移动终端 |
CN108415753A (zh) * | 2018-03-12 | 2018-08-17 | 广东欧珀移动通信有限公司 | 用户界面显示方法、装置及终端 |
CN109086109A (zh) * | 2018-06-25 | 2018-12-25 | 北京金山安全软件有限公司 | 一种页面显示的方法、装置、电子设备及介质 |
CN109240591A (zh) * | 2018-09-26 | 2019-01-18 | 北京金山安全软件有限公司 | 一种界面显示方法及装置 |
-
2019
- 2019-09-25 CN CN201910909579.6A patent/CN110688185B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105389372A (zh) * | 2015-11-17 | 2016-03-09 | 杭州九言科技股份有限公司 | 一种页面显示方法和装置 |
WO2017193638A1 (zh) * | 2016-05-12 | 2017-11-16 | 北京金山安全软件有限公司 | 一种展示信息的方法、装置及电子设备 |
CN107632874A (zh) * | 2017-09-05 | 2018-01-26 | 广东欧珀移动通信有限公司 | 界面显示方法、装置及终端 |
CN107734179A (zh) * | 2017-10-27 | 2018-02-23 | 维沃移动通信有限公司 | 一种消息提示方法、移动终端 |
CN108415753A (zh) * | 2018-03-12 | 2018-08-17 | 广东欧珀移动通信有限公司 | 用户界面显示方法、装置及终端 |
CN109086109A (zh) * | 2018-06-25 | 2018-12-25 | 北京金山安全软件有限公司 | 一种页面显示的方法、装置、电子设备及介质 |
CN109240591A (zh) * | 2018-09-26 | 2019-01-18 | 北京金山安全软件有限公司 | 一种界面显示方法及装置 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111597481A (zh) * | 2020-05-09 | 2020-08-28 | 北京奇艺世纪科技有限公司 | 页面显示方法、装置、电子设备及可读存储介质 |
CN111597481B (zh) * | 2020-05-09 | 2023-10-13 | 北京奇艺世纪科技有限公司 | 页面显示方法、装置、电子设备及可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN110688185B (zh) | 2023-04-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9547525B1 (en) | Drag toolbar to enter tab switching interface | |
US9594489B2 (en) | Hover-based interaction with rendered content | |
US9389777B2 (en) | Gestures for manipulating tables, charts, and graphs | |
US9582612B2 (en) | Space constrained ordered list previews | |
CN108182032B (zh) | 用于对值进行就地编辑的用户界面 | |
US10878175B2 (en) | Portlet display on portable computing devices | |
US20130080910A1 (en) | Dynamic visualization of page element access rates in a web application | |
US9043720B2 (en) | Post selection mouse pointer location | |
AU2014308633B2 (en) | Swipe toolbar to switch tabs | |
US9348498B2 (en) | Wrapped content interaction | |
US20130067393A1 (en) | Interaction with Lists | |
US20140176555A1 (en) | Use of dynamic numeric axis to indicate and highlight data ranges | |
JP2017501479A (ja) | ページ要素の表示 | |
EP3408752B1 (en) | Object management and visualization using a computing device | |
CN105302828B (zh) | 一种页面标签信息显示方法、装置及电子设备 | |
IL229139A (en) | UI for navigating experience-based support for page-centric, touch, or expressive browsing | |
CN110688185B (zh) | 一种页面显示方法、装置及电子设备 | |
US9588679B2 (en) | Virtual viewport and fixed positioning with optical zoom | |
US20140258936A1 (en) | Icons which form a composite image when juxtaposed | |
US20140337774A1 (en) | Proxy for Sorting and Navigating Cards | |
CN107077272B (zh) | 响应于用户动作而确定启用直接操纵的命中测试 | |
US9128613B2 (en) | Positioning clickable hotspots on a touchscreen display | |
CN110019492B (zh) | 一种信息显示方法及装置 | |
CN111506185B (zh) | 对文档进行操作的方法、装置、电子设备及存储介质 | |
CN106095734B (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 |