CN111159547A - 一种信息展示方法及装置、电子设备、计算机存储介质 - Google Patents

一种信息展示方法及装置、电子设备、计算机存储介质 Download PDF

Info

Publication number
CN111159547A
CN111159547A CN201911364789.8A CN201911364789A CN111159547A CN 111159547 A CN111159547 A CN 111159547A CN 201911364789 A CN201911364789 A CN 201911364789A CN 111159547 A CN111159547 A CN 111159547A
Authority
CN
China
Prior art keywords
display object
target
area
display
target display
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.)
Pending
Application number
CN201911364789.8A
Other languages
English (en)
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.)
JD Digital Technology Holdings Co Ltd
Original Assignee
JD Digital Technology Holdings 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 JD Digital Technology Holdings Co Ltd filed Critical JD Digital Technology Holdings Co Ltd
Priority to CN201911364789.8A priority Critical patent/CN111159547A/zh
Publication of CN111159547A publication Critical patent/CN111159547A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/953—Querying, e.g. by the use of web search engines
    • G06F16/9535—Search customisation based on user profiles and personalisation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0631—Item recommendations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0641—Shopping interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Marketing (AREA)
  • Development Economics (AREA)
  • Economics (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • General Engineering & Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种信息展示方法及装置、电子设备、计算机存储介质，所述方法包括：从一组展示对象中确定目标展示对象，并基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象；在第一区域显示所述目标展示对象的展示界面，以及在第二区域和第三区域分别显示所述第一展示对象和所述第二展示对象的预览界面。

Description

一种信息展示方法及装置、电子设备、计算机存储介质
技术领域
本申请涉及界面显示技术，尤其涉及一种信息展示方法及装置、电子设备、计算机存储介质。
背景技术
信息推荐被广泛应用于互联网领域。通过互联网媒介进行信息推荐时，信息展示较为常见的方式是横幅(banner)轮播，banner轮播通常使用与终端屏幕等宽的一系列图片进行水平方向上的平铺，每次移动一张图片的宽度来进行上下张图片的切换，达到轮播效果。通过banner轮播的方式展示信息，用户仅能看到当前展示的一张图片，无法预览下一张图片或上一张图片，信息推荐效率较低。
发明内容
本申请实施例提供了一种信息展示方法及装置、电子设备、计算机存储介质。
本申请实施例提供的信息展示方法，包括：
从一组展示对象中确定目标展示对象，并基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象；
在第一区域显示所述目标展示对象的展示界面，以及在第二区域和第三区域分别显示所述第一展示对象和所述第二展示对象的预览界面。
在本申请一可选实施方式中，所述一组展示对象包括N个展示对象，N为正整数；其中，所述一组展示对象中的各个展示对象按序进行编号；
所述基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象，包括：
基于所述目标展示对象的目标编号，确定与所述目标展示对象关联的第一展示对象的第一编号以及与所述目标展示对象关联的第二展示对象的第二编号。
在本申请一可选实施方式中，所述基于所述目标展示对象的目标编号，确定与所述目标展示对象关联的第一展示对象的第一编号以及与所述目标展示对象关联的第二展示对象的第二编号，包括：
若所述目标展示对象的目标编号的取值i为1，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为N，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为2；或者，
若所述目标展示对象的目标编号的取值i为N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为N-1，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为1；或者，
若所述目标展示对象的目标编号的取值i大于1且小于N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为i-1，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为i+1。
在本申请一可选实施方式中，所述方法还包括：
获得切换操作，生成切换指令；
响应所述切换指令，对所述目标展示对象的目标编号进行更新，并基于更新后的所述目标展示对象的目标编号，更新所述第一展示对象的第一编号以及所述第二展示对象的第二编号；
基于更新后的所述目标展示对象的目标编号更新所述第一区域的展示界面，以及基于更新后的所述的第一展示对象的第一编号更新所述第二区域的预览界面，以及基于更新后的所述的第二展示对象的第二编号更新所述第三区域的预览界面。
在本申请一可选实施方式中，所述获得切换操作，生成切换指令，包括：
获得位于第一交互图标上的点击操作，生成第一切换指令，其中，所述第一交互图标位于所述第三区域的第一方位；或者，获得沿第一方向的滑动操作，生成第一切换指令；
所述响应所述切换指令，对所述目标展示对象的目标编号进行更新，包括：
若所述目标展示对象的目标编号的取值i大于等于1且小于N，则将所述目标展示对象的目标编号的取值更新为i+1；或者，若所述目标展示对象的目标编号的取值i为N，则将所述目标展示对象的目标编号的取值更新为1。
在本申请一可选实施方式中，所述获得切换操作，生成切换指令，包括：
获得位于第二交互图标上的点击操作，生成第二切换指令，其中，所述第二交互图标位于所述第二区域的第二方位；或者，获得沿第二方向的滑动操作，生成第二切换指令；
所述响应所述切换指令，对所述目标展示对象的目标编号进行更新，包括：
若所述目标展示对象的目标编号的取值i为1，则将所述目标展示对象的目标编号的取值更新为N；或者，
若所述目标展示对象的目标编号的取值i大于1且小于等于N，则将所述目标展示对象的目标编号的取值更新为i-1。
在本申请一可选实施方式中，所述方法还包括：
基于第一动效属性确定所述第一区域对应的展示界面的更新效果，以及基于第二动效属性确定所述第二区域的更新效果，以及基于第三动效属性确定所述第二区域所显示的更新效果；
其中，所述第一动效属性、所述第二动效属性以及所述第三动效属性支持独立配置。
在本申请一可选实施方式中，所述第二区域和所述第三区域分布在所述第一区域的两侧，所述第二区域和所述第三区域的宽度固定，所述第一区域的宽度可调，且所述第二区域和所述第三区域的部分宽度移出屏幕；其中，
所述第一区域、所述第二区域以及所述第三区域中的每个区域内均关联所述一组展示对象对应的一组界面，所述一组界面在所述每个区域内通过绝对定位重合且所述一组界面中的最外层界面被显示在所述每个区域内。
在本申请一可选实施方式中，所述第一区域所显示的展示界面包括以下至少之一：
第一展示子区域，用于显示所述目标展示对象的分类信息；
第二展示子区域，用于显示所述目标展示对象的图片内容；
第三展示子区域，用于显示所述目标展示对象的名称信息；
第四展示子区域，用于显示所述目标展示对象的价格信息；
其中，所述展示界面中的各个展示子区域所显示的内容支持独立配置。
本申请实施例提供的信息展示装置，包括：
处理单元，用于从一组展示对象中确定目标展示对象，并基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象；
显示单元，用于在第一区域显示所述目标展示对象的展示界面，以及在第二区域和第三区域分别显示所述第一展示对象和所述第二展示对象的预览界面。
在本申请一可选实施方式中，所述一组展示对象包括N个展示对象，N为正整数；其中，所述一组展示对象中的各个展示对象按序进行编号；
所述处理单元，具体用于基于所述目标展示对象的目标编号，确定与所述目标展示对象关联的第一展示对象的第一编号以及与所述目标展示对象关联的第二展示对象的第二编号。
在本申请一可选实施方式中，所述处理单元，具体用于：
若所述目标展示对象的目标编号的取值i为1，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为N，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为2；或者，
若所述目标展示对象的目标编号的取值i为N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为N-1，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为1；或者，
若所述目标展示对象的目标编号的取值i大于1且小于N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为i-1，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为i+1。
在本申请一可选实施方式中，所述装置还包括：
获取单元，用于获得切换操作，生成切换指令；
所述处理单元，还用于响应所述切换指令，对所述目标展示对象的目标编号进行更新，并基于更新后的所述目标展示对象的目标编号，更新所述第一展示对象的第一编号以及所述第二展示对象的第二编号；
所述显示单元，还用于基于更新后的所述目标展示对象的目标编号更新所述第一区域的展示界面，以及基于更新后的所述的第一展示对象的第一编号更新所述第二区域的预览界面，以及基于更新后的所述的第二展示对象的第二编号更新所述第三区域的预览界面。
在本申请一可选实施方式中，所述获取单元，具体用于获得位于第一交互图标上的点击操作，生成第一切换指令，其中，所述第一交互图标位于所述第三区域的第一方位；或者，获得沿第一方向的滑动操作，生成第一切换指令；
所述处理单元，具体用于若所述目标展示对象的目标编号的取值i大于等于1且小于N，则将所述目标展示对象的目标编号的取值更新为i+1；或者，若所述目标展示对象的目标编号的取值i为N，则将所述目标展示对象的目标编号的取值更新为1。
在本申请一可选实施方式中，所述获取单元，具体用于获得位于第二交互图标上的点击操作，生成第二切换指令，其中，所述第二交互图标位于所述第二区域的第二方位；或者，获得沿第二方向的滑动操作，生成第二切换指令；
所述处理单元，具体用于若所述目标展示对象的目标编号的取值i为1，则将所述目标展示对象的目标编号的取值更新为N；或者，若所述目标展示对象的目标编号的取值i大于1且小于等于N，则将所述目标展示对象的目标编号的取值更新为i-1。
在本申请一可选实施方式中，所述处理单元，还用于基于第一动效属性确定所述第一区域对应的展示界面的更新效果，以及基于第二动效属性确定所述第二区域的更新效果，以及基于第三动效属性确定所述第二区域所显示的更新效果；
其中，所述第一动效属性、所述第二动效属性以及所述第三动效属性支持独立配置。
在本申请一可选实施方式中，所述第二区域和所述第三区域分布在所述第一区域的两侧，所述第二区域和所述第三区域的宽度固定，所述第一区域的宽度可调，且所述第二区域和所述第三区域的部分宽度移出屏幕；其中，
所述第一区域、所述第二区域以及所述第三区域中的每个区域内均关联所述一组展示对象对应的一组界面，所述一组界面在所述每个区域内通过绝对定位重合且所述一组界面中的最外层界面被显示在所述每个区域内。
在本申请一可选实施方式中，所述第一区域所显示的展示界面包括以下至少之一：
第一展示子区域，用于显示所述目标展示对象的分类信息；
第二展示子区域，用于显示所述目标展示对象的图片内容；
第三展示子区域，用于显示所述目标展示对象的名称信息；
第四展示子区域，用于显示所述目标展示对象的价格信息；
其中，所述展示界面中的各个展示子区域所显示的内容支持独立配置。
本申请实施例提供的电子设备包括：处理器和用于存储能够在处理器上运行的计算机程序的存储器，其中，所述处理器用于运行所述计算机程序时，执行上述的信息展示方法。
本申请实施例提供的计算机存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述的信息展示方法。
本申请实施例的技术方案中，将终端屏幕分为三个区域，分别为第一区域、第二区域以及第三区域，其中，在第一区域显示目标展示对象的展示界面，以及在第二区域和第三区域分别显示第一展示对象和第二展示对象的预览界面，从而实现了在对目标展示对象进行展示的同时，还可以预览第一展示对象和第二展示对象。另一方面，基于所述目标展示对象能够确定与所述目标展示对象关联的第一展示对象和第二展示对象，其中，第一展示对象为目标展示对象的上一个展示对象，第二展示对象为目标展示对象的下一个展示对象，从而实现了在三个区域分别独立显示三个具有关联关系的展示对象。
附图说明
图1为banner轮播的界面示意图；
图2为本申请实施例提供的信息展示方法的流程示意图；
图3为本申请实施例提供的展示对象的界面原理图；
图4为本申请实施例提供的展示对象的界面应用图；
图5为本申请实施例提供的更新展示对象的编号的流程示意图；
图6为本申请实施例提供的信息展示装置的结构组成示意图；
图7为本申请实施例提供的电子设备的硬件组成结构示意图。
具体实施方式
现在将参照附图来详细描述本申请的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本申请的范围。
同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本申请及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
本申请实施例可以应用于电子设备，该电子设备可以是移动终端或者是固定终端。电子设备可以以各种形式来实施。例如，本申请实施例中描述的电子设备可以包括诸如移动电话、智能电话、笔记本电脑、数字广播接收器、个人数字助理(Personal DigitalAssistant，PDA)、平板电脑(PAD)、便携式多媒体播放器(Portable Media Player，PMP)、导航装置等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。
本申请实施例中的电子设备具有显示单元，显示单元可以显示在电子设备中处理的信息。例如，当电子设备正在运行浏览器或者应用(APP)时，显示单元可以显示浏览器的界面或者APP的界面。例如，当电子设备处于电话通话模式时，显示单元可以显示与通话相关的用户界面(User Interface，UI)或图形用户界面(Graphical User Interface，GUI)。当电子设备处于视频通话模式或者图像捕获模式时，显示单元可以显示捕获的图像和/或接收的图像。
同时，当显示单元和触摸板以层的形式彼此叠加以形成触摸屏时，显示单元可以用作输入装置和输出装置。显示单元可以包括液晶显示器(Liquid Crystal Display，LCD)、薄膜晶体管LCD(Thin Film Transistor-LCD，TFT-LCD)、有机发光二极管(OrganicLight-Emitting Diode，OLED)显示器、柔性显示器、三维(3D)显示器等等中的至少一种。这些显示器中的一些可以被构造为透明状以允许用户从外部观看，这可以称为透明显示器，典型的透明显示器可以例如为透明有机发光二极管(TOLED)显示器等等。根据特定想要的实施方式，电子设备可以包括两个或更多显示单元(或其它显示装置)。触摸屏可用于检测触摸输入压力以及触摸输入位置和触摸输入面积。
通过电子设备的显示单元显示推荐信息时，常见的信息展示方式是banner轮播，如图1所示，以推荐的信息是商品为例，每个推荐的商品都是以图片的方式进行展示，banner轮播通常使用与显示单元等宽的一系列图片进行水平方向上的平铺，每次移动一张图片的宽度来进行上下张图片的切换，达到轮播效果。图1中的可视区为用户能够观看到的显示区域(即电子设备的显示单元的显示区域)，对于可视区外的图片不可见。这种信息展示方式会存在以下问题：
1、无法较好地预览上一张和下一张图片。
2、如果将商品信息和商品图片合成为一张图片，将无法灵活配置商品信息(如价格，名称等)；如果将商品信息与商品图片拆分开，将会额外增加页面文档对象模型(Document Object Model，DOM)结构，导致维护的成本增加。
3、针对图片的交互方式比较固化，可拓展性不高。
4、针对图片的无限切换需要进行复位操作才能实现。
为解决上述至少一种问题，提出了本申请实施例的以下技术方案。
图2为本申请实施例提供的信息展示方法的流程示意图，如图2所示，所述信息展示方法包括以下步骤：
步骤201：从一组展示对象中确定目标展示对象，并基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象。
本申请实施例中，一组展示对象包括N个展示对象，N为正整数。其中，一组展示对象中的每个展示对象可以是待推荐的对象，如商品。
本申请实施例中，目标展示对象是指在显示单元的显示界面需要显示其展示界面的展示对象，第一展示对象和第二展示对象是指在显示单元的显示界面需要显示其预览界面的展示对象。
在一可选实施方式中，展示界面包括了展示对象的分类信息、图片内容、名称信息以及价格信息。
在一可选实施方式中，预览界面包括了展示对象的图片内容，且预览界面以一定的透明度进行呈现。
需要说明的是，展示界面相对于预览界面来说，其显示的内容更为丰富且占据的显示区域更大，目的是为了突显展示界面的内容，给用户更加直观的体验。
本申请实施例中，第一展示对象和第二展示对象与目标展示对象具有关联关系，即确定出目标展示对象后，可以根据该目标展示对象确定与其关联的第一展示对象和第二展示对象。
在一可选实施方式中，可以配置默认的目标展示对象，在通过浏览器开启指定网页后或者开启指定APP后，初始化显示的目标展示对象可以基于默认配置的目标展示对象来确定。
在一可选实施方式中，所述基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象，可以通过以下方式来实现：
所述一组展示对象包括N个展示对象，N为正整数；其中，所述一组展示对象中的各个展示对象按序进行编号；基于所述目标展示对象的目标编号，确定与所述目标展示对象关联的第一展示对象的第一编号以及与所述目标展示对象关联的第二展示对象的第二编号。
具体地，假设i为所述目标展示对象的目标编号，1)若所述目标展示对象的目标编号的取值i为1，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为N，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为i+1(即2)；或者，2)若所述目标展示对象的目标编号的取值i为N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为i-1(即N-1)，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为1；或者，3)若所述目标展示对象的目标编号的取值i大于1且小于N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为i-1，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为i+1。
通过上述方案，可以确定出第一展示对象的第一编号以及第二展示对象的第二编号，由于编号用于标识展示对象，因而也即确定出了第一展示对象和第二展示对象。
举个例子：一组展示对象包括5个商品，分别为商品A(编号为1)，分别为商品B(编号为2)，分别为商品C(编号为3)，分别为商品D(编号为4)，分别为商品E(编号为5)。其中，若默认的目标展示对象为商品B，根据商品B的编号2可以确定出上一个商品的编号1(2-1＝1)，即第一展示对象为商品A，同样，根据商品B的编号2可以确定出下一个商品的编号3(2+1＝3)，即第二展示对象为商品C。若默认的目标展示对象为商品A，根据商品A的编号1可以确定出上一个商品的编号5，即第一展示对象为商品E，同样，根据商品A的编号1可以确定出下一个商品的编号2(1+1＝2)，即第二展示对象为商品B。若默认的目标展示对象为商品E，根据商品E的编号5可以确定出上一个商品的编号4(5-1＝4)，即第一展示对象为商品D，同样，根据商品E的编号5可以确定出下一个商品的编号1，即第二展示对象为商品A。
步骤202：在第一区域显示所述目标展示对象的展示界面，以及在第二区域和第三区域分别显示所述第一展示对象和所述第二展示对象的预览界面。
本申请实施例中，显示界面的全部显示区域或部分显示区域(如上半部分显示区域)被分成了三个区域，分别为第一区域、第二区域以及第三区域。其中，第一区域也可以称为中间展示区域，第二区域也可以称为左侧预览区域，第三区域也可以称为右侧预览区域。这三个区域分别对应三个容器，即这三个区域是完全独立的，三个区域所显示的内容是独立显示的。需要说明的是，虽然三个区域所显示的内容是独立显示的，但是这三个区域所显示的内容之间具有关联关系，该关联关系即为上述方案中的第一展示对象和第二展示对象与目标展示对象之间的关联关系。
本申请实施例中，三个区域所显示的内容是独立显示的，可以通过以下方式来实现：三个区域中的每个区域都对应同样的一组展示对象，每个区域都可以从一组展示对象中查找自身区域所对应的展示对象。以一组展示对象为一组商品为例，三个区域中的每个区域都对应同样一组商品，从1开始对这一组商品进行编号。假设第一区域(即中间展示区域)的初始化显示的商品编号为2，那么第二区域(即左侧预览区域)只需要找到商品编号为1(2-1＝1)的商品进行展示即可实现上一个商品的预览。同理，第二区域(即右侧预览区域)只需要找到商品编号为3(2+1＝3)的商品进行展示即可实现下一个商品的预览。当然，初始化显示的商品编号可以自由配置。
基于编号使得一组展示对象的结构有序，因此，各个区域所呈现的界面可以根据动态返回的JS对象简谱(JavaScript Object Notation，JSON)数据，按照字段进行对应内容的填充来实现。这里，JSON数据来源为动态配置的接口，所以JSON数据的内容是可以动态配置的，且支持一份数据多处使用从而达到高效利用的目的。
在一可选实施方式中，所述第二区域和所述第三区域分布在所述第一区域的两侧，所述第二区域和所述第三区域的宽度固定，所述第一区域的宽度可调，且所述第二区域和所述第三区域的部分宽度移出屏幕；其中，
所述第一区域、所述第二区域以及所述第三区域中的每个区域内均关联所述一组展示对象对应的一组界面，所述一组界面在所述每个区域内通过绝对定位重合且所述一组界面中的最外层界面被显示在所述每个区域内。
进一步，可选地，所述第二区域和所述第三区域所显示的预览界面以一定的透明度进行呈现。
在一可选实施方式中，所述第二区域和所述第三区域的尺寸相等，且所述第二区域和所述第三区域的尺寸小于所述第一区域的尺寸。
在一可选实施方式中，所述第一区域所显示的展示界面包括以下至少之一：
第一展示子区域，用于显示所述目标展示对象的分类信息；
第二展示子区域，用于显示所述目标展示对象的图片内容；
第三展示子区域，用于显示所述目标展示对象的名称信息；
第四展示子区域，用于显示所述目标展示对象的价格信息；
其中，所述展示界面中的各个展示子区域所显示的内容支持独立配置。
参照图3，图3为展示对象的界面原理图，以展示对象为商品为例，可视区为用户能够观看到的显示区域，可视区外的内容不可见。第一区域为中间展示区域，第二区域为左侧预览区域，第三区域为右侧预览区域，其中，中间展示区域显示商品2(即目标展示对象)的展示界面，左侧预览区域显示商品1(即第一展示对象)的预览界面，右侧预览区域显示商品3(即第二展示对象)的预览界面。对于商品2的展示界面来说，包括的内容有：商品对应的分类、商品的图片、商品的名称以及商品价格。对于商品1和商品3的预览界面来说，包括的内容有商品的图片。在一个应用示例中，参照图4，目标展示对象为一种相机、第一展示对象为手机、第二展示对象为空调。
本申请实施例中，上述三个区域所显示的界面可以被更新。具体地，获得切换操作，生成切换指令；响应所述切换指令，对所述目标展示对象的目标编号进行更新，并基于更新后的所述目标展示对象的目标编号，更新所述第一展示对象的第一编号以及所述第二展示对象的第二编号；基于更新后的所述目标展示对象的目标编号更新所述第一区域的展示界面，以及基于更新后的所述的第一展示对象的第一编号更新所述第二区域的预览界面，以及基于更新后的所述的第二展示对象的第二编号更新所述第三区域的预览界面。
在一实施方式中，所述切换操作用于切换上一个展示对象，相应地，可以通过以下方式更新目标展示对象：1)获得位于第一交互图标上的点击操作，生成第一切换指令，其中，所述第一交互图标位于所述第三区域的第一方位；或者，获得沿第一方向的滑动操作，生成第一切换指令；2)响应所述第一切换指令，若所述目标展示对象的目标编号的取值i大于等于1且小于N，则将所述目标展示对象的目标编号的取值更新为i+1；或者，若所述目标展示对象的目标编号的取值i为N，则将所述目标展示对象的目标编号的取值更新为1。
在另一实施方式中，所述切换操作用于切换下一个展示对象，相应地，可以通过以下方式更新目标展示对象：1)获得位于第二交互图标上的点击操作，生成第二切换指令，其中，所述第二交互图标位于所述第二区域的第二方位；或者，获得沿第二方向的滑动操作，生成第二切换指令；2)响应所述第二切换指令，若所述目标展示对象的目标编号的取值i为1，则将所述目标展示对象的目标编号的取值更新为N；或者，若所述目标展示对象的目标编号的取值i大于1且小于等于N，则将所述目标展示对象的目标编号的取值更新为i-1。
通过上述方式对目标展示对象的目标编号进行更新后，可以基于更新后的所述目标展示对象的目标编号，更新所述第一展示对象的第一编号以及所述第二展示对象的第二编号。这里，所述第一展示对象的第一编号以及所述第二展示对象的第二编号与目标展示对象的目标编号的关联关系可以参照前述相关描述，根据这种关联关系，可以基于更新后的所述目标展示对象的目标编号，更新所述第一展示对象的第一编号以及所述第二展示对象的第二编号。
需要说明的是，上述方案中的第一交互图标和第二交互图标的形状不做限制，例如第一交互图标可以是箭头朝右的三角形，第二交互图标可以是箭头朝左的三角形。
如图3和图4所示，左侧预览区域的右侧有一个三角形的箭头(即第一交互图标)，用于标识可以进行上一个商品的切换操作，用户可以点击该箭头实现上一个商品的切换；右侧预览区域的左侧有一个三角形的箭头(即第二交互图标)，用于标识可以进行下一个商品的切换操作，用户可以点击该箭头实现下一个商品的切换。或者，支持手指向左滑动进行下一个商品的切换操作，用户可以在显示单元上向左滑动实现下一个商品的切换；支持手指向右滑动进行上一个商品的切换操作，用户可以在显示单元上向右滑动实现上一个商品的切换。
本申请实施例中，基于第一动效属性确定所述第一区域对应的展示界面的更新效果，以及基于第二动效属性确定所述第二区域的更新效果，以及基于第三动效属性确定所述第二区域所显示的更新效果；其中，所述第一动效属性、所述第二动效属性以及所述第三动效属性支持独立配置。
这里，由于三个区域中的每个区域都是互相独立的，所以切换的过程，只需要按照下一个展示对象的编号为当前编号加1，以及上一个展示对象的编号为当前编号减1的规则来确定切换后的展示对象，进而对切换后的展示对象进行显示即可。如此，本申请实施例的技术方案可以针对每个区域内做自定义的切换动效，非常的灵活，易于拓展。
另一方面，由于三个区域中的每个区域都是互相独立的，因而三个区域对应的三个容器也不需要移动，所以不需要位置重置的操作，天然支持无限切换。
本申请实施例的技术方案提出一种新型轮播方案，支持上一个和下一个展示对象的预览，同时支持动态配置展示对象的信息(如商品信息)。另外，支持点触(点击和滑动)操作来实现展示对象的切换，并可以灵活配置切换动效，具有高度拓展性。再者，由于三个区域中的每个区域都是互相独立的，因而天然支持无限切换。
本申请实施例中，为了解决在业务支持中，遇到同样需求的场景，需要多次开发导致资源浪费的问题，基于上述方案封装一套组件，只需维护一套组件代码，同样需求可直接应用该套组件，可以显著提升开发效率。以下对该套组件的主要功能实现进行描述。
1)动态配置展示对象的信息(以下以商品信息为例)
基于本申请实施例的上述技术方案，封装CustomSwiper的轮播组件，通过初始化配置业务接口的链接(url)和使用字段(keys)。页面生成时将自动获取业务接口返回的动态的商品信息(名称、价格、图片等)，根据配置时指定的字段进行对应位置的填充，自动生成轮播组件。轮播组件的初始化代码如下表1所示：
Figure BDA0002338117390000151
表1
2)灵活配置切换动效
初始化轮播组件时可灵活配置各区域的切换动效，组件内内置animate.css中的数十种动效。动效本身是通过给每个区域的容器添加对应动画的样式名实现。所以，很容易通过自定义样式名来拓展定制自定义的动效。动效配置的代码如下表2所示，其中，centerEffect代表第一动效属性(用于确定第一区域对应的展示界面的更新效果)，leftEffect代表第二动效属性(用于确定第二区域对应的展示界面的更新效果)，rightEffect代表第三动效属性(用于确定第三区域对应的展示界面的更新效果)，此外，effect代表通用切换动效，如果centerEffect、leftEffect以及rightEffect中的哪个没有被配置，则使用通用切换动效。
Figure BDA0002338117390000152
Figure BDA0002338117390000161
表2
3)三个区域的位置实现
三个区域的界面采用弹性布局，左区域(即第二区域)和右区域(即第三区域)为定宽区域，中间区域(即第一区域)为自适应宽区域。左右区域内的容器为绝对定位，通过CSS3中的transform属性移出屏幕部分的宽度(如图3和图4所示)，并且增加部分透明度，突显中间区域的内容。中间区域内的容器为相对定位。三个区域内的图片在容器内都是通过绝对定位重合在一起，实现叠加，且只展示最上面的商品。
4)点触交互的实现
当点击三角形箭头(如图3和图4所示)时，会触发点击(click)事件，进行相应的上/下一个展示对象的切换，此时，需要进行三个区域的展示对象的编号进行更新。当触发非点击操作时，手指触到屏幕，会触发touchstart事件，记录此时手指的位置(x1,y1)；手指在屏幕上移动时，会触发touchmove事件，记录当前手指的位置(x2,y2)；手指离开屏幕，会触发touchend事件，此时判断x2-x1的值，如果是大于0，则表明手指进行右滑操作，也就对应上一个展示对象的切换。反之，如果小于0，则表明手指进行左滑操作，也就对应下一个展示对象的切换；此时，需要进行三个区域的展示对象的编号进行更新。
5)二次开发零成本
由于本申请实施例的方案已经被封装成一个组件，所以当遇到同样需求的时候，无需花费成本进行重新开发，直接引入组件后，执行组件的初始化操作即可将该功能模块嵌入业务代码中，提高了开发效率。
本申请实施例的技术方案，由于三个区域中的每个区域都是互相独立的，因而封装成的组件是一种支持前后商品的预览、支持点触结合的交互以及无限切换的轮播组件。通过组件的初始化配置能自定义无数种切换动效和动态配置展示内容。
图5为本申请实施例提供的更新展示对象的编号的流程示意图，本示例中的展示对象可以是商品，相应地，展示对象的编号可以是商品编号，如图5所示，所述更新展示对象的编号的流程包括以下步骤：
步骤501：假设商品数量为N，中间展示区域的商品编号为i。
这里，N为正整数，i为大于等于1且小于等于N的整数。
这里，商品即为本申请实施例所述的展示对象。
这里，中间展示区域即为本申请实施例所述的第一区域。
步骤502：判断N>2是否成立，否时，执行步骤503，是时，执行步骤504。
步骤503：数量不足，无法生成轮播圈。流程结束。
步骤504：判断i＝1是否成立，是时，执行步骤505，否时，执行步骤506。
步骤505：左侧预览区域的商品编号为N，右侧预览区域的商品编号为i+1。进一步，若进行切换操作，执行步骤509。
步骤506：判断i＝N是否成立，是时，执行步骤507，否时，执行步骤508,。
步骤507：左侧预览区域的商品编号为i-1，右侧预览区域的商品编号为1。进一步，若进行切换操作，执行步骤509。
步骤508：左侧预览区域的商品编号为i-1，右侧预览区域的商品编号为i+1。进一步，若进行切换操作，执行步骤509。
步骤509：若切换至上一个商品，则进行赋值操作i＝i-1；若切换至下一个商品，则进行赋值操作i＝i+1。
图6为本申请实施例提供的信息展示装置的结构组成示意图，如图6所示，所述信息展示装置包括：
处理单元601，用于从一组展示对象中确定目标展示对象，并基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象；
显示单元602，用于在第一区域显示所述目标展示对象的展示界面，以及在第二区域和第三区域分别显示所述第一展示对象和所述第二展示对象的预览界面。
在本申请一可选实施方式中，所述一组展示对象包括N个展示对象，N为正整数；其中，所述一组展示对象中的各个展示对象按序进行编号；
所述处理单元601，具体用于基于所述目标展示对象的目标编号，确定与所述目标展示对象关联的第一展示对象的第一编号以及与所述目标展示对象关联的第二展示对象的第二编号。
在本申请一可选实施方式中，所述处理单元601，具体用于：
若所述目标展示对象的目标编号的取值i为1，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为N，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为2；或者，
若所述目标展示对象的目标编号的取值i为N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为N-1，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为1；或者，
若所述目标展示对象的目标编号的取值i大于1且小于N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为i-1，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为i+1。
在本申请一可选实施方式中，所述装置还包括：
获取单元603，用于获得切换操作，生成切换指令；
所述处理单元601，还用于响应所述切换指令，对所述目标展示对象的目标编号进行更新，并基于更新后的所述目标展示对象的目标编号，更新所述第一展示对象的第一编号以及所述第二展示对象的第二编号；
所述显示单元602，还用于基于更新后的所述目标展示对象的目标编号更新所述第一区域的展示界面，以及基于更新后的所述的第一展示对象的第一编号更新所述第二区域的预览界面，以及基于更新后的所述的第二展示对象的第二编号更新所述第三区域的预览界面。
在本申请一可选实施方式中，所述获取单元603，具体用于获得位于第一交互图标上的点击操作，生成第一切换指令，其中，所述第一交互图标位于所述第三区域的第一方位；或者，获得沿第一方向的滑动操作，生成第一切换指令；
所述处理单元601，具体用于若所述目标展示对象的目标编号的取值i大于等于1且小于N，则将所述目标展示对象的目标编号的取值更新为i+1；或者，若所述目标展示对象的目标编号的取值i为N，则将所述目标展示对象的目标编号的取值更新为1。
在本申请一可选实施方式中，所述获取单元603，具体用于获得位于第二交互图标上的点击操作，生成第二切换指令，其中，所述第二交互图标位于所述第二区域的第二方位；或者，获得沿第二方向的滑动操作，生成第二切换指令；
所述处理单元601，具体用于若所述目标展示对象的目标编号的取值i为1，则将所述目标展示对象的目标编号的取值更新为N；或者，若所述目标展示对象的目标编号的取值i大于1且小于等于N，则将所述目标展示对象的目标编号的取值更新为i-1。
在本申请一可选实施方式中，所述处理单元601，还用于基于第一动效属性确定所述第一区域对应的展示界面的更新效果，以及基于第二动效属性确定所述第二区域的更新效果，以及基于第三动效属性确定所述第二区域所显示的更新效果；
其中，所述第一动效属性、所述第二动效属性以及所述第三动效属性支持独立配置。
在本申请一可选实施方式中，所述第二区域和所述第三区域分布在所述第一区域的两侧，所述第二区域和所述第三区域的宽度固定，所述第一区域的宽度可调，且所述第二区域和所述第三区域的部分宽度移出屏幕；其中，
所述第一区域、所述第二区域以及所述第三区域中的每个区域内均关联所述一组展示对象对应的一组界面，所述一组界面在所述每个区域内通过绝对定位重合且所述一组界面中的最外层界面被显示在所述每个区域内。
进一步，可选地，所述第二区域和所述第三区域所显示的预览界面以一定的透明度进行呈现。
在本申请一可选实施方式中，所述第一区域所显示的展示界面包括以下至少之一：
第一展示子区域，用于显示所述目标展示对象的分类信息；
第二展示子区域，用于显示所述目标展示对象的图片内容；
第三展示子区域，用于显示所述目标展示对象的名称信息；
第四展示子区域，用于显示所述目标展示对象的价格信息；
其中，所述展示界面中的各个展示子区域所显示的内容支持独立配置。
本申请实施例中，所述信息展示装置中各单元实现的功能可以参照前述信息展示方法的相关描述进行理解。具体实现时，所述信息展示装置中的处理单元可由所述电子设备中的处理器，比如中央处理器(Central Processing Unit，CPU)、数字信号处理器(Digital Signal Processor，DSP)、微控制单元(Microcontroller Unit，MCU)或可编程门阵列(Field－Programmable Gate Array，FPGA)等实现；所述电子设备中的获取单元以及显示单元可以通过触摸显示屏来实现。
需要说明的是：上述各单元的划分仅为示例性的，实际应用中，可以将电子设备的内部结构划分成不同的单元，以完成以上描述的全部或者部分功能。另外，上述实施例提供的电子设备与人体姿态迁移方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
基于上述设备的硬件实现，本申请实施例还提供了一种电子设备，图7为本申请实施例的电子设备的硬件组成结构示意图，如图7所示，电子设备包括存储器701、处理器702及存储在存储器701上并可在处理器上运行的计算机程序；作为第一种实施方式，位于电子设备的处理器702执行所述程序时实现上述信息展示方法中的任意步骤。
可以理解，电子设备还包括总线系统703；电子设备中的各个组件通过总线系统703耦合在一起。可理解，总线系统703用于实现这些组件之间的连接通信。总线系统703除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。
可以理解，本实施例中的存储器可以是易失性存储器或非易失性存储器，也可包括易失性和非易失性存储器两者。其中，非易失性存储器可以是只读存储器(Read OnlyMemory，ROM)、可编程只读存储器(Programmable Read-Only Memory，PROM)、可擦除可编程只读存储器(Erasable Programmable Read-Only Memory，EPROM)、电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory，EEPROM)、磁性随机存取存储器(Ferromagnetic Random Access Memory，FRAM)、快闪存储器(Flash Memory)、磁表面存储器、光盘、或只读光盘(Compact Disc Read-Only Memory，CD-ROM)；磁表面存储器可以是磁盘存储器或磁带存储器。易失性存储器可以是随机存取存储器(Random AccessMemory，RAM)，其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用，例如静态随机存取存储器(Static Random Access Memory，SRAM)、同步静态随机存取存储器(Synchronous Static Random Access Memory，SSRAM)、动态随机存取存储器(DynamicRandom Access Memory，DRAM)、同步动态随机存取存储器(Synchronous Dynamic RandomAccess Memory，SDRAM)、双倍数据速率同步动态随机存取存储器(Double Data RateSynchronous Dynamic Random Access Memory，DDRSDRAM)、增强型同步动态随机存取存储器(Enhanced Synchronous Dynamic Random Access Memory，ESDRAM)、同步连接动态随机存取存储器(SyncLink Dynamic Random Access Memory，SLDRAM)、直接内存总线随机存取存储器(Direct Rambus Random Access Memory，DRRAM)。本申请实施例描述的存储器旨在包括但不限于这些和任意其它适合类型的存储器。
上述本申请实施例揭示的方法可以应用于处理器中，或者由处理器实现。处理器可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器、DSP，或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。处理器可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本申请实施例所公开的方法的步骤，可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于存储介质中，该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成前述方法的步骤。
本申请实施例还提供了一种计算机存储介质，具体为计算机可读存储介质。其上存储有计算机指令，作为第一种实施方式，在计算机存储介质位于电子设备时，该计算机指令被处理器执行时实现上述信息展示方法中的任意步骤。
在本申请所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，如：多个单元或组件可以结合，或可以集成到另一个系统，或一些特征可以忽略，或不执行。另外，所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口，设备或单元的间接耦合或通信连接，可以是电性的、机械的或其它形式的。
上述作为分离部件说明的单元可以是、或也可以不是物理上分开的，作为单元显示的部件可以是、或也可以不是物理单元，即可以位于一个地方，也可以分布到多个网络单元上；可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。
另外，在本申请各实施例中的各功能单元可以全部集成在一个处理单元中，也可以是各单元分别单独作为一个单元，也可以至少两个单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
或者，本申请上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本申请各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
需要说明的是：本申请实施例所记载的技术方案之间，在不冲突的情况下，可以任意组合。
以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (12)

1.一种信息展示方法，其特征在于，所述方法包括：
从一组展示对象中确定目标展示对象，并基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象；
在第一区域显示所述目标展示对象的展示界面，以及在第二区域和第三区域分别显示所述第一展示对象和所述第二展示对象的预览界面。
2.根据权利要求1所述的方法，其特征在于，所述一组展示对象包括N个展示对象，N为正整数；其中，所述一组展示对象中的各个展示对象按序进行编号；
所述基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象，包括：
基于所述目标展示对象的目标编号，确定与所述目标展示对象关联的第一展示对象的第一编号以及与所述目标展示对象关联的第二展示对象的第二编号。
3.根据权利要求2所述的方法，其特征在于，所述基于所述目标展示对象的目标编号，确定与所述目标展示对象关联的第一展示对象的第一编号以及与所述目标展示对象关联的第二展示对象的第二编号，包括：
若所述目标展示对象的目标编号的取值i为1，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为N，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为2；或者，
若所述目标展示对象的目标编号的取值i为N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为N-1，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为1；或者，
若所述目标展示对象的目标编号的取值i大于1且小于N，则确定与所述目标展示对象关联的第一展示对象的第一编号的取值为i-1，以及与所述目标展示对象关联的第二展示对象的第二编号的取值为i+1。
4.根据权利要求3所述的方法，其特征在于，所述方法还包括：
获得切换操作，生成切换指令；
响应所述切换指令，对所述目标展示对象的目标编号进行更新，并基于更新后的所述目标展示对象的目标编号，更新所述第一展示对象的第一编号以及所述第二展示对象的第二编号；
基于更新后的所述目标展示对象的目标编号更新所述第一区域的展示界面，以及基于更新后的所述的第一展示对象的第一编号更新所述第二区域的预览界面，以及基于更新后的所述的第二展示对象的第二编号更新所述第三区域的预览界面。
5.根据权利要求4所述的方法，其特征在于，所述获得切换操作，生成切换指令，包括：
获得位于第一交互图标上的点击操作，生成第一切换指令，其中，所述第一交互图标位于所述第三区域的第一方位；或者，获得沿第一方向的滑动操作，生成第一切换指令；
所述响应所述切换指令，对所述目标展示对象的目标编号进行更新，包括：
若所述目标展示对象的目标编号的取值i大于等于1且小于N，则将所述目标展示对象的目标编号的取值更新为i+1；或者，若所述目标展示对象的目标编号的取值i为N，则将所述目标展示对象的目标编号的取值更新为1。
6.根据权利要求4所述的方法，其特征在于，所述获得切换操作，生成切换指令，包括：
获得位于第二交互图标上的点击操作，生成第二切换指令，其中，所述第二交互图标位于所述第二区域的第二方位；或者，获得沿第二方向的滑动操作，生成第二切换指令；
所述响应所述切换指令，对所述目标展示对象的目标编号进行更新，包括：
若所述目标展示对象的目标编号的取值i为1，则将所述目标展示对象的目标编号的取值更新为N；或者，
若所述目标展示对象的目标编号的取值i大于1且小于等于N，则将所述目标展示对象的目标编号的取值更新为i-1。
7.根据权利要求4至6中任一项所述的方法，其特征在于，所述方法还包括：
基于第一动效属性确定所述第一区域对应的展示界面的更新效果，以及基于第二动效属性确定所述第二区域的更新效果，以及基于第三动效属性确定所述第二区域所显示的更新效果；
其中，所述第一动效属性、所述第二动效属性以及所述第三动效属性支持独立配置。
8.根据权利要求1所述的方法，其特征在于，所述第二区域和所述第三区域分布在所述第一区域的两侧，所述第二区域和所述第三区域的宽度固定，所述第一区域的宽度可调，且所述第二区域和所述第三区域的部分宽度移出屏幕；其中，
所述第一区域、所述第二区域以及所述第三区域中的每个区域内均关联所述一组展示对象对应的一组界面，所述一组界面在所述每个区域内通过绝对定位重合且所述一组界面中的最外层界面被显示在所述每个区域内。
9.根据权利要求1或8所述的方法，其特征在于，所述第一区域所显示的展示界面包括以下至少之一：
第一展示子区域，用于显示所述目标展示对象的分类信息；
第二展示子区域，用于显示所述目标展示对象的图片内容；
第三展示子区域，用于显示所述目标展示对象的名称信息；
第四展示子区域，用于显示所述目标展示对象的价格信息；
其中，所述展示界面中的各个展示子区域所显示的内容支持独立配置。
10.一种信息展示装置，其特征在于，所述装置包括：
处理单元，用于从一组展示对象中确定目标展示对象，并基于所述目标展示对象确定与所述目标展示对象关联的第一展示对象和第二展示对象；
显示单元，用于在第一区域显示所述目标展示对象的展示界面，以及在第二区域和第三区域分别显示所述第一展示对象和所述第二展示对象的预览界面。
11.一种计算机存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1至9任一项所述方法的步骤。
12.一种电子设备，其特征在于，所述电子设备包括：处理器和用于存储能够在处理器上运行的计算机程序的存储器，
其中，所述处理器用于运行所述计算机程序时，执行权利要求1至9任一项所述方法的步骤。
CN201911364789.8A 2019-12-26 2019-12-26 一种信息展示方法及装置、电子设备、计算机存储介质 Pending CN111159547A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911364789.8A CN111159547A (zh) 2019-12-26 2019-12-26 一种信息展示方法及装置、电子设备、计算机存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911364789.8A CN111159547A (zh) 2019-12-26 2019-12-26 一种信息展示方法及装置、电子设备、计算机存储介质

Publications (1)

Publication Number Publication Date
CN111159547A true CN111159547A (zh) 2020-05-15

Family

ID=70558132

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911364789.8A Pending CN111159547A (zh) 2019-12-26 2019-12-26 一种信息展示方法及装置、电子设备、计算机存储介质

Country Status (1)

Country Link
CN (1) CN111159547A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112199752A (zh) * 2020-10-30 2021-01-08 久瓴(江苏)数字智能科技有限公司 一种嵌板对象的生成方法、装置及电子设备
CN112883263A (zh) * 2021-02-09 2021-06-01 浙江口碑网络技术有限公司 信息推荐方法、装置及电子设备
CN113360066A (zh) * 2021-06-18 2021-09-07 海信视像科技股份有限公司 一种显示设备及文件展示方法
CN113407283A (zh) * 2021-06-24 2021-09-17 优地网络有限公司 一种界面显示方法、装置及电子设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107341710A (zh) * 2017-06-12 2017-11-10 武汉渡人网络技术有限公司 一种三维全景信息互动影息技术
CN107885814A (zh) * 2017-11-06 2018-04-06 北京金风科创风电设备有限公司 显示轮播图的方法和装置
CN109726343A (zh) * 2018-12-26 2019-05-07 北京字节跳动网络技术有限公司 图像轮播方法和装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107341710A (zh) * 2017-06-12 2017-11-10 武汉渡人网络技术有限公司 一种三维全景信息互动影息技术
CN107885814A (zh) * 2017-11-06 2018-04-06 北京金风科创风电设备有限公司 显示轮播图的方法和装置
CN109726343A (zh) * 2018-12-26 2019-05-07 北京字节跳动网络技术有限公司 图像轮播方法和装置

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112199752A (zh) * 2020-10-30 2021-01-08 久瓴(江苏)数字智能科技有限公司 一种嵌板对象的生成方法、装置及电子设备
CN112883263A (zh) * 2021-02-09 2021-06-01 浙江口碑网络技术有限公司 信息推荐方法、装置及电子设备
CN112883263B (zh) * 2021-02-09 2023-06-20 浙江口碑网络技术有限公司 信息推荐方法、装置及电子设备
CN113360066A (zh) * 2021-06-18 2021-09-07 海信视像科技股份有限公司 一种显示设备及文件展示方法
CN113407283A (zh) * 2021-06-24 2021-09-17 优地网络有限公司 一种界面显示方法、装置及电子设备

Similar Documents

Publication Publication Date Title
CN111159547A (zh) 一种信息展示方法及装置、电子设备、计算机存储介质
US20210182948A1 (en) Product browsing method and apparatus, device and storage medium
US9335921B2 (en) Providing subpages in a touch panel user interface
US9965138B2 (en) Mobile communications device, non-transitory computer-readable medium and method of activating update of home screen of mobile communications device
US9552129B2 (en) Interactive visual representation of points of interest data
US9323427B2 (en) Method and apparatus for displaying lists
US9026938B2 (en) Dynamic detail-in-context user interface for application access and content access on electronic displays
CN106303740B (zh) 智能电视的桌面导航系统及该系统的实现方法
US9196227B2 (en) Selecting techniques for enhancing visual accessibility based on health of display
AU2011101581A4 (en) Method and apparatus of scrolling a document displayed in a browser window
US20110209080A1 (en) Display method and electronic device for using the same
CN106161956A (zh) 一种拍摄时预览画面的处理方法和终端
CN109062653B (zh) 长图文信息显示方法、计算机装置及计算机可读存储介质
JP2012038336A (ja) 装置上でデジタルビジュアルコンテンツを閲覧するためのシステム及び方法
US20160335740A1 (en) Zoomable web-based wall with natural user interface
US20140365873A1 (en) Computing devices for generating content layout
CN110286977B (zh) 显示方法及相关产品
US20230205401A1 (en) Interface interaction method, apparatus, computer device and storage medium
CN111949900B (zh) 显示方法、装置、设备以及存储介质
CN108491140B (zh) 互动内容的展示方法及装置
CN113438531A (zh) 对象展示方法、装置、电子设备及存储介质
US20110175908A1 (en) Image Effect Display Method and Electronic Apparatus Thereof
US20180059880A1 (en) Methods and systems for interactive three-dimensional electronic book
US8949245B2 (en) Enhanced views of tagged items in a gallery
CN115917488A (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
CB02 Change of applicant information

Address after: Room 221, 2nd floor, Block C, 18 Kechuang 11th Street, Daxing Economic and Technological Development Zone, Beijing, 100176

Applicant after: Jingdong Technology Holding Co.,Ltd.

Address before: Room 221, 2nd floor, Block C, 18 Kechuang 11th Street, Daxing Economic and Technological Development Zone, Beijing, 100176

Applicant before: JINGDONG DIGITAL TECHNOLOGY HOLDINGS Co.,Ltd.

CB02 Change of applicant information