CN112650432B - 对象展示页面的显示方法、电子设备及存储介质 - Google Patents

对象展示页面的显示方法、电子设备及存储介质 Download PDF

Info

Publication number
CN112650432B
CN112650432B CN202011504731.1A CN202011504731A CN112650432B CN 112650432 B CN112650432 B CN 112650432B CN 202011504731 A CN202011504731 A CN 202011504731A CN 112650432 B CN112650432 B CN 112650432B
Authority
CN
China
Prior art keywords
sliding
target object
offset
displayed
display area
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
Application number
CN202011504731.1A
Other languages
English (en)
Other versions
CN112650432A (zh
Inventor
杨帅
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhangyue Technology Co Ltd
Original Assignee
Zhangyue Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Zhangyue Technology Co Ltd filed Critical Zhangyue Technology Co Ltd
Priority to CN202011504731.1A priority Critical patent/CN112650432B/zh
Publication of CN112650432A publication Critical patent/CN112650432A/zh
Application granted granted Critical
Publication of CN112650432B publication Critical patent/CN112650432B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

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)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明公开了一种对象展示页面的显示方法、电子设备及存储介质,其中,对象展示页面包括:对象展示区域以及辅助展示区域,该方法包括:当检测到针对对象展示区域内展示的目标对象触发的滑动切换请求时,确定与目标对象相邻的待展示对象;在滑动切换请求的响应过程中,动态检测目标对象的滑动偏移量;计算待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值;根据尺寸差值以及滑动偏移量动态调整辅助展示区域的区域尺寸。该方式能够动态调整辅助展示区域的区域尺寸,从而使辅助展示区域与对象展示区域的尺寸相互适配,避免了彼此之间相互遮挡的问题,使页面布局更加合理。

Description

对象展示页面的显示方法、电子设备及存储介质
技术领域
本发明涉及计算机领域,具体涉及一种对象展示页面的显示方法、电子设备及存储介质。
背景技术
为了实现展示对象的依次展示,需要在对象展示页面中设置专门的对象展示区域,通过该对象展示区域能够实现各个展示对象的切换展示。另外,为了提升页面的美观性,也为了便于用户获取更加有价值的辅助信息,通常情况下,对象展示页面中还会设置与对象展示区域相邻的辅助展示区域。
在多数业务场景中,对象展示区域以及辅助展示区域的尺寸都是固定不变的。但是,在部分业务场景中,由于对象展示区域中的各个展示对象的高度各不相同,因而导致对象展示区域的高度也要随当前展示对象的高度进行动态调整。然而,在传统方式中,辅助展示区域则通常设置为固定尺寸,无法依据展示对象的高度进行适应性调整,由此导致辅助展示区域与对象展示区域的尺寸不适配,彼此之间存在相互遮挡的问题。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的对象展示页面的显示方法、电子设备及存储介质。
根据本发明的一个方面,提供了一种对象展示页面的显示方法,其中,所述对象展示页面包括:对象展示区域以及与所述对象展示区域相邻的辅助展示区域,该方法包括:
当检测到针对所述对象展示区域内展示的目标对象触发的滑动切换请求时,确定与所述目标对象相邻的待展示对象;
在所述滑动切换请求的响应过程中,动态检测所述目标对象的滑动偏移量;并且,计算所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值;
根据所述尺寸差值以及所述滑动偏移量动态调整所述辅助展示区域的区域尺寸。
根据本发明的另一方面,提供了一种用于显示对象展示页面的电子设备,其中,所述对象展示页面包括:对象展示区域以及与所述对象展示区域相邻的辅助展示区域;该电子设备包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
其中,所述对象展示页面包括:对象展示区域以及与所述对象展示区域相邻的辅助展示区域,该方法包括:
当检测到针对所述对象展示区域内展示的目标对象触发的滑动切换请求时,确定与所述目标对象相邻的待展示对象;
在所述滑动切换请求的响应过程中,动态检测所述目标对象的滑动偏移量;并且,计算所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值;
根据所述尺寸差值以及所述滑动偏移量动态调整所述辅助展示区域的区域尺寸。
根据本发明的又一方面,提供了一种用于显示对象展示页面的计算机存储介质,其中,所述对象展示页面包括:对象展示区域以及与所述对象展示区域相邻的辅助展示区域;所述存储介质中存储有至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
当检测到针对所述对象展示区域内展示的目标对象触发的滑动切换请求时,确定与所述目标对象相邻的待展示对象;
在所述滑动切换请求的响应过程中,动态检测所述目标对象的滑动偏移量;并且,计算所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值;
根据所述尺寸差值以及所述滑动偏移量动态调整所述辅助展示区域的区域尺寸。
在本发明提供的对象展示页面的显示方法、电子设备及存储介质中,当检测到针对对象展示区域内展示的目标对象触发的滑动切换请求时,确定与目标对象相邻的待展示对象,并在滑动切换请求的响应过程中,动态检测目标对象的滑动偏移量,并计算待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值,从而根据尺寸差值以及滑动偏移量动态调整辅助展示区域的区域尺寸。由此可见,该方式能够根据待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值以及目标对象的滑动偏移量动态调整辅助展示区域的区域尺寸,从而使辅助展示区域与对象展示区域的尺寸相互适配,避免了彼此之间相互遮挡的问题,使页面布局更加合理。并且,由于滑动偏移量是动态变化的,因此,辅助展示区域的区域尺寸也是动态变化的,从而能够确保在目标对象的滑动过程中动态改变辅助展示区域的区域尺寸。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明一个实施例提供的对象展示页面的显示方法的流程图;
图2示出了本发明另一个实施例提供的对象展示页面的显示方法的流程图;
图3示出了根据本发明另一个实施例的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
实施例一
图1示出了本发明一个实施例提供的对象展示页面的显示方法的流程图。如图1所示,该方法包括以下步骤:
步骤S110:当检测到针对对象展示区域内展示的目标对象触发的滑动切换请求时,确定与目标对象相邻的待展示对象。
其中,对象展示页面用于展示各类展示对象,包括但不限于:图片对象、视频对象、文字对象等各种类型。对象展示页面具体包括:对象展示区域以及与对象展示区域相邻的辅助展示区域。其中,对象展示区域用于依次展示各个展示对象。辅助展示区域用于展示与展示对象相关联的内容信息,例如,可用于展示与展示对象相对应的描述信息或背景图片信息等各种内容,本发明对此不作限定。
具体实施时,在对象展示区域内加载并显示展示对象,将对象展示区域内当前正在展示的展示对象作为目标对象。当接收到针对目标对象触发的滑动切换请求时,确定与目标对象相邻的待展示对象。其中,滑动切换请求用于切换对象展示区域内显示的展示对象,具体可通过滑动类触控操作触发,也可以通过切换按钮触发,本发明对具体触发方式不作限定。在确定与目标对象相邻的待展示对象时,可通过滑动方向确定与目标对象相邻的待展示对象。具体实施时,可以将多个展示对象按照预设顺序进行排序,相应的,根据排序结果确定与目标对象相邻的待展示对象。
步骤S120:在滑动切换请求的响应过程中,动态检测目标对象的滑动偏移量;并且,计算待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值。
具体的,当滑动切换请求通过触控操作触发时,目标对象将随触控位置的动态改变而动态更新;当滑动切换请求通过切换按钮触发时,由于切换过程为动态切换过程,而非瞬时切换过程,因此,目标对象也将根据预先配置的滑动速度而动态改变位置。由此可见,在滑动切换请求的响应过程中,目标对象的实时位置是动态改变的。
因此,在本步骤中,需要动态检测目标对象的滑动偏移量。其中,滑动偏移量用于表示目标对象在滑动过程中相对于对象展示区域的偏移程度,该滑动偏移量既可以通过百分比形式表示,也可以通过其他形式表示,本发明对此不作限定。
另外,在本步骤中,还需要计算待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值。其中,该尺寸信息可以是沿高度方向的高度信息,也可以是沿宽度方向的宽度信息,本发明对具体实现方式不作限定。优选地,该尺寸信息根据对象展示区域以及辅助展示区域的相对位置关系确定:当对象展示区域以及辅助展示区域沿预设方向设置时,该尺寸信息为展示对象沿预设方向的尺寸信息。其中,该预设方向可以为竖直方向或水平方向等。
步骤S130:根据尺寸差值以及滑动偏移量动态调整辅助展示区域的区域尺寸。
具体的,尺寸差值用于反映待展示对象与目标对象之间在尺寸方面的差异程度,当待展示对象代替旧的目标对象,并成为新的目标对象展示在对象展示区域内时,由于待展示对象与原来的目标对象的尺寸不同,因此,需要根据二者之间的尺寸差异动态调整辅助展示区域的尺寸,从而使辅助展示区域动态适配对象展示区域。因此,尺寸差值作为区域尺寸调整的一个调整因子,以使调整后的辅助展示区域的区域尺寸随待展示对象与目标对象的尺寸差值不同而不同,进而使辅助展示区域的区域尺寸灵活适配各个展示对象。
另外,滑动偏移量用于反映目标对象在滑出对象展示区域,以使待展示对象滑入对象展示区域的过程中的偏移程度,为了实现在滑入滑出过程中动态调整区域尺寸的效果,将目标对象的滑动偏移量作为区域尺寸调整的另一个调整因子,以使调整后的辅助展示区域的区域尺寸随当前目标对象的滑动偏移量变化而动态变化,进而确保辅助展示区域的区域尺寸随滑动过程而实时改变。
由此可见,该方式能够根据待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值以及目标对象的滑动偏移量动态调整辅助展示区域的区域尺寸,从而使辅助展示区域与对象展示区域的尺寸相互适配,避免了彼此之间相互遮挡的问题,使页面布局更加合理。并且,由于滑动偏移量是动态变化的,因此,辅助展示区域的区域尺寸也是动态变化的,从而能够确保在目标对象的滑动过程中动态改变辅助展示区域的区域尺寸。
实施例二
图2示出了本发明另一个实施例提供的对象展示页面的显示方法的流程图。如图2所示,该方法包括以下步骤:
步骤S200:根据获取到的对象数据包加载并显示目标对象。
具体实施时,由客户端向服务器发送页面加载请求,并根据服务器返回的响应结果获取待加载的对象数据包,从而加载并显示目标对象。具体的,针对该对象数据包进行解析,以确定用于展示在对象展示区域中的展示对象的对象数量、对象排布顺序、以及各个展示对象的尺寸信息,从而将对象数据包中的各个展示对象按照对象排布顺序沿第一方向依次排布。其中,第一方向为水平方向。
步骤S210:当检测到针对对象展示区域内展示的目标对象触发的滑动切换请求时,确定与目标对象相邻的待展示对象。
在本实施例中,对象展示页面为电子书应用中包含的书城页面或其他各类电子书页面,对象展示区域用于展示各个电子书对应的书籍封面图片,辅助展示区域用于展示与书籍封面图片相关联的内容信息。并且,对象展示区域以及辅助展示区域沿第二方向相邻设置;其中,第一方向垂直于第二方向。在本实施例中,第二方向为竖直方向,相应的,对象展示区域以及辅助展示区域呈上下排布方式。当然,在本发明其他的实施例中,第一方向以及第二方向也可以互换,即:第一方向为竖直方向,第二方向为水平方向,本发明对此的不作限定。
其中,将对象展示区域内当前正在展示的展示对象作为目标对象。当接收到针对目标对象触发的滑动切换请求时,确定与目标对象相邻的待展示对象。其中,滑动切换请求用于使目标对象以及与目标对象相邻的待展示对象沿第一方向移动,直至待展示对象作为新的目标对象展示在对象展示区域中。其中,在确定与目标对象相邻的待展示对象时,可通过滑动方向确定与目标对象相邻的待展示对象。具体实施时,可以将多个展示对象按照预设顺序进行排序,相应的,根据排序结果确定与目标对象相邻的待展示对象。
例如,获取滑动切换请求中包含的滑动参数,根据滑动参数的取值确定滑动切换方向,根据滑动切换方向以及各个展示对象的对象排布顺序,确定与目标对象相邻的待展示对象。由于在步骤S200中已经将对象数据包中的各个展示对象按照对象排布顺序沿第一方向依次排布,因此,根据滑动切换方向即可确定与目标对象相邻的待展示对象。比如,当滑动切换方向为沿水平方向从左向右切换时,从对象数据包中沿第一方向依次排布的各个展示对象中,获取位于目标对象右侧的展示对象,将获取到的展示对象作为待展示对象;反之,当滑动切换方向为沿水平方向从右向左切换时,从对象数据包中沿第一方向依次排布的各个展示对象中,获取位于目标对象左侧的展示对象,将获取到的展示对象作为待展示对象。
步骤S220:在滑动切换请求的响应过程中,动态检测目标对象的滑动偏移量。
具体的,当滑动切换请求通过触控操作触发时,目标对象将随触控位置的动态改变而动态更新;当滑动切换请求通过切换按钮触发时,由于切换过程为动态切换过程,而非瞬时切换过程,因此,目标对象也将根据预先配置的滑动速度而动态改变位置。由此可见,在滑动切换请求的响应过程中,目标对象的实时位置是动态改变的。因此,在本步骤中,需要动态检测目标对象的滑动偏移量。具体实施时,针对每一帧图像,确定当前图像帧中包含的目标对象的实时位置,以根据当前图像帧中包含的目标对象的实时位置计算目标对象的滑动偏移量。由此可见,滑动偏移量的计算过程是逐帧进行的,由此能够确保较高的实时性。当然,为了降低运算量,也可以通过隔帧计算的方式实现(如间隔1帧或多帧计算滑动偏移量)。其中,滑动偏移量用于表示目标对象在滑动过程中相对于对象展示区域的偏移程度。在本实施例中,该滑动偏移量通过百分比形式表示,并且,滑动偏移量的取值范围为0至1。
具体实施时,通过以下方式动态检测目标对象的滑动偏移量:
首先,根据目标对象沿第一方向的第一尺寸值,以及待展示对象沿第一方向的第一尺寸值,计算目标对象切换为待展示对象时所需的总偏移量。在本实施例中,目标对象沿第一方向的第一尺寸值即为目标对象沿水平方向的宽度值,待展示对象沿第一方向的第一尺寸值即为待展示对象沿水平方向的宽度值。通常情况下,在滑动切换操作执行之前,目标对象的中心点与对象展示区域的中心点重合,以实现目标对象的充分展示;在滑动切换操作执行完毕后,待展示对象(即新的目标对象)的中心点与对象展示区域的中心点重合,以实现待展示对象的充分展示。由此可见,目标对象切换为待展示对象时所需的总偏移量是指:根据排序后的各个展示对象确定的目标对象的中心点与待展示对象的中心点之间的距离。或者,也可以通过以下方式计算目标对象切换为待展示对象时所需的总偏移量:首先,计算目标对象沿水平方向的宽度值与待展示对象沿水平方向的宽度值的总和,然后,将总和除以二即得到总偏移量。
然后,每当检测到目标对象在对象展示区域内的展示位置发生更新时,实时计算更新位置相对于对象展示区域的中心位置的实时偏移量。具体的,每当检测到目标对象在对象展示区域内的展示位置发生更新时,实时获取目标对象的更新位置所对应的中心点距离对象展示区域的中心位置之间的间隔,将该间隔确定为目标对象相对于对象展示区域的中心位置的实时偏移量。由此可见,在滑动切换操作执行之前,目标对象相对于对象展示区域的中心位置的实时偏移量为0,相应的,目标对象的滑动偏移量也等于0。随着滑动切换操作的持续进行,目标对象的中心点偏离对象展示区域的中心点的距离越来越远,因此目标对象相对于对象展示区域的中心位置的实时偏移量逐渐增大。
最后,根据实时偏移量与总偏移量之间的比值确定目标对象的滑动偏移量。由此可见,滑动偏移量为百分比形式,数值范围从0逐渐增大到1,当滑动偏移量为1时,说明目标对象已彻底移出对象展示区域,原本的待展示对象已位于对象展示区域的中心位置,并成为新的目的对象,即:滑动切换操作执行完毕。
步骤S230:计算待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值。
具体的,在本实施例中,计算待展示对象沿第二方向的第二尺寸值相对于目标对象沿第二方向的第二尺寸值的尺寸差值。换言之,计算待展示对象沿竖直方向的高度值相对于目标对象沿竖直方向的高度值的高度差值。当然,在本发明其他的实施例中,当第一方向与第二方向互换时,也可以计算待展示对象沿水平方向的宽度值相对于目标对象沿水平方向的宽度值的宽度差值,本发明对此不作限定。
步骤S240:根据尺寸差值以及滑动偏移量动态调整辅助展示区域的区域尺寸。
具体的,尺寸差值用于反映待展示对象与目标对象之间在尺寸方面的差异程度,当待展示对象代替旧的目标对象,并成为新的目标对象展示在对象展示区域内时,由于待展示对象与原来的目标对象的尺寸不同,因此,需要根据二者之间的尺寸差异动态调整辅助展示区域的尺寸,从而使辅助展示区域动态适配对象展示区域。因此,尺寸差值作为区域尺寸调整的一个调整因子,以使调整后的辅助展示区域的区域尺寸随待展示对象与目标对象的尺寸差值不同而不同,进而使辅助展示区域的区域尺寸灵活适配各个展示对象。
另外,滑动偏移量用于反映目标对象在滑出对象展示区域,以使待展示对象滑入对象展示区域的过程中的偏移程度,为了实现在滑入滑出过程中动态调整区域尺寸的效果,将目标对象的滑动偏移量作为区域尺寸调整的另一个调整因子,以使调整后的辅助展示区域的区域尺寸随当前目标对象的滑动偏移量变化而动态变化,进而确保辅助展示区域的区域尺寸随滑动过程而实时改变。
在一种可选的实现方式中,通过以下方式动态调整辅助展示区域的区域尺寸:首先,获取对象数据包中包含的各个展示对象沿第二方向的第二尺寸值,根据各个第二尺寸值中的最小值设置辅助展示区域的初始区域尺寸;然后,计算尺寸差值的绝对值与滑动偏移量之间的乘积,根据计算结果对初始区域尺寸进行调整。
例如,获取对象数据包中包含的各个展示对象沿竖直方向的高度值,根据各个展示对象的高度值中的最小值设置辅助展示区域的初始区域尺寸。具体的,根据各个展示对象的高度值中的最小值设置对象展示区域的基准位置,其中,对象展示区域的基准位置对应于对象展示区域的底部的最高位置。相应的,根据各个展示对象的高度值中的最小值设置辅助展示区域的基准位置,其中,辅助展示区域的基准位置对应于辅助展示区域的顶部的最高位置。然后,在滑动切换过程中,动态计算尺寸差值的绝对值与滑动偏移量之间的乘积,根据计算结果对辅助展示区域的顶部位置进行调整,以使辅助展示区域随着切换操作的执行而不断上移或下移。
其中,本领域技术人员能够对上述实施例进行各种改动和变形,例如,可以调整各个步骤的执行顺序,并且,可以将上述的步骤拆分为更多的步骤或缩减为更少的步骤,本发明对此不作限定。
在一种改动实现方式中,步骤S220以及步骤S230通过以下方式实现:
在滑动切换请求的响应过程中,动态检测目标对象的滑动偏移量时,动态计算目标对象的中心点相对于对象展示区域的区域中心的第一间隔,以及待展示对象的中心点相对于对象展示区域的区域中心的第二间隔;动态比较第一间隔以及第二间隔,当第一间隔小于第二间隔时,将第一间隔对应的目标对象确定为基准对象;当第二间隔小于第一间隔时,将第二间隔对应的待展示对象确定为基准对象;根据动态确定的基准对象的滑动偏移量计算目标对象的滑动偏移量。
由此可见,在该方式中,动态检测目标对象当前相对于对象展示区域的区域中心的间隔,以及待展示对象当前相对于对象展示区域的区域中心的间隔,将二者中数值小的间隔所对应的展示对象作为基准对象,以便根据基准对象确定目标对象的滑动偏移量。其中,由于各个展示对象是预先沿水平方向排好序的,因此,当目标对象左移以滑出屏幕时,位于目标对象右侧的待展示对象将随之左移以滑入屏幕,在上述过程中,目标对象当前相对于对象展示区域的区域中心的间隔,以及待展示对象当前相对于对象展示区域的区域中心的间隔都是动态变化的。在本实施例中,为了便于计算,在计算程序中定义一个用于计算目标对象的滑动偏移量的基准对象,将该基准对象设置为:目标对象和待展示对象中,距离对象展示区域的区域中心点最近的对象。在实际滑动过程中,在滑动切换的起始阶段,目标对象距离对象展示区域的区域中心点更近,此时,基准对象为目标对象。当目标对象滑动至某一临界位置点时,目标对象距离对象展示区域的区域中心点的第一间隔与待展示对象距离对象展示区域的区域中心点的第二间隔相等。相应的,当目标对象滑过该临界位置点之后,目标对象距离对象展示区域的区域中心的第一间隔将大于待展示对象距离对象展示区域的区域中心的第二间隔。即:随滑动切换操作的持续进行,距离对象展示区域的区域中心最近的展示对象从目标对象转换为待展示对象。相应的,基准对象的取值从目标对象转换为待展示对象。
相应的,在根据动态确定的基准对象的滑动偏移量计算目标对象的滑动偏移量时,当基准对象为目标对象时,将基准对象的滑动偏移量作为目标对象的滑动偏移量,具体实现时参照上文描述的方式计算比值形式的百分比;当基准对象为待展示对象时,计算基准对象的滑动偏移量,并根据目标对象的滑动偏移量与待展示对象的滑动偏移量之间的相对关系,确定目标对象的滑动偏移量;其中,目标对象的滑动偏移量与待展示对象的滑动偏移量之间的相对关系包括:目标对象的滑动偏移量与待展示对象的滑动偏移量之和为1。由于本实施例中的滑动偏移量通过偏移百分比表示,因此,目标对象的滑动偏移量与待展示对象的滑动偏移量之和为1,相应的,在获取到待展示对象的滑动偏移量时,用1减去待展示对象的滑动偏移量即可得到目标对象的滑动偏移量。
由此可见,在该方式中,将用于计算滑动偏移量的基准对象固定设置为:当前距离对象展示区域的区域中心最近的展示对象,从而能够通过同一个变量持续计算滑动切换过程中的滑动偏移量。由于具体实现时,目标对象和待展示对象是随滑动切换操作而持续动态变化的。例如,在初始状态时,将第1个展示对象作为目标对象,相应的,从第1个展示对象滑向第2个展示对象的过程中,基准对象的取值先为目标对象,后为第2个展示对象;又如,在从第2个展示对象滑向第3个展示对象的过程中,基准对象的取值先为第2个展示对象,后为第3个展示对象……以此类推。由此可见,由于滑动切换操作持续进行,因此,基准对象所对应的展示对象不断变化,该方式通过将基准对象固定设置为距离对象展示区域的区域中心最近的展示对象,能够使基准对象的内涵随滑动切换操作而动态改变,并且,在基准对象从目标对象转换为待展示对象时,能够进一步根据目标对象与待展示对象的滑动偏移量之间的相对关系,推导出目标对象的滑动偏移量。该方式在编程过程中无需变换多个变量对象,只需通过一个基准对象即可完成各个展示对象在切换过程中的偏移量计算过程,大幅降低了程序代码的复杂度,提升了计算效率。
另外,为了便于确定基准对象何时从目标对象转换为待展示对象,进而确定目标对象的滑动偏移量是直接采用基准对象的滑动偏移量,还是采用1减去基准对象的滑动偏移量,在上述的步骤S220以及步骤S230中,进一步通过以下方式实现:
当第一间隔小于第二间隔时,进一步将第二间隔对应的待展示对象确定为非基准对象;当第二间隔小于第一间隔时,进一步将第一间隔对应的目标对象确定为非基准对象。由此可见,目标对象和待展示对象中的一个作为基准对象,另一个则作为非基准对象。因此,非基准对象的内涵也是动态变化的。相应的,在计算待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值时,根据非基准对象的尺寸值减去基准对象的尺寸值得到的数值,确定待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值。由此可见,在该方式中,固定以非基准对象作为被减数,以基准对象作为减数,从而使非基准对象减去基准对象。相应的,当基准对象从目标对象转换为待展示对象时,非基准对象也为待展示对象转换为目标对象,由于减数与被减数发生改变,因此,上述的尺寸差值的正负亦将发生变化。因此,当检测到尺寸差值的正负发生改变时,确定基准对象由目标对象转换为待展示对象,计算基准对象的滑动偏移量,并根据目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量。也就是说,计算尺寸差值时的减数与被减数是根据展示对象距离对象展示区域的中心位置的距离确定的,因此,当尺寸差值的正负发生改变(如尺寸差值从正值转换为负值)时,则确定出基准对象的内涵发生了变更,因此,目标对象的滑动偏移量应根据1减去基准对象的滑动偏移量的方式确定。
总之,上述改进实现方式能够节约代码量,降低代码复杂度,直接利用一个基准变量即可动态计算目标对象的滑动偏移量。
综上可知,该方式能够根据待展示对象的尺寸信息相对于目标对象的尺寸信息的尺寸差值以及目标对象的滑动偏移量动态调整辅助展示区域的区域尺寸,从而使辅助展示区域与对象展示区域的尺寸相互适配,避免了彼此之间相互遮挡的问题,使页面布局更加合理。并且,由于滑动偏移量是动态变化的,因此,辅助展示区域的区域尺寸也是动态变化的,从而能够确保在目标对象的滑动过程中动态改变辅助展示区域的区域尺寸。而且,该方式能够实现逐帧调整辅助展示区域的区域尺寸的效果,使动态过程更加真实。并且,通过设置基准对象能够降低运算复杂度,提升运算效率。
实施例三
本申请实施例提供了一种用于显示对象展示页面的非易失性计算机存储介质,所述计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的对象展示页面的显示方法。
可执行指令具体可以用于使得处理器执行以下操作:
当检测到针对对象展示区域内展示的目标对象触发的滑动切换请求时,确定与所述目标对象相邻的待展示对象;
在所述滑动切换请求的响应过程中,动态检测所述目标对象的滑动偏移量;并且,计算所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值;
根据所述尺寸差值以及所述滑动偏移量动态调整所述辅助展示区域的区域尺寸。
在一种可选的实现方式中,所述滑动切换请求用于使所述目标对象以及与所述目标对象相邻的待展示对象沿第一方向移动,直至所述待展示对象作为新的目标对象展示在所述对象展示区域中;
并且,所述对象展示区域以及所述辅助展示区域沿第二方向相邻设置;其中,所述第一方向垂直于所述第二方向。
在一种可选的实现方式中,所述可执行指令进一步使所述处理器执行以下操作:
根据获取到的对象数据包,确定用于展示在所述对象展示区域中的展示对象的对象数量、对象排布顺序、以及各个展示对象的尺寸信息;
将所述对象数据包中的各个展示对象按照所述对象排布顺序沿所述第一方向依次排布;
且所述可执行指令具体使所述处理器执行以下操作:获取所述滑动切换请求中包含的滑动参数,根据所述滑动参数的取值确定滑动切换方向,根据所述滑动切换方向以及各个展示对象的对象排布顺序,确定与所述目标对象相邻的待展示对象。
在一种可选的实现方式中,所述滑动偏移量通过偏移百分比表示,且所述滑动偏移量的取值范围为0至1;
则所述可执行指令使所述处理器执行以下操作:
根据所述目标对象沿第一方向的第一尺寸值,以及所述待展示对象沿第一方向的第一尺寸值,计算所述目标对象切换为所述待展示对象时所需的总偏移量;
每当检测到所述目标对象在所述对象展示区域内的展示位置发生更新时,实时计算更新位置相对于对象展示区域的中心位置的实时偏移量;
根据所述实时偏移量与所述总偏移量之间的比值确定所述目标对象的滑动偏移量。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
计算所述待展示对象沿第二方向的第二尺寸值相对于所述目标对象沿第二方向的第二尺寸值的尺寸差值。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
动态计算所述目标对象的中心点相对于所述对象展示区域的区域中心的第一间隔,以及所述待展示对象的中心点相对于所述对象展示区域的区域中心的第二间隔;
动态比较所述第一间隔以及所述第二间隔,当所述第一间隔小于所述第二间隔时,将所述第一间隔对应的目标对象确定为基准对象;当所述第二间隔小于所述第一间隔时,将所述第二间隔对应的待展示对象确定为基准对象;
根据动态确定的基准对象的滑动偏移量计算所述目标对象的滑动偏移量。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
当所述基准对象为目标对象时,将所述基准对象的滑动偏移量作为所述目标对象的滑动偏移量;
当所述基准对象为待展示对象时,计算所述基准对象的滑动偏移量,并根据所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量;
其中,所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系包括:所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之和为1。
在一种可选的实现方式中,所述可执行指令进一步使所述处理器执行以下操作:当所述第一间隔小于所述第二间隔时,将所述第二间隔对应的待展示对象确定为非基准对象;当所述第二间隔小于所述第一间隔时,将所述第一间隔对应的目标对象确定为非基准对象;
且所述可执行指令使所述处理器执行以下操作:根据所述非基准对象的尺寸值减去所述基准对象的尺寸值得到的数值,确定所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值;
当检测到所述尺寸差值的正负发生改变时,确定所述基准对象由目标对象转换为待展示对象,计算所述基准对象的滑动偏移量,并根据所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量。
在一种可选的实现方式中,所述第一方向为水平方向,所述第二方向为竖直方向;
并且,所述对象展示页面为电子书应用中包含的书城页面,所述对象展示区域用于展示各个电子书对应的书籍封面图片;且所述辅助展示区域用于展示与所述书籍封面图片相关联的内容信息。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
获取所述对象数据包中包含的各个展示对象沿第二方向的第二尺寸值,根据各个第二尺寸值中的最小值设置所述辅助展示区域的初始区域尺寸;
计算所述尺寸差值的绝对值与所述滑动偏移量之间的乘积,根据计算结果对所述初始区域尺寸进行调整。
实施例四
图3示出了根据本发明另一个实施例的一种用于显示对象展示页面的电子设备的结构示意图,本发明具体实施例并不对电子设备的具体实现做限定。
如图3所示,该电子设备可以包括:处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。
其中:处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。通信接口304,用于与其它设备比如客户端或其它服务器等的网元通信。处理器302,用于执行程序310,具体可以执行上述对象展示页面的显示方法实施例中的相关步骤。
具体地,程序310可以包括程序代码,该程序代码包括计算机操作指令。
处理器302可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器306,用于存放程序310。存储器306可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序310具体可以用于使得处理器302执行以下操作:
当检测到针对所述对象展示区域内展示的目标对象触发的滑动切换请求时,确定与所述目标对象相邻的待展示对象;
在所述滑动切换请求的响应过程中,动态检测所述目标对象的滑动偏移量;并且,计算所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值;
根据所述尺寸差值以及所述滑动偏移量动态调整所述辅助展示区域的区域尺寸。
在一种可选的实现方式中,所述滑动切换请求用于使所述目标对象以及与所述目标对象相邻的待展示对象沿第一方向移动,直至所述待展示对象作为新的目标对象展示在所述对象展示区域中;
并且,所述对象展示区域以及所述辅助展示区域沿第二方向相邻设置;其中,所述第一方向垂直于所述第二方向。
在一种可选的实现方式中,所述可执行指令进一步使所述处理器执行以下操作:
根据获取到的对象数据包,确定用于展示在所述对象展示区域中的展示对象的对象数量、对象排布顺序、以及各个展示对象的尺寸信息;
将所述对象数据包中的各个展示对象按照所述对象排布顺序沿所述第一方向依次排布;
且所述可执行指令具体使所述处理器执行以下操作:获取所述滑动切换请求中包含的滑动参数,根据所述滑动参数的取值确定滑动切换方向,根据所述滑动切换方向以及各个展示对象的对象排布顺序,确定与所述目标对象相邻的待展示对象。
在一种可选的实现方式中,所述滑动偏移量通过偏移百分比表示,且所述滑动偏移量的取值范围为0至1;
则所述可执行指令使所述处理器执行以下操作:
根据所述目标对象沿第一方向的第一尺寸值,以及所述待展示对象沿第一方向的第一尺寸值,计算所述目标对象切换为所述待展示对象时所需的总偏移量;
每当检测到所述目标对象在所述对象展示区域内的展示位置发生更新时,实时计算更新位置相对于对象展示区域的中心位置的实时偏移量;
根据所述实时偏移量与所述总偏移量之间的比值确定所述目标对象的滑动偏移量。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
计算所述待展示对象沿第二方向的第二尺寸值相对于所述目标对象沿第二方向的第二尺寸值的尺寸差值。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
动态计算所述目标对象的中心点相对于所述对象展示区域的区域中心的第一间隔,以及所述待展示对象的中心点相对于所述对象展示区域的区域中心的第二间隔;
动态比较所述第一间隔以及所述第二间隔,当所述第一间隔小于所述第二间隔时,将所述第一间隔对应的目标对象确定为基准对象;当所述第二间隔小于所述第一间隔时,将所述第二间隔对应的待展示对象确定为基准对象;
根据动态确定的基准对象的滑动偏移量计算所述目标对象的滑动偏移量。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
当所述基准对象为目标对象时,将所述基准对象的滑动偏移量作为所述目标对象的滑动偏移量;
当所述基准对象为待展示对象时,计算所述基准对象的滑动偏移量,并根据所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量;
其中,所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系包括:所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之和为1。
在一种可选的实现方式中,所述可执行指令进一步使所述处理器执行以下操作:当所述第一间隔小于所述第二间隔时,将所述第二间隔对应的待展示对象确定为非基准对象;当所述第二间隔小于所述第一间隔时,将所述第一间隔对应的目标对象确定为非基准对象;
且所述可执行指令使所述处理器执行以下操作:根据所述非基准对象的尺寸值减去所述基准对象的尺寸值得到的数值,确定所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值;
当检测到所述尺寸差值的正负发生改变时,确定所述基准对象由目标对象转换为待展示对象,计算所述基准对象的滑动偏移量,并根据所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量。
在一种可选的实现方式中,所述第一方向为水平方向,所述第二方向为竖直方向;
并且,所述对象展示页面为电子书应用中包含的书城页面,所述对象展示区域用于展示各个电子书对应的书籍封面图片;且所述辅助展示区域用于展示与所述书籍封面图片相关联的内容信息。
在一种可选的实现方式中,所述可执行指令使所述处理器执行以下操作:
获取所述对象数据包中包含的各个展示对象沿第二方向的第二尺寸值,根据各个第二尺寸值中的最小值设置所述辅助展示区域的初始区域尺寸;
计算所述尺寸差值的绝对值与所述滑动偏移量之间的乘积,根据计算结果对所述初始区域尺寸进行调整。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (19)

1.一种对象展示页面的显示方法,其中,所述对象展示页面包括:对象展示区域以及与所述对象展示区域相邻的辅助展示区域,所述方法包括:
当检测到针对所述对象展示区域内展示的目标对象触发的滑动切换请求时,确定与所述目标对象相邻的待展示对象;
在所述滑动切换请求的响应过程中,动态检测所述目标对象的滑动偏移量;并且,计算所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值,其中,滑动偏移量用于反映目标对象在滑出对象展示区域,以使待展示对象滑入对象展示区域的过程中的偏移程度;
根据所述尺寸差值以及所述滑动偏移量动态调整所述辅助展示区域的区域尺寸,以及,根据所述尺寸差值以及所述滑动偏移量动态调整辅助展示区域的顶部位置,以使辅助展示区域随着滑动切换操作的执行而不断的上移或下移。
2.根据权利要求1所述的方法,其中,所述滑动切换请求用于使所述目标对象以及与所述目标对象相邻的待展示对象沿第一方向移动,直至所述待展示对象作为新的目标对象展示在所述对象展示区域中;
并且,所述对象展示区域以及所述辅助展示区域沿第二方向相邻设置;其中,所述第一方向垂直于所述第二方向。
3.根据权利要求2所述的方法,其中,所述方法执行之前,进一步包括:
根据获取到的对象数据包,确定用于展示在所述对象展示区域中的展示对象的对象数量、对象排布顺序、以及各个展示对象的尺寸信息;
将所述对象数据包中的各个展示对象按照所述对象排布顺序沿所述第一方向依次排布;
则所述确定与所述目标对象相对应的待展示对象包括:获取所述滑动切换请求中包含的滑动参数,根据所述滑动参数的取值确定滑动切换方向,根据所述滑动切换方向以及各个展示对象的对象排布顺序,确定与所述目标对象相邻的待展示对象。
4.根据权利要求2或3所述的方法,其中,所述滑动偏移量通过偏移百分比表示,且所述滑动偏移量的取值范围为0至1;
则所述在所述滑动切换请求的响应过程中,动态检测所述目标对象的滑动偏移量包括:
根据所述目标对象沿第一方向的第一尺寸值,以及所述待展示对象沿第一方向的第一尺寸值,计算所述目标对象切换为所述待展示对象时所需的总偏移量;
每当检测到所述目标对象在所述对象展示区域内的展示位置发生更新时,实时计算更新位置相对于对象展示区域的中心位置的实时偏移量;
根据所述实时偏移量与所述总偏移量之间的比值确定所述目标对象的滑动偏移量。
5.根据权利要求2或3所述的方法,其中,所述计算所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值包括:
计算所述待展示对象沿第二方向的第二尺寸值相对于所述目标对象沿第二方向的第二尺寸值的尺寸差值。
6.根据权利要求1-3任一所述的方法,其中,所述在所述滑动切换请求的响应过程中,动态检测所述目标对象的滑动偏移量包括:
动态计算所述目标对象的中心点相对于所述对象展示区域的区域中心的第一间隔,以及所述待展示对象的中心点相对于所述对象展示区域的区域中心的第二间隔;
动态比较所述第一间隔以及所述第二间隔,当所述第一间隔小于所述第二间隔时,将所述第一间隔对应的目标对象确定为基准对象;当所述第二间隔小于所述第一间隔时,将所述第二间隔对应的待展示对象确定为基准对象;
根据动态确定的基准对象的滑动偏移量计算所述目标对象的滑动偏移量。
7.根据权利要求6所述的方法,其中,所述根据动态确定的基准对象的滑动偏移量计算所述目标对象的滑动偏移量包括:
当所述基准对象为目标对象时,将所述基准对象的滑动偏移量作为所述目标对象的滑动偏移量;
当所述基准对象为待展示对象时,计算所述基准对象的滑动偏移量,并根据所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量;
其中,所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系包括:所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之和为1。
8.根据权利要求7所述的方法,其中,所述当所述第一间隔小于所述第二间隔时,将所述第一间隔对应的目标对象确定为基准对象;当所述第二间隔小于所述第一间隔时,将所述第二间隔对应的待展示对象确定为基准对象进一步包括:当所述第一间隔小于所述第二间隔时,将所述第二间隔对应的待展示对象确定为非基准对象;当所述第二间隔小于所述第一间隔时,将所述第一间隔对应的目标对象确定为非基准对象;
则所述计算所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值包括:根据所述非基准对象的尺寸值减去所述基准对象的尺寸值得到的数值,确定所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值;
则所述当所述基准对象为待展示对象时,计算所述基准对象的滑动偏移量,并根据所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量包括:
当检测到所述尺寸差值的正负发生改变时,确定所述基准对象由目标对象转换为待展示对象,计算所述基准对象的滑动偏移量,并根据所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量。
9.根据权利要求2或3所述的方法,其中,所述第一方向为水平方向,所述第二方向为竖直方向;
并且,所述对象展示页面为电子书应用中包含的书城页面,所述对象展示区域用于展示各个电子书对应的书籍封面图片;且所述辅助展示区域用于展示与所述书籍封面图片相关联的内容信息。
10.一种用于显示对象展示页面的电子设备,其中,所述对象展示页面包括:对象展示区域以及与所述对象展示区域相邻的辅助展示区域,所述电子设备包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
当检测到针对所述对象展示区域内展示的目标对象触发的滑动切换请求时,确定与所述目标对象相邻的待展示对象;
在所述滑动切换请求的响应过程中,动态检测所述目标对象的滑动偏移量;并且,计算所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值,其中,滑动偏移量用于反映目标对象在滑出对象展示区域,以使待展示对象滑入对象展示区域的过程中的偏移程度;
根据所述尺寸差值以及所述滑动偏移量动态调整所述辅助展示区域的区域尺寸,以及,根据所述尺寸差值以及所述滑动偏移量动态调整辅助展示区域的顶部位置,以使辅助展示区域随着滑动切换操作的执行而不断的上移或下移。
11.根据权利要求10所述的电子设备,其中,所述滑动切换请求用于使所述目标对象以及与所述目标对象相邻的待展示对象沿第一方向移动,直至所述待展示对象作为新的目标对象展示在所述对象展示区域中;
并且,所述对象展示区域以及所述辅助展示区域沿第二方向相邻设置;其中,所述第一方向垂直于所述第二方向。
12.根据权利要求11所述的电子设备,其中,所述可执行指令进一步使所述处理器执行以下操作:
根据获取到的对象数据包,确定用于展示在所述对象展示区域中的展示对象的对象数量、对象排布顺序、以及各个展示对象的尺寸信息;
将所述对象数据包中的各个展示对象按照所述对象排布顺序沿所述第一方向依次排布;
且所述可执行指令具体使所述处理器执行以下操作:获取所述滑动切换请求中包含的滑动参数,根据所述滑动参数的取值确定滑动切换方向,根据所述滑动切换方向以及各个展示对象的对象排布顺序,确定与所述目标对象相邻的待展示对象。
13.根据权利要求11或12所述的电子设备,其中,所述滑动偏移量通过偏移百分比表示,且所述滑动偏移量的取值范围为0至1;
则所述可执行指令使所述处理器执行以下操作:
根据所述目标对象沿第一方向的第一尺寸值,以及所述待展示对象沿第一方向的第一尺寸值,计算所述目标对象切换为所述待展示对象时所需的总偏移量;
每当检测到所述目标对象在所述对象展示区域内的展示位置发生更新时,实时计算更新位置相对于对象展示区域的中心位置的实时偏移量;
根据所述实时偏移量与所述总偏移量之间的比值确定所述目标对象的滑动偏移量。
14.根据权利要求11或12所述的电子设备,其中,所述可执行指令使所述处理器执行以下操作:
计算所述待展示对象沿第二方向的第二尺寸值相对于所述目标对象沿第二方向的第二尺寸值的尺寸差值。
15.根据权利要求10-12任一所述的电子设备,其中,所述可执行指令使所述处理器执行以下操作:
动态计算所述目标对象的中心点相对于所述对象展示区域的区域中心的第一间隔,以及所述待展示对象的中心点相对于所述对象展示区域的区域中心的第二间隔;
动态比较所述第一间隔以及所述第二间隔,当所述第一间隔小于所述第二间隔时,将所述第一间隔对应的目标对象确定为基准对象;当所述第二间隔小于所述第一间隔时,将所述第二间隔对应的待展示对象确定为基准对象;
根据动态确定的基准对象的滑动偏移量计算所述目标对象的滑动偏移量。
16.根据权利要求15所述的电子设备,其中,所述可执行指令使所述处理器执行以下操作:
当所述基准对象为目标对象时,将所述基准对象的滑动偏移量作为所述目标对象的滑动偏移量;
当所述基准对象为待展示对象时,计算所述基准对象的滑动偏移量,并根据所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量;
其中,所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系包括:所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之和为1。
17.根据权利要求16所述的电子设备,其中,所述可执行指令进一步使所述处理器执行以下操作:当所述第一间隔小于所述第二间隔时,将所述第二间隔对应的待展示对象确定为非基准对象;当所述第二间隔小于所述第一间隔时,将所述第一间隔对应的目标对象确定为非基准对象;
且所述可执行指令使所述处理器执行以下操作:根据所述非基准对象的尺寸值减去所述基准对象的尺寸值得到的数值,确定所述待展示对象的尺寸信息相对于所述目标对象的尺寸信息的尺寸差值;
当检测到所述尺寸差值的正负发生改变时,确定所述基准对象由目标对象转换为待展示对象,计算所述基准对象的滑动偏移量,并根据所述目标对象的滑动偏移量与所述待展示对象的滑动偏移量之间的相对关系,确定所述目标对象的滑动偏移量。
18.根据权利要求11或12所述的电子设备,其中,所述第一方向为水平方向,所述第二方向为竖直方向;
并且,所述对象展示页面为电子书应用中包含的书城页面,所述对象展示区域用于展示各个电子书对应的书籍封面图片;且所述辅助展示区域用于展示与所述书籍封面图片相关联的内容信息。
19.一种用于显示对象展示页面的计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如权利要求1-9任一所述的方法。
CN202011504731.1A 2020-12-18 2020-12-18 对象展示页面的显示方法、电子设备及存储介质 Active CN112650432B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011504731.1A CN112650432B (zh) 2020-12-18 2020-12-18 对象展示页面的显示方法、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011504731.1A CN112650432B (zh) 2020-12-18 2020-12-18 对象展示页面的显示方法、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN112650432A CN112650432A (zh) 2021-04-13
CN112650432B true CN112650432B (zh) 2022-09-16

Family

ID=75354956

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011504731.1A Active CN112650432B (zh) 2020-12-18 2020-12-18 对象展示页面的显示方法、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN112650432B (zh)

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106383643A (zh) * 2016-09-18 2017-02-08 浙江慧脑信息科技有限公司 一种同时浏览图片和文本的方法

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120198384A1 (en) * 2011-01-28 2012-08-02 Konica Minolta Laboratory U.S.A., Inc. Graphical user interface presenting a unified view of a main document image and thumbnail images
CN105988662B (zh) * 2015-03-06 2020-06-23 阿里巴巴集团控股有限公司 移动终端上多应用窗口的显示方法及其系统
CN106716326A (zh) * 2016-09-14 2017-05-24 深圳市大疆创新科技有限公司 控制方法、控制装置及电子装置
CN107783830B (zh) * 2017-10-23 2020-12-04 华为技术有限公司 一种多任务管理方法及终端设备
CN111698365B (zh) * 2019-03-12 2023-06-02 北京京东尚科信息技术有限公司 一种信息展示的方法、装置、服务器及可读介质

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106383643A (zh) * 2016-09-18 2017-02-08 浙江慧脑信息科技有限公司 一种同时浏览图片和文本的方法

Also Published As

Publication number Publication date
CN112650432A (zh) 2021-04-13

Similar Documents

Publication Publication Date Title
US20200058270A1 (en) Bullet screen display method and electronic device
CN106610984B (zh) 商品对象页面信息处理方法及装置
CN107885645B (zh) 计算页面首屏渲染时长的方法、装置及电子设备
CN112433657B (zh) 电子书的仿真翻页方法、电子设备及计算机存储介质
CN111259284B (zh) 页面懒加载的方法和装置、存储介质和处理器
CN111522492B (zh) 图片滑动显示方法、终端及计算机存储介质
CN112433796B (zh) 电子书的仿真翻页方法、电子设备及计算机存储介质
US11593981B2 (en) Method for processing a screenshot image, electronic device and computer storage medium
CN106468984A (zh) 一种物品关联图片快速预览的方法以及装置
CN113741763A (zh) 电子书的显示方法、装置及电子设备
CN115237522A (zh) 页面自适应展示方法及装置
CN111813300A (zh) 一种屏幕截图方法及装置
CN112650432B (zh) 对象展示页面的显示方法、电子设备及存储介质
CN113259742B (zh) 视频弹幕显示方法、装置、可读存储介质和计算机设备
US20160132219A1 (en) Enhanced view transitions
JP4075238B2 (ja) 動きベクトル検出方法及び記録媒体
CN113515717A (zh) 导航页面更新方法、装置、电子设备及存储介质
CN106354381B (zh) 图像文件的处理方法及装置
US9230309B2 (en) Image processing apparatus and image processing method with image inpainting
CN113722630B (zh) 基于客户端渲染的资源数据在web页面中的呈现方法及设备
CN114049865B (zh) 屏幕刷新方法、装置、计算机可读存储介质及计算机设备
CN111063001B (zh) 图片合成方法、装置、电子设备以及存储介质
CN101996390A (zh) 一种图像拷贝的方法和装置
JP2001166754A (ja) 表示システム
CN112925468A (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