CN111459375B - 页面滑动位置控制方法、装置、电子设备和存储介质 - Google Patents
页面滑动位置控制方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN111459375B CN111459375B CN202010247343.3A CN202010247343A CN111459375B CN 111459375 B CN111459375 B CN 111459375B CN 202010247343 A CN202010247343 A CN 202010247343A CN 111459375 B CN111459375 B CN 111459375B
- Authority
- CN
- China
- Prior art keywords
- page
- coordinate
- current
- preset element
- sliding
- 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/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/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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/0485—Scrolling or panning
-
- 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
Abstract
本申请提出一种页面滑动位置控制方法、装置、电子设备和存储介质,方法包括:在页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标;判断预设元素当前的第一坐标是否与目标坐标匹配;若匹配,则在获取到用于指示页面继续向第一方向滑动的请求时,保持滑动组件的第二坐标不变。该方法通过在预设元素当前的第一坐标与目标坐标匹配,若获取继续向第一方向的滑动请求时,保持滑动组件的坐标不变,实现了对非开放页面的查看的控制,不仅独立于其他功能,做到功能解耦,也可应用于多种项目,复用性强,而且当更改开放页面的数量时,只改变预设元素便可实现,可配置性强。
Description
技术领域
本申请涉及电子设备技术领域,尤其涉及一种页面滑动位置控制方法、装置、电子设备和存储介质。
背景技术
在实际应用中,电子设备的屏幕尺寸是有限的,若需要显示的内容较多时,屏幕通常不能一次显示所有的内容。目前主要采用滑动方式,实现在有限的屏幕内显示更多的内容。
比如,小说、漫画等包含多个页面,提供方通常会免费开放一部分页面供用户阅读,用户通过可滑动页面阅读免费部分的页面。目前,该功能通常嵌入到其他功能一同实现,独立性差,并且当要增加或减少开放页面时,需要更改其他功能,可配置性差。
发明内容
本申请提出一种页面滑动位置控制方法、装置、电子设备和存储介质,用于解决相关技术中,限制查看非开放页面功能的方式,存在独立性和可配置性差的问题。
本申请一方面实施例提出了一种页面滑动位置控制方法,包括:
在页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标;
判断所述预设元素当前的第一坐标是否与目标坐标匹配;
若匹配,则在获取到用于指示页面继续向第一方向滑动的请求时,保持所述滑动组件的第二坐标不变。
本申请实施例的页面滑动位置控制方法,通过在页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标;判断预设元素当前的第一坐标是否与目标坐标匹配;若匹配,则在获取到用于指示页面继续向第一方向滑动的请求时,保持滑动组件的第二坐标不变。该方法通过判断预设元素当前的第一坐标是否与目标坐标匹配,在匹配时,若获取继续向第一方向的滑动请求时,保持滑动组件的坐标不变,从而实现了对非开放页面的查看的控制,不仅独立于其他功能,做到功能解耦,也可以应用于多种项目,复用性强,而且当需要更改开放页面的数量时,可只改变预设元素便可实现,可配置性强。
作为本申请实施例一种可能的实现方式,所述获取页面中预设元素当前的第一坐标之前,还包括:
获取项目使用权限设置指令,所述设置指令中包含项目的开放比例;
根据所述开放比例,确定所述项目中的待处理页面,其中,所述待处理页面,为所述项目中用于分割开放页面和非开放页面的开放页面;
确定所述待处理页面中的任意一个元素为所述预设元素。
作为本申请实施例一种可能的实现方式,所述确定所述待处理页面中的任意一个元素为所述预设元素之后,还包括:
根据当前屏幕中显示的页面数量及各页面在屏幕中的排版模式,确定所述待处理页面为屏幕中最后一个页面时,对应的第三坐标;
根据第三坐标、及所述预设元素在所述待处理页面中的第四坐标,确定所述目标坐标。
作为本申请实施例一种可能的实现方式,所述获取页面中预设元素当前的第一坐标,包括:
获取所述待处理页面当前在屏幕中的第五坐标;
根据所述第五坐标及所述预设元素在所述待处理页面中的第四坐标,确定所述预设元素当前的第一坐标。
作为本申请实施例一种可能的实现方式,所述判断所述预设元素当前的第一坐标是否与目标坐标匹配之后,还包括:
若匹配,则在获取到用于指示页面向第二方向滑动的请求时,根据滑动距离,更新所述滑动组件的第二坐标,其中,第二方向为与所述第一方向不同的方向。
作为本申请实施例一种可能的实现方式,所述判断所述预设元素当前的第一坐标是否与目标坐标之后,还包括:
若未匹配,则在获取到用于指示页面继续滑动的请求时,根据滑动距离,更新所述滑动组件的第二坐标,直至所述预设元素的坐标与所述目标坐标匹配;
若获取到用于指示页面继续向第一方向滑动的请求,则保持所述滑动组件的第二坐标不变。
本申请另一方面实施例提出了一种页面滑动位置控制装置,包括:
第一获取模块,用于在页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标;
判断模块,用于判断所述预设元素当前的第一坐标是否与目标坐标匹配;
控制模块,用于当所述预设元素当前的第一坐标与目标坐标匹配时,在获取到用于指示页面继续向第一方向滑动的请求时,保持所述滑动组件的第二坐标不变。
本申请实施例的页面滑动位置控制装置,通过在页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标;判断预设元素当前的第一坐标是否与目标坐标匹配;若匹配,则在获取到用于指示页面继续向第一方向滑动的请求时,保持滑动组件的第二坐标不变。该方法通过判断预设元素当前的第一坐标是否与目标坐标匹配,在匹配时,若获取继续向第一方向的滑动请求时,保持滑动组件的坐标不变,从而实现了对非开放页面的查看的控制,不仅独立于其他功能,做到功能解耦,也可以应用于多种项目,复用性强,而且当需要更改开放页面的数量时,可只改变预设元素便可实现,可配置性强。
作为本申请实施例一种可能的实现方式,该装置还包括:
第二获取模块,用于获取项目使用权限设置指令,所述设置指令中包含项目的开放比例;
第一确定模块,用于根据所述开放比例,确定所述项目中的待处理页面,其中,所述待处理页面,为所述项目中用于分割开放页面和非开放页面的开放页面;
第二确定模块,用于确定所述待处理页面中的任意一个元素为所述预设元素。
作为本申请实施例一种可能的实现方式,该装置还包括:
第三确定模块,用于根据当前屏幕中显示的页面数量及各页面在屏幕中的排版模式,确定所述待处理页面为屏幕中最后一个页面时,对应的第三坐标;
第四确定模块,用于根据第三坐标、及所述预设元素在所述待处理页面中的第四坐标,确定所述目标坐标。
作为本申请实施例一种可能的实现方式,所述第一获取模块,具体用于:
获取所述待处理页面当前在屏幕中的第五坐标;
根据所述第五坐标及所述预设元素在所述待处理页面中的第四坐标,确定所述预设元素当前的第一坐标。
作为本申请实施例一种可能的实现方式,该装置还包括:
第一更新模块,用于若所述预设元素当前的第一坐标与目标坐标匹配,在获取到用于指示页面向第二方向滑动的请求时,根据滑动距离,更新所述滑动组件的第二坐标,其中,第二方向为与所述第一方向不同的方向。
作为本申请实施例一种可能的实现方式,该装置还包括:
第二更新模块,用于若所述预设元素当前的第一坐标与目标坐标未匹配,则在获取到用于指示页面继续滑动的请求时,根据滑动距离,更新所述滑动组件的第二坐标,直至所述预设元素的坐标与所述目标坐标匹配;
所述控制模块,用于在预设元素的坐标与所述目标坐标匹配时,若获取到用于指示页面继续向第一方向滑动的请求,则保持所述滑动组件的第二坐标不变。
本申请另一方面实施例提出了一种电子设备,包括:处理器和存储器;
其中,所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序,以用于实现如上述一方面实施例所述的页面滑动位置控制方法。
本申请另一方面实施例提出了一种非临时性计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上述一方面实施例所述的页面滑动位置控制方法。
本申请附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。
附图说明
本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:
图1为本申请实施例提供的一种页面滑动位置控制方法的流程示意图;
图2为本申请实施例提供的另一种页面滑动位置控制方法的流程示意图;
图3为本申请实施例提供的另一种页面滑动位置控制方法的流程示意图;
图4为本申请实施例提供的一种计算目标坐标的示意图;
图5为本申请实施例提供的另一种计算目标坐标的示意图;
图6为本申请实施例提供的另一种页面滑动位置控制方法的流程示意图;
图7为本申请实施例提供的一种计算预设元素当前第一坐标的示意图;
图8为本申请实施例提供的一种页面滑动位置控制装置的结构示意图。
具体实施方式
下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,旨在用于解释本申请,而不能理解为对本申请的限制。
下面参考附图描述本申请实施例的页面滑动位置控制方法、装置、电子设备和存储介质。
本申请实施例,针对相关技术中限制查看非开放页面功能的方式存在独立性和可配置性差的问题,提出一种页面滑动位置控制方法。
本申请实施例的页面滑动位置控制方法,通过判断预设元素当前的第一坐标是否与目标坐标匹配,在匹配时,若获取继续向第一方向的滑动请求时,保持滑动组件的坐标不变,从而实现了对非开放页面的阅读的控制,不仅独立于其他功能,做到功能解耦,也可以应用于多种项目,复用性强,而且当需要更改开放页面的数量时,可只改变预设元素便可实现,可配置性强。
图1为本申请实施例提供的一种页面滑动位置控制方法的流程示意图。
本申请实施例的页面滑动位置控制方法,可由本申请实施例提供的页面滑动位置控制装置执行,该装置可配置于电子设备中,以在页面滑动过程中,在页面中预设元素的坐标与目标坐标匹配时,若获取继续向第一方向的滑动请求时,保持滑动组件的坐标不变。
如图1所示,该页面滑动位置控制方法包括:
步骤101,在页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标。
本实施例中,应用场景不同,第一方向可以不同。比如,小说、漫画等,通常会向用户免费开放一些页面,即用户可以免费阅读一部分内容,当用户阅读完开放页面后,不能再继续阅读后续的页面,这种场景下,第一方向为由页面起始位置指向结束位置的方向。
对于上机考试场景,用户作答完前一道题目提交后,进入下一题,这时用户不能再向前滑动查看更改前面已作答完毕的题目,那么第一方向为由页面的结束位置指向起始位置的方向。
本实施例中,用户可以通过对滑动组件的滑动,改变屏幕的显示内容,实现页面的滑动。在用户通过滑动组件,使页面向第一方向滑动的过程中,获取页面中预设元素当前的第一坐标,以及滑动组件当前的第二坐标。
其中,预设元素可以是项目中最后一个开放页面中的任一元素,比如,漫画最后一个开放页面中的任一图片,又如小说最后一个开放页面中任意一段内容等。
本实施例中,预设元素当前的第一坐标可以是预设元素在屏幕中的位置对应的坐标;滑动组件的第二坐标可以是指滑动组件在滑动方向上的坐标,比如滑动组件是横向滑动,那么第二坐标可以指横坐标,滑动组件是纵向滑动,那么第二坐标可以指纵坐标。
步骤102,判断预设元素当前的第一坐标是否与目标坐标匹配。
在获取预设元素当前的第一坐标后,将预设元素当前的第一坐标与目标坐标进行比较,判断预设元素当前的第一坐标是否与目标坐标匹配。其中,可根据预设元素在屏幕中的位置确定目标坐标。
比如,屏幕每次显示漫画的一个页面,每个页面包含4张图片,且从上到下显示4张图片,可将最后一个开放页面中的第1张图片作为预设元素,当屏幕完整显示最后一个开放页面时,可将第1张图片在屏幕中的位置对应的坐标作为目标坐标。
步骤103,若预设元素当前的第一坐标与目标坐标匹配,则在获取到用于指示页面继续向第一方向滑动的请求时,保持滑动组件的第二坐标不变。
本实施例中,若预设元素当前的第一坐标与目标坐标匹配,也就是说,预设元素当前到达控制查看进度的位置时,在获取到用于指示页面继续向第一方向滑动的请求时,使滑动组件的第二坐标保持不变。
也就是说,若预设元素当前的第一坐标与目标坐标匹配,这时用户在第一方向上滑动屏幕或者滑动滑动组件继续查看页面时,滑动组件位置不变。比如,用户可以通过向下滑动滚动条,浏览小说的内容,当开放页面显示完后,用户向下滑动滚动条时,滚动条的坐标保持不变,使得用户不能查看非开放页面。
本实施例中,通过判断预设元素当前的第一坐标是否与目标坐标匹配,确定页面是否滑动到最后一个开放页面,如果匹配,当用户在第一方向上继续滑动屏幕或者滑动滑动组件查看页面时,滑动组件的位置保持不变,从而实现了对查看非开放页面的控制。
本申请实施例的页面滑动位置控制方法,通过在页面向第一方面滑动时,判断预设元素当前的第一坐标是否与目标坐标匹配,在匹配时,若获取继续向第一方向的滑动请求时,保持滑动组件的坐标不变,从而实现了对非开放页面的阅读的控制,不仅独立于其他功能,做到功能解耦,也可以应用于多种项目,复用性强,而且当需要增加或减少开放页面时,可只改变预设元素便可实现,可配置性强。
在实际应用中,不同的项目,开放的页面多少不同,为了提高控制的准确性,在本申请的一个实施例中,在获取页面中预设元素当前的第一坐标之前,可先根据项目的开放比例确定预设元素。图2为本申请实施例提供的另一种页面滑动位置控制方法的流程示意图。
如图2所示,上述获取页面中预设元素当前的第一坐标之前,还包括:
步骤201,获取项目使用权限设置指令,设置指令中包含项目的开放比例。
本实施例中,项目开发者可以根据需要设置用户可以查看的开放页面。当开发者设置使用权限时,可获取项目使用权限设置指令,设置指令中包含项目的开放比例。
这里的项目,可以是漫画类项目、小说类项目等等,开放比例用于表征项目中开放页面的多少。
在实际应用中,可以为所有用户设置相同的开放比例,当然也可以为不同的用户设置不同的开放比例,比如,可以为不同等级的用户设置不同的开放比例,用户等级越高,用户可以查看的开放页面越多。
也可以为开放比例设置时间段,比如从项目发布后的2个月内的开放比例为20%,第3个月内开放比例为15%等。
步骤202,根据开放比例,确定项目中的待处理页面。
本实施例中,可以根据开放比例和项目包含的总页面数,确定开放页面的数量,进而确定项目中的待处理页面。其中,待处理页面为项目中用于分割开放页面和非开放页面的开放页面,即项目中最后一个开放页面,开放页面是指向用户开放的、用户可以直接查看的页面,非开放页面是指不向用户开放的页面,可以是用户需要付费才能查看的页面。
比如,项目共包含100个页面,开放比例是10%,那么该项目共开放页面的数量为10,那么第10个页面为待处理页面。
步骤203,确定待处理页面中的任意一个元素为预设元素。
由于待处理页面是分割开放页面和非开放页面的开放页面,那么可以在屏幕显示到待处理页面时,保持滑动组件的坐标不变。
本实施例中,在确定待处理页面后,可以将待处理页面中任一元素作为预设元素,从而通过判断预设元素的坐标与目标坐标是否匹配,确定屏幕是否完整显示待处理页面,即屏幕中显示的最后一个页面是否为待处理页面。
本申请实施例中,在获取页面中预设元素当前的第一坐标之前,通过获取项目使用权限设置指令,根据设置指令中包含的开放比例,确定项目中的待处理页面,进而确定待处理页面中的任意一个元素为预设元素。由此,可以根据需要设置开放比例,并根据开放比例确定预设元素,可配置性高。
为了提高控制的精准度,在本申请的一个实施例中,在待处理页面中的任意一个元素为预设元素之后,可通过图3的方法,确定目标坐标。图3为本申请实施例提供的另一种页面滑动位置控制方法的流程示意图。
如图3所示,上述确定待处理页面中的任意一个元素为预设元素之后,还包括:
步骤301,根据当前屏幕中显示的页面数量及各页面在屏幕中的排版模式,确定待处理页面为屏幕中最后一个页面时,对应的第三坐标。
在实际应用中,屏幕中显示的页面数量不同时,以及显示的各页面在屏幕中排版模式不同时,待处理页面在屏幕中的坐标会不同。其中,屏幕中显示的页面数量和页面的排版模式,可以是用户根据需要设置的,也可以是开发者预设设置的。
本实施例中,可根据当前屏幕中显示的页面数量及各页面在屏幕中的排版模式,确定待处理页面为屏幕中最后一个页面时,对应的第三坐标。
可以理解的是,这里第三坐标是待处理页面是屏幕中的最后一个页面时,待处理页面在屏幕中的坐标。
图4为本申请实施例提供的一种计算目标坐标的示意图。比如图4中,当前屏幕中显示2个页面,排版模式是纵向排版,待处理页面为项目中第10个页面,且待处理页面为屏幕中最后一个页面,即屏幕中显示第9个页面和第10个页面,可以将第10个页面的中心点A在屏幕中的坐标(X0,Y0)作为第10个页面在屏幕中的第三坐标。
若屏幕中显示的页面数量相同为2个,而排版模式是横向排版,那么第10个页面在屏幕中的坐标,显然与纵向的排版模式时不同。若排版模式都是纵向显示,而屏幕中显示的页面数量为1,那么第10个页面在屏幕中坐标,显然与页面的显示数量为2个时的坐标不同。
需要说明的是,本实施例中的排版模式不仅限于上述纵向和横向排版。
本实施例中,通过根据当前屏幕中显示的页面数量及各页面在屏幕中的排版模式,确定待处理页面为屏幕中最后一个页面时,待处理页面在屏幕中的第三坐标,从而提高了确定的待处理页面的坐标的准确性。
步骤302,根据第三坐标、及预设元素在待处理页面中的第四坐标,确定目标坐标。
由于待处理页面是项目中的最后一个开放页面,那么可以根据在屏幕显示待处理页面时预设元素的位置,确定目标坐标,以根据目标坐标控制页面的滑动位置。而不同的预设元素,在待处理页面也中的位置又不相同。
基于此,本实施例中,可以根据预设元素在待处理页面中坐标,这里称为第四坐标,以及待处理页面为屏幕中最后一个页面时,对应的第三坐标,计算出待处理页面为屏幕中最后一个页面时,预设元素在屏幕中的坐标,即目标坐标。可以理解的是,预设元素在待处理页面中的坐标不会随着页面滑动而改变。
下面结合图4说明计算目标坐标的方法,图4中,当前屏幕中显示2个页面第9个页面和第10个页面,排版模式是纵向排版,其中第10个页面为待处理页面,是屏幕中最后一个页面。此时,第10个页面在屏幕中坐标为A点坐标(X0,Y0),是在以屏幕的中心为原点建立的X轴-Y轴直角坐标系中的坐标,预设元素在待处理页面中的坐标为B点坐标(x0,y0),坐标(x0,y0)是在以待处理页面的中心点A为原点建立的x轴-y轴直角坐标系中的坐标,可以确定的是A点与B点在横轴方向上的距离为x0,在纵轴方向上的距离为y0,那么在已知第10个页面点在屏幕中的坐标即A点坐标(X0,Y0)的情况下,可以确定B点在屏幕中的坐标为(X0-x0,Y0+y0),即可以确定目标坐标为(X0-x0,Y0+y0)。
图5为本申请实施例提供的另一种计算目标坐标的示意图。图5中,当前屏幕中显示2个页面,第9个页面和第10个页面,排版模式是横向排版,其中第10个页面为待处理页面,是屏幕显示的最后一个页面,此时,第10个页面在屏幕中坐标为C点坐标(X1,Y1),是在以屏幕的中心点为原点建立的X轴-Y轴直角坐标系中的坐标,预设元素在待处理页面中的坐标为D点坐标(x1,y1),其中,坐标(x1,y1)是在以待处理页面的中心点C为原点建立的x轴-y轴直角坐标系中的坐标,可以确定的是C点与D点在横轴方向上的距离为x1,在纵轴方向上的距离为y1,那么在已知第10个页面在屏幕中的坐标(X1,Y1)的情况下,可以确定D点在屏幕中的坐标为(X1+x1,Y1+y1),即可以确定目标坐标为(X1+x1,Y1+y1)。
本申请实施例中,在确定待处理页面中的任意一个元素为预设元素之后,通过根据当前屏幕中显示的页面数量及各页面在屏幕中的排版模式,确定待处理页面为屏幕中最后一个页面时,对应的第三坐标,根据第三坐标、及预设元素在待处理页面中的第四坐标,确定目标坐标,从而在屏幕显示的页面数量和各页面在屏幕中的排版模式不同时,可以准确地确定目标坐标在屏幕中的坐标,提高了确定的目标坐标的精准性。
为了提高获取预设元素当前的第一坐标的准确性,在本申请的一个实施例中,可通过图6的方式,图6为本申请实施例提供的另一种页面滑动位置控制方法的流程示意图。
如图6所示,上述获取页面中预设元素当前的第一坐标,包括:
步骤401,获取待处理页面当前在屏幕中的第五坐标。
本实施例中,当待处理页面出现在屏幕中时,可获取待处理页面当前在屏幕中的坐标,这里称为第五坐标。比如可以将待处理页面的左上角点的坐标作为待处理页面在屏幕中第五坐标,也可以选择待处理页面的中心点的坐标作为第五坐标等。
可以理解的是,在待处理页面在完全显示在屏幕中之前,待处理页面在屏幕中的坐标会随着页面的滑动发生变化,而预设元素在待处理页面中第四坐标是固定的。为了减少计算量,当待处理页面未出现在屏幕中时,可以默认获取的待处理页面在屏幕中的坐标为空。
需要说明的是,由于页面是根据滑动操作从逐渐显示在屏幕中,若将待处理页面的中心点的坐标作为第五坐标,当待处理页面开始显示在屏幕时,中心点并未显示在屏幕中,那么也可以根据建立的坐标系和每个页面的尺寸,确定中心点的坐标。
步骤402,根据第五坐标及预设元素在待处理页面中的第四坐标,确定预设元素当前的第一坐标。
在获取待处理页面当前在屏幕中的第五坐标后,可根据待处理页面在屏幕中第五坐标和预设元素在待处理页面中的第四坐标,计算出预设元素当前第一坐标。
图7为本申请实施例提供的一种计算预设元素当前第一坐标的示意图。假设,屏幕可以显示2个完整页面,图7中,屏幕显示了第8个页面部分页面,第9个页面的完整页面,以及第10个页面的部分页面,其中,第10个页面为待处理页面,也就是说,当前屏幕未完全显示第10个页面,这里将第10个页面的中心点A在屏幕中的坐标作为第10个页面在屏幕中的坐标。
此时,A点在屏幕中的坐标为(X2,Y2),是在以屏幕的中心点为原点建立的X轴-Y轴直角坐标系中的坐标,预设元素在待处理页面中的坐标为B点坐标(x0,y0),其中,预设元素的坐标(x0,y0)是在以待处理页面的中心点A为原点建立的x轴-y轴直角坐标系中的坐标,可以确定的是A点与B点在横轴方向上的距离为x0,在纵轴方向上的距离为y0,那么在已知第10个页面点在屏幕中的坐标即A点坐标(X2,Y2)的情况下,可以确定B点在屏幕中的坐标为(X2-x0,Y2+y0),即可以确定预设元素当前的第一坐标为(X2-x0,Y2+y0)。
为了减少计算量,当待处理页面未出现在屏幕中时,可以默认待处理页面在屏幕中的坐标为空,预设元素在屏幕中的坐标也为空,即预设元素当前的第一坐标为空。
在获取预设元素当前在屏幕中的第四坐标后,可与目标坐标进行比较,若当前在屏幕中的第四坐标与目标坐标的坐标一致,可以认为待处理页面为当前屏幕中显示的最后一个页面,当用户通过在第一方向上继续滑动组件,想继续查看页面时,保持滑动组件的坐标不变,使得屏幕不显示待处理页面后续或之前的页面。
本申请实施例中,在获取页面中预设元素当前的第一坐标时,可通过获取待处理页面当前在屏幕中的第五坐标,根据第五坐标及预设元素在待处理页面中的第四坐标,确定预设元素当前第一坐标,从而提高了获取的预设元素当前的第一坐标的准确性。
为了使用户能够自由查看开放页面,在本申请的一个实施例中,在上述判断预设元素当前的第一坐标是否与目标坐标匹配之后,当预设元素当前的第一坐标与目标坐标匹配时,若用户向第二方向滑动页面时,则获取到用于指示页面向第二方向滑动的请求,这时根据滑动距离,更新滑动组件的第二坐标。
其中,第二方向是与第一方向不同的方向。比如第一方向为沿屏幕向下,则第二方向可以是沿屏幕向上;若第一方向是沿屏幕向左,第二方向可以为沿屏幕向右。
在更新滑动组件的第二坐标时,具体地,可以根据滑动距离和滑动组件当前的第二坐标,计算出滑动组件的新坐标,比如,滑动组件当前的纵坐标为5,若向下滑动为第二方向,滑动距离为0.1,滑动组件更新后的坐标为4.9。
以小说、漫画为例,若当前已经滑动到最后一个开放页面,用户可以向页面的起始位置方向任意滑动,回看前面的页面。
比如,第一方向为沿屏幕向下,当前预设元素所在的位置为需要控制查看进度的位置,若用户向上滑动,根据滑动距离控制显示已查看过的页面,使用户回看已查看过的页面。
本申请实施例中,在判断预设元素当前的第一坐标是否与目标坐标匹配之后,若预设元素当前的第一坐标与目标坐标匹配,在获取到用于指示页面向与第一方向不同的第二方向滑动的请求时,根据滑动距离,更新滑动组件的第二坐标,从而使得用户可以查看已阅读页面,而不能继续查看未阅读页面。
为了提供控制的多样性,在本申请的一个实施例中,判断预设元素当前的第一坐标是否与目标坐标匹配之后,若预设元素当前的第一坐标与目标坐标未匹配,当在获取到用于指示页面继续滑动的请求时,那么根据用户对滑动组件的滑动操作,确定滑动组件的滑动距离,根据滑动距离更新滑动组件的第二坐标。其中,更新方法如前述实施例所述。
也就是说,如果预设元素当前的第一坐标未与目标坐标匹配,不管滑动方向是第一方向还是第二方向,也即不论用户向页面的起始位置方向,还是向页面的结束位置方向滑动,滑动组件的第二坐标都会根据滑动距离进行更新,直至预设元素当前的第一坐标与目标坐标匹配。
当预设元素的坐标与目标坐标匹配时,若获取到用于指示页面继续向第一方向滑动的请求时,保持滑动组件的第二坐标不变。
也就是说,在预设元素当前的第一坐标和目标坐标不匹配时,不管滑动方向是第一方向还是第二方向,都会根据滑动距离,更新滑动组件的第二坐标,直至预设元素的坐标与目标坐标匹配,若用户继续向第一方向滑动,则保持滑动组件的第二坐标不变。
比如,第20个页面为最后一个开放页面,若用户当前滑动到第15个页面,未到达第20个页面,这时用户可以向页面起始位置方向滑动,查看第15个页面前面的页面,也可以向页面结束位置方向滑动,查看第15个页面后面的页面,滑动组件的第二坐标都会随着页面滑动进行更新,直至滑动到第20个页面。在滑动到第20个页面时,若用户继续向页面结束位置方向滑动,滑动组件的第二坐标保持不变,使得用户能查看的页面卡到第20个页面。
本申请实施例中,若预设元素当前的第一坐标与目标坐标不匹配,则在获取到用于指示页面继续滑动的请求时,根据滑动距离,更新滑动组件的第二坐标,直至预设元素的坐标与目标坐标匹配时,再获取到用于指示页面继续向第一方向滑动的请求时,保持滑动组件的第二坐标不变。由此,在预设元素当前的第一坐标与目标坐标不匹配时,可以对开放的页面随意查看,提高了页面显示位置控制的多样化。
为了实现上述实施例,本申请实施例还提出一种页面滑动位置控制装置。图8为本申请实施例提供的一种页面滑动位置控制装置的结构示意图。
如图8所示,该页面滑动位置控制装置包括:第一获取模块510、判断模块520、控制模块530。
第一获取模块510,用于在页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标;
判断模块520,用于判断预设元素当前的第一坐标是否与目标坐标匹配;
控制模块530,用于当预设元素当前的第一坐标与目标坐标匹配时,在获取到用于指示页面继续向第一方向滑动的请求时,保持滑动组件的第二坐标不变向。
在本申请实施例一种可能的实现方式中,该装置还可包括:
第二获取模块,用于获取项目使用权限设置指令,设置指令中包含项目的开放比例;
第一确定模块,用于根据开放比例,确定项目中的待处理页面,其中,待处理页面,为项目中用于分割开放页面和非开放页面的开放页面;
第二确定模块,用于确定待处理页面中的任意一个元素为预设元素。
在本申请实施例一种可能的实现方式中,该装置还可包括:
第三确定模块,用于根据当前屏幕中显示的页面数量及各页面在屏幕中的排版模式,确定待处理页面为屏幕中最后一个页面时,对应的第三坐标;
第四确定模块,用于根据第三坐标、及预设元素在待处理页面中的第四坐标,确定目标坐标。
在本申请实施例一种可能的实现方式中,上述第一获取模块510,具体用于:
获取待处理页面当前在屏幕中的第五坐标;
根据第五坐标及预设元素在待处理页面中的第四坐标,确定预设元素当前的第一坐标。
在本申请实施例一种可能的实现方式中,该装置还可包括:
第一更新模块,用于若预设元素当前的第一坐标与目标坐标匹配,在获取到用于指示页面向第二方向滑动的请求时,根据滑动距离,更新滑动组件的第二坐标,其中,第二方向为与第一方向不同的方向。
在本申请实施例一种可能的实现方式中,该装置还可包括:
第二更新模块,用于若预设元素当前的第一坐标与目标坐标未匹配,则在获取到用于指示页面继续滑动的请求时,根据滑动距离,更新滑动组件的第二坐标,直至预设元素的坐标与目标坐标匹配;
上述控制模块530,用于在预设元素的坐标与目标坐标匹配时,若获取到用于指示页面继续向第一方向滑动的请求时,保持滑动组件的第二坐标不变。
需要说明的是,前述对页面滑动位置控制方法实施例的解释说明,也适用于该实施例的页面滑动位置控制装置,故在此不再赘述。
本申请实施例的页面滑动位置控制装置,通过在页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标;判断预设元素当前的第一坐标是否与目标坐标匹配;若匹配,则在获取到用于指示页面继续向第一方向滑动的请求时,保持滑动组件的第二坐标不变。该方法通过判断预设元素当前的第一坐标是否与目标坐标匹配,在匹配时,若获取继续向第一方向的滑动请求时,保持滑动组件的坐标不变,从而实现了对非开放页面的阅读的控制,不仅独立于其他功能,做到功能解耦,也可以应用于多种项目,复用性强,而且当需要更改开放页面的数量时,只需要改变预设元素便可实现,可配置性强。
为了实现上述实施例,本申请实施例还提出一种电子设备,包括:包括处理器和存储器;
其中,处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序,以用于实现如上述实施例所述的页面滑动位置控制方法。
为了实现上述实施例,本申请实施例还提出一种非临时性计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上述实施例所述的页面滑动位置控制方法。
在本说明书的描述中,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本申请的描述中,“多个”的含义是至少两个,例如两个,三个等,除非另有明确具体的限定。
尽管上面已经示出和描述了本申请的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本申请的限制,本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。
Claims (14)
1.一种页面滑动位置控制方法,其特征在于,包括:
在滑动组件控制页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标;
判断所述预设元素当前的第一坐标是否与目标坐标匹配;
若匹配,则在获取到用于指示页面继续向第一方向滑动的请求时,保持所述滑动组件的第二坐标不变,以使页面不向第一方向滑动。
2.如权利要求1所述的方法,其特征在于,所述获取页面中预设元素当前的第一坐标之前,还包括:
获取项目使用权限设置指令,所述设置指令中包含项目的开放比例;
根据所述开放比例,确定所述项目中的待处理页面,其中,所述待处理页面,为所述项目中用于分割开放页面和非开放页面的开放页面;
确定所述待处理页面中的任意一个元素为所述预设元素。
3.如权利要求2所述的方法,其特征在于,所述确定所述待处理页面中的任意一个元素为所述预设元素之后,还包括:
根据当前屏幕中显示的页面数量及各页面在屏幕中的排版模式,确定所述待处理页面为屏幕中最后一个页面时,对应的第三坐标;
根据所述第三坐标、及所述预设元素在所述待处理页面中的第四坐标,确定所述目标坐标。
4.如权利要求3所述的方法,其特征在于,所述获取页面中预设元素当前的第一坐标,包括:
获取所述待处理页面当前在屏幕中的第五坐标;
根据所述第五坐标及所述预设元素在所述待处理页面中的第四坐标,确定所述预设元素当前的第一坐标。
5.如权利要求1-4任一所述的方法,其特征在于,所述判断所述预设元素当前的第一坐标是否与目标坐标匹配之后,还包括:
若匹配,则在获取到用于指示页面向第二方向滑动的请求时,根据滑动距离,更新所述滑动组件的第二坐标,其中,第二方向为与所述第一方向不同的方向。
6.如权利要求1-4任一所述的方法,其特征在于,所述判断所述预设元素当前的第一坐标是否与目标坐标匹配之后,还包括:
若未匹配,则在获取到用于指示页面继续滑动的请求时,根据滑动距离,更新所述滑动组件的第二坐标,直至所述预设元素的坐标与所述目标坐标匹配;
若获取到用于指示页面继续向第一方向滑动的请求,则保持所述滑动组件的第二坐标不变。
7.一种页面滑动位置控制装置,其特征在于,包括:
第一获取模块,用于在滑动组件控制页面向第一方向滑动时,获取页面中预设元素当前的第一坐标及滑动组件当前的第二坐标;
判断模块,用于判断所述预设元素当前的第一坐标是否与目标坐标匹配;
控制模块,用于当所述预设元素当前的第一坐标与目标坐标匹配时,在获取到用于指示页面继续向第一方向滑动的请求时,保持所述滑动组件的第二坐标不变,以使页面不向第一方向滑动。
8.如权利要求7所述的装置,其特征在于,还包括:
第二获取模块,用于获取项目使用权限设置指令,所述设置指令中包含项目的开放比例;
第一确定模块,用于根据所述开放比例,确定所述项目中的待处理页面,其中,所述待处理页面,为所述项目中用于分割开放页面和非开放页面的开放页面;
第二确定模块,用于确定所述待处理页面中的任意一个元素为所述预设元素。
9.如权利要求8所述的装置,其特征在于,还包括:
第三确定模块,用于根据当前屏幕中显示的页面数量及各页面在屏幕中的排版模式,确定所述待处理页面为屏幕中最后一个页面时,对应的第三坐标;
第四确定模块,用于根据所述第三坐标、及所述预设元素在所述待处理页面中的第四坐标,确定所述目标坐标。
10.如权利要求9所述的装置,其特征在于,所述第一获取模块,具体用于:
获取所述待处理页面当前在屏幕中的第五坐标;
根据所述第五坐标及所述预设元素在所述待处理页面中的第四坐标,确定所述预设元素当前的第一坐标。
11.如权利要求7-10任一所述的装置,其特征在于,还包括:
第一更新模块,用于若所述预设元素当前的第一坐标与目标坐标匹配,在获取到用于指示页面向第二方向滑动的请求时,根据滑动距离,更新所述滑动组件的第二坐标,其中,第二方向为与所述第一方向不同的方向。
12.如权利要求7-10任一所述的装置,其特征在于,还包括:
第二更新模块,用于若所述预设元素当前的第一坐标与目标坐标未匹配,则在获取到用于指示页面继续滑动的请求时,根据滑动距离,更新所述滑动组件的第二坐标,直至所述预设元素的坐标与所述目标坐标匹配;
所述控制模块,用于在预设元素的坐标与所述目标坐标匹配时,若获取到用于指示页面继续向第一方向滑动的请求,则保持所述滑动组件的第二坐标不变。
13.一种电子设备,其特征在于,包括处理器和存储器;
其中,所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序,以用于实现如权利要求1-6中任一所述的页面滑动位置控制方法。
14.一种非临时性计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-6中任一所述的页面滑动位置控制方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010247343.3A CN111459375B (zh) | 2020-03-31 | 2020-03-31 | 页面滑动位置控制方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010247343.3A CN111459375B (zh) | 2020-03-31 | 2020-03-31 | 页面滑动位置控制方法、装置、电子设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111459375A CN111459375A (zh) | 2020-07-28 |
CN111459375B true CN111459375B (zh) | 2021-08-24 |
Family
ID=71682427
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010247343.3A Active CN111459375B (zh) | 2020-03-31 | 2020-03-31 | 页面滑动位置控制方法、装置、电子设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111459375B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112527178B (zh) * | 2020-12-16 | 2023-04-07 | 平安银行股份有限公司 | 页面控制方法、装置、设备及存储介质 |
CN113703657A (zh) * | 2021-08-26 | 2021-11-26 | 北京房江湖科技有限公司 | 元素固定显示的控制方法、装置、存储介质及电子设备 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108255391A (zh) * | 2018-01-22 | 2018-07-06 | 珠海格力电器股份有限公司 | 页面截屏方法和装置、显示终端和计算机可读存储介质 |
CN109298828A (zh) * | 2018-09-27 | 2019-02-01 | 武汉华中时讯科技有限责任公司 | 通过手势切换历史浏览页面的装置、方法及存储介质 |
Family Cites Families (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9049258B2 (en) * | 2009-09-17 | 2015-06-02 | Border Stylo, LLC | Systems and methods for anchoring content objects to structured documents |
JP5893594B2 (ja) * | 2013-09-03 | 2016-03-23 | 富士フイルム株式会社 | 画像表示制御装置、方法、プログラム及び画像表示システム |
JP6199824B2 (ja) * | 2013-10-29 | 2017-09-20 | 京セラドキュメントソリューションズ株式会社 | 表示装置、画像形成装置、及び表示制御方法 |
CN106201234A (zh) * | 2015-04-29 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 页面内容的查看方法及装置 |
CN105930042B (zh) * | 2016-04-05 | 2019-01-22 | 网易(杭州)网络有限公司 | 一种呈现试读内容的方法和装置 |
CN108334251B (zh) * | 2017-01-19 | 2021-07-27 | 阿里巴巴集团控股有限公司 | 一种视图复用的方法及装置 |
CN107102810A (zh) * | 2017-04-27 | 2017-08-29 | 惠州Tcl移动通信有限公司 | 一种实现返回原界面位置的方法、系统及可读存储介质 |
CN110308835B (zh) * | 2019-06-05 | 2022-10-14 | 创新先进技术有限公司 | 控制视图控件的方法、装置及电子设备 |
-
2020
- 2020-03-31 CN CN202010247343.3A patent/CN111459375B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108255391A (zh) * | 2018-01-22 | 2018-07-06 | 珠海格力电器股份有限公司 | 页面截屏方法和装置、显示终端和计算机可读存储介质 |
CN109298828A (zh) * | 2018-09-27 | 2019-02-01 | 武汉华中时讯科技有限责任公司 | 通过手势切换历史浏览页面的装置、方法及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111459375A (zh) | 2020-07-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10606533B2 (en) | Editing an image on a medium using a template including attribute information of an object in the image | |
US8453072B2 (en) | Parameter setting superimposed upon an image | |
US8773474B2 (en) | Program, image data processing method, and image data processing apparatus | |
CN111459375B (zh) | 页面滑动位置控制方法、装置、电子设备和存储介质 | |
US7548647B2 (en) | Method and apparatus for digital-image red-eye correction that facilitates undo operation | |
US8867088B2 (en) | Information processing apparatus for selecting a template in which at least one image is to be arranged, control method of information processing apparatus for selecting a template in which at least one image is to be arranged, and storage medium storing a program for selecting a template in which at least one image is to be arranged | |
US20160026327A1 (en) | Electronic device and method for controlling output thereof | |
US8355030B2 (en) | Display methods for high dynamic range images and user interfaces for the same | |
CN101110942A (zh) | 远程指示系统和方法 | |
US20150169944A1 (en) | Image evaluation apparatus, image evaluation method, and non-transitory computer readable medium | |
US11402988B2 (en) | Tiling scroll display | |
US20150106761A1 (en) | Information processing apparatus, method for controlling the information processing apparatus, and storage medium | |
CN113687745B (zh) | 一种分屏窗口的界面显示方法、系统及终端 | |
CN104272245A (zh) | 过扫描支持 | |
CN107291237B (zh) | 信息处理方法及头戴式电子设备 | |
US20210064198A1 (en) | Display method and display device | |
US10497079B2 (en) | Electronic device and method for managing image | |
US11200007B2 (en) | Display method, display device, and printing device | |
CN114679546A (zh) | 一种显示方法及其装置、电子设备和可读存储介质 | |
CN113703653A (zh) | 图像处理方法、装置、设备和计算机可读存储介质 | |
CN112035108A (zh) | 一种用户界面布局设计方法、系统、终端及介质 | |
EP2189886A2 (en) | A method and apparatus to define drafting position | |
CN108776669B (zh) | 地图显示方法、装置、计算机设备和存储介质 | |
JP2020197856A (ja) | 情報表示装置 | |
US10109091B2 (en) | Image display apparatus, image display method, and storage medium |
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 |