CN113377270B - 信息显示方法、装置、设备及存储介质 - Google Patents
信息显示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN113377270B CN113377270B CN202110604515.2A CN202110604515A CN113377270B CN 113377270 B CN113377270 B CN 113377270B CN 202110604515 A CN202110604515 A CN 202110604515A CN 113377270 B CN113377270 B CN 113377270B
- Authority
- CN
- China
- Prior art keywords
- target area
- target
- content
- area
- sliding operation
- 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
- 238000000034 method Methods 0.000 title claims abstract description 80
- 230000000694 effects Effects 0.000 claims abstract description 157
- 230000004044 response Effects 0.000 claims abstract description 95
- 238000009877 rendering Methods 0.000 claims description 32
- 230000008569 process Effects 0.000 claims description 24
- 230000033001 locomotion Effects 0.000 claims description 18
- 230000015654 memory Effects 0.000 claims description 15
- 230000003247 decreasing effect Effects 0.000 claims description 13
- 230000003068 static effect Effects 0.000 claims description 8
- 238000004590 computer program Methods 0.000 claims description 7
- 230000008034 disappearance Effects 0.000 claims description 3
- 230000003993 interaction Effects 0.000 description 22
- 230000006870 function Effects 0.000 description 20
- 230000008859 change Effects 0.000 description 12
- 238000010586 diagram Methods 0.000 description 12
- 230000007423 decrease Effects 0.000 description 11
- 230000002093 peripheral effect Effects 0.000 description 10
- 238000012545 processing Methods 0.000 description 10
- 230000001133 acceleration Effects 0.000 description 9
- 239000000463 material Substances 0.000 description 8
- 230000036961 partial effect Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 6
- 230000002829 reductive effect Effects 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 5
- 235000010627 Phaseolus vulgaris Nutrition 0.000 description 4
- 244000046052 Phaseolus vulgaris Species 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 239000000919 ceramic Substances 0.000 description 2
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 230000001747 exhibiting effect Effects 0.000 description 2
- 238000004519 manufacturing process Methods 0.000 description 2
- 239000011248 coating agent Substances 0.000 description 1
- 238000000576 coating method Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 230000000670 limiting effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000006641 stabilisation Effects 0.000 description 1
- 238000011105 stabilization Methods 0.000 description 1
- 239000010409 thin film Substances 0.000 description 1
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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开关于一种信息显示方法、装置、设备及存储介质，属于计算机技术领域。方法包括：显示信息推荐界面，信息推荐界面中的目标区域显示有目标物品的第一元素；响应于对目标区域的触控操作，展示目标区域中的第一元素切换为目标物品的第二元素的动态效果；响应于目标区域中的第一元素切换为第二元素完成，显示目标物品的详情信息展示界面。上述方法提供了一种新颖的信息显示方式，通过在信息推荐界面中显示包括目标物品的第一元素的目标区域来吸引用户对目标区域执行触控操作，并且，用户对目标区域执行触控操作时，目标区域中会呈现目标物品的第一元素切换为目标物品的第二元素的动态效果，画面生动有趣，信息显示的方式更加灵活。
Description
技术领域
本公开涉及计算机技术领域，尤其涉及信息显示方法、装置、设备及存储介质。
背景技术
随着计算机技术的发展，各种网络信息广泛传播，使得人们能够快速及时地获取各种信息，给人们的生活和工作提供了很大的便利。相关技术中，在为用户推荐某种物品时，一般会在信息推荐界面中显示该物品的图片，用户点击该图片，则能够显示该物品的信息详情界面，方便用户了解该物品的详情信息。然而，这种信息显示方式较为局限，不够灵活。
发明内容
本公开提供一种信息显示方法、装置、设备及存储介质，信息显示方式更加灵活。本公开的技术方案如下：
根据本公开实施例的第一方面，提供一种信息显示方法，所述方法包括：
显示信息推荐界面，所述信息推荐界面中的目标区域显示有目标物品的第一元素；
响应于对所述目标区域的触控操作，展示所述目标区域中的所述第一元素切换为所述目标物品的第二元素的动态效果；
响应于所述目标区域中的所述第一元素切换为所述第二元素完成，显示所述目标物品的详情信息展示界面。
在本公开实施例中，提供了一种新颖的信息显示方式，通过在信息推荐界面中显示包括目标物品的第一元素的目标区域，来吸引用户对目标区域执行触控操作，以显示目标物品的详情信息展示界面，能够提高目标物品的详情信息的展示率，并且，用户在对目标区域执行触控操作时，目标区域中会呈现目标物品的第一元素切换为目标物品的第二元素的动态效果，画面生动有趣，信息显示的方式更加灵活，能够提升与用户间的互动效果。
在一些实施例中，响应于对目标区域的触控操作，展示目标区域中的第一元素切换为目标物品的第二元素的动态效果，包括：
响应于对所述目标区域的滑动操作，展示所述第二元素在所述目标区域逐渐显示，且所述第一元素逐渐消失的动态效果；
所述响应于所述目标区域中的所述第一元素切换为所述第二元素完成，显示所述目标物品的详情信息展示界面，包括：
响应于所述目标区域中的所述第一元素完全消失，显示所述详情信息展示界面。
在本公开实施例中，提供了一种新颖的信息显示方式，通过在信息推荐界面中显示滑动组件来吸引用户在滑动组件中执行滑动操作，以显示目标物品的详情信息展示界面，能够提高目标物品的详情信息的展示率，并且，用户在执行滑动操作的过程中，滑动组件中会呈现目标物品的第一元素逐渐替换为第二元素的动态效果，画面生动有趣，信息显示的方式更加灵活，能够提升与用户间的互动效果。
在一些实施例中，所述响应于对所述目标区域的滑动操作，展示所述第二元素在所述目标区域逐渐显示，且所述第一元素逐渐消失的动态效果，包括：
响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述目标区域的第一边缘滑入，并逐渐移动至所述目标区域的第二边缘的动态效果，且移动过程中所述第二元素逐渐覆盖所述第一元素，所述第二边缘与所述第一边缘相对。
在本公开实施例中，提供了一种新颖的信息显示方式，响应于用户对目标区域执行的滑动操作，显示第二元素从目标区域的第一边缘滑入，并逐渐移动至目标区域的第二边缘的动态效果，画面生动有趣，提升了用户的操作体验，并且提升了与用户间的互动效果。
在一些实施例中，所述第二元素的滑动方向与所述滑动操作的滑动方向相同，在滑动过程中的每个时刻，所述第二元素的滑动距离与所述滑动操作的滑动距离相等。
在本公开实施例中，通过使第二元素的滑动方向与滑动操作的滑动方向相同，并且，在滑动过程中的每个时刻，使第二元素的滑动距离与滑动操作的滑动距离相等，能够进一步提升用户的操作体验，提升与用户间的互动效果。
在一些实施例中，所述响应于对所述目标区域的滑动操作，展示所述第二元素在所述目标区域逐渐显示，且所述第一元素逐渐消失的动态效果，包括：
响应于对所述目标区域的所述滑动操作，展示所述第二元素的一端静止不动，所述第二元素的内容逐渐增多且所述第一元素的内容逐渐减少的动态效果。
在本公开实施例中，提供了一种新颖的信息显示方式，响应于用户对目标区域执行的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，画面生动有趣，提升了用户的操作体验，并且提升了与用户间的互动效果。
在一些实施例中，所述目标区域包括所述第一元素和所述第二元素，所述第二元素位于所述第一元素的上层；
所述第二元素包括多个部分的内容，其中第一部分的内容位于所述第二元素的一端且处于不透明状态，其他部分的内容处于透明状态，所述第一元素的内容处于不透明状态；
所述响应于对所述目标区域的所述滑动操作，展示所述第二元素的一端静止不动，所述第二元素的内容逐渐增多且所述第一元素的内容逐渐减少的动态效果，包括：
响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于不透明状态的情况下，控制所述其他部分的内容逐渐切换为不透明状态，以使切换为不透明状态的内容覆盖所述第一元素的内容。
在本公开实施例中，将第二元素显示在第一元素的上层，则当第二元素处于透明状态的情况下，处于第二元素下层的第一元素则会在目标区域中显示出来，而当第二元素处于不透明状态的情况下，处于第二元素下层的第一元素则会被第二元素覆盖住，而无法显示出来。因此，通过控制第二元素的多个部分的内容的显示状态的变化，则能够达到目标区域中第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，方法简单易实现。
在一些实施例中，所述响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于不透明状态的情况下，控制所述其他部分的内容逐渐切换为不透明状态，以使切换为不透明状态的内容覆盖所述第一元素的内容，包括：
响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于不透明状态的情况下，每次确定所述滑动操作在所述目标区域中已滑过的第一区域；
将位于所述第一区域的所述其他部分的内容切换为不透明状态，以使所述第一区域中切换为不透明状态的内容覆盖所述第一元素的内容。
在本公开实施例中，通过上述方法将滑动操作中已滑过的区域对应的第二元素的内容显示出来，提供了一种用户将第二元素的内容逐渐擦出来的体验感，画面生动有趣，提升了与用户间的互动效果。
在一些实施例中，所述目标区域包括所述第一元素和所述第二元素，所述第一元素位于所述第二元素的上层；
所述第一元素包括多个部分的内容，其中第一部分的内容位于所述第一元素的一端且处于透明状态，其他部分的内容处于不透明状态，所述第二元素的内容处于不透明状态；
所述响应于对所述目标区域的所述滑动操作，展示所述第二元素的一端静止不动，所述第二元素的内容逐渐增多且所述第一元素的内容逐渐减少的动态效果，包括：
响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于透明状态的情况下，控制所述其他部分的内容逐渐切换为透明状态，以显示出切换为透明状态的内容下层的所述第二元素的内容。
在本公开实施例中，将第一元素显示在第二元素的上层，则当第一元素处于不透明状态的情况下，处于第一元素下层的第二元素则会被第一元素覆盖住，而无法显示出来。而当第一元素处于透明状态的情况下，处于第一元素下层的第二元素则会在目标区域中显示出来。因此，通过控制第一元素的多个部分的内容的显示状态的变化，则能够达到目标区域中第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，方法简单易实现。
在一些实施例中，所述响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于透明状态的情况下，控制所述其他部分的内容逐渐切换为透明状态，以显示出切换为透明状态的内容下层的所述第二元素的内容，包括：
响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于透明状态的情况下，每次确定所述滑动操作在所述目标区域中已滑过的第一区域；
将位于所述第一区域的所述其他部分的内容切换为透明状态，以显示出所述第一区域中切换为透明状态的内容下层的所述第二元素的内容。
在本公开实施例中，通过上述方法将滑动操作中已滑过的区域对应的第二元素的内容显示出来，提供了一种用户将第二元素的内容逐渐擦出来的体验感，画面生动有趣，提升了与用户间的互动效果。
在一些实施例中，所述信息推荐界面还包括背景区域，所述背景区域位于所述目标区域的下层，且所述背景区域的尺寸大于所述目标区域；
所述显示信息推荐界面，包括：
在所述背景区域中，显示所述目标物品的第三元素；
在所述目标区域中，显示所述第一元素。
在本公开实施例中，通过在信息推荐界面的背景区域显示目标物品的第三元素，能够丰富信息推荐界面的内容，提高信息展示效果。
在一些实施例中，所述信息显示方法还包括：
响应于对所述目标区域的所述触控操作，显示所述第三元素在所述背景区域中变化的效果，或者，在保持所述第三元素的显示状态的情况下，显示所述目标物品的第四元素在所述背景区域中变化的效果。
在本公开实施例中，通过响应于对目标区域的触控操作，显示第三元素在背景区域中变化的效果，或者，在保持第三元素的显示状态的情况下，显示目标物品的第四元素在背景区域中变化的效果，信息显示的方式灵活有趣，并且能够提升与用户间的互动效果。
在一些实施例中，所述响应于对所述目标区域的所述触控操作，显示所述第三元素在所述背景区域中变化的效果，包括：
响应于对所述目标区域的所述触控操作，获取所述第三元素在所述触控操作开始后的每个时刻对应的渲染参数，所述每个时刻对应的渲染参数不同；
按照所述每个时刻对应的渲染参数，在所述背景区域中渲染所述第三元素。
在本公开实施例中，通过在触控操作开始后第三元素在每个时刻的渲染参数的变化，来实现第三元素在背景区域中变化的效果，方法简单，易于实现。
在一些实施例中，所述目标区域的第一边缘包括第五元素，所述响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述目标区域的第一边缘滑入，并逐渐移动至所述目标区域的第二边缘的动态效果，且移动过程中所述第二元素逐渐覆盖所述第一元素，包括：
响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述第一边缘滑入，并逐渐移动至所述第二边缘，且所述第五元素与所述第二元素的第一端同步移动，且移动过程中所述第二元素逐渐覆盖所述第一元素的动态效果，其中，所述第一端为所述第二元素中优先滑入所述目标区域的一端。
在本公开实施例中，通过在目标区域的第一边缘显示第五元素，并且在第二元素的滑动过程中，第五元素与第二元素的第一端同步移动，使得信息显示的方式更加灵活有趣，能够进一步提升与用户间的互动效果。
在一些实施例中，所述目标区域的第一边缘包括第五元素，所述响应于对所述目标区域的所述滑动操作，展示所述第二元素的一端静止不动，所述第二元素的内容逐渐增多且所述第一元素的内容逐渐减少的动态效果，包括：
响应于对所述目标区域的所述滑动操作，展示所述第二元素的一端静止不动，所述第二元素的内容逐渐增多且所述第一元素的内容逐渐减少，且所述第五元素的显示位置与所述第二元素中新增多的内容的显示位置相同的动态效果。
在本公开实施例中，通过在目标区域的第一边缘显示第五元素，并且在第二元素的内容逐渐增多的过程中，保持第五元素的显示位置与第二元素中新增多的内容的显示位置相同，使得信息显示的方式更加灵活有趣，能够进一步提升与用户间的互动效果。
根据本公开实施例的第二方面，提供一种信息显示装置，所述装置包括：
元素显示单元，被配置为执行显示信息推荐界面，所述信息推荐界面中的目标区域显示有目标物品的第一元素；
效果展示单元，被配置为执行响应于对所述目标区域的触控操作，展示所述目标区域中的所述第一元素切换为所述目标物品的第二元素的动态效果；
详情信息展示单元，被配置为执行响应于所述目标区域中的所述第一元素切换为所述第二元素完成，显示所述目标物品的详情信息展示界面。
在一些实施例中，所述效果展示单元，被配置为执行响应于对所述目标区域的滑动操作，展示所述第二元素在所述目标区域逐渐显示，且所述第一元素逐渐消失的动态效果；所述详情信息展示单元，被配置为执行响应于所述目标区域中的所述第一元素完全消失，显示所述详情信息展示界面。
在一些实施例中，所述效果展示单元，被配置为执行响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述目标区域的第一边缘滑入，并逐渐移动至所述目标区域的第二边缘的动态效果，且移动过程中所述第二元素逐渐覆盖所述第一元素，所述第二边缘与所述第一边缘相对。
在一些实施例中，所述第二元素的滑动方向与所述滑动操作的滑动方向相同，在滑动过程中的每个时刻，所述第二元素的滑动距离与所述滑动操作的滑动距离相等。
在一些实施例中，所述效果展示单元，被配置为执行响应于对所述目标区域的所述滑动操作，展示所述第二元素的一端静止不动，所述第二元素的内容逐渐增多且所述第一元素的内容逐渐减少的动态效果。
在一些实施例中，所述目标区域包括所述第一元素和所述第二元素，所述第二元素位于所述第一元素的上层；
所述第二元素包括多个部分的内容，其中第一部分的内容位于所述第二元素的一端且处于不透明状态，其他部分的内容处于透明状态，所述第一元素的内容处于不透明状态；
所述效果展示单元，被配置为执行响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于不透明状态的情况下，控制所述其他部分的内容逐渐切换为不透明状态，以使切换为不透明状态的内容覆盖所述第一元素的内容。
在一些实施例中，所述效果展示单元，被配置为执行响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于不透明状态的情况下，每次确定所述滑动操作在所述目标区域中已滑过的第一区域；将位于所述第一区域的所述其他部分的内容切换为不透明状态，以使所述第一区域中切换为不透明状态的内容覆盖所述第一元素的内容。
在一些实施例中，所述目标区域包括所述第一元素和所述第二元素，所述第一元素位于所述第二元素的上层；
所述第一元素包括多个部分的内容，其中第一部分的内容位于所述第一元素的一端且处于透明状态，其他部分的内容处于不透明状态，所述第二元素的内容处于不透明状态；
所述效果展示单元，被配置为执行响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于透明状态的情况下，控制所述其他部分的内容逐渐切换为透明状态，以显示出切换为透明状态的内容下层的所述第二元素的内容。
在一些实施例中，所述效果展示单元，被配置为执行响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于透明状态的情况下，每次确定所述滑动操作在所述目标区域中已滑过的第一区域；将位于所述第一区域的所述其他部分的内容切换为透明状态，以显示出所述第一区域中切换为透明状态的内容下层的所述第二元素的内容。
在一些实施例中，所述信息推荐界面还包括背景区域，所述背景区域位于所述目标区域的下层，且所述背景区域的尺寸大于所述目标区域；
所述元素显示单元，被配置为执行在所述背景区域中，显示所述目标物品的第三元素；
在所述目标区域中，显示所述第一元素。
在一些实施例中，所述元素显示单元，还被配置为执行响应于对所述目标区域的所述触控操作，显示所述第三元素在所述背景区域中变化的效果，或者，在保持所述第三元素的显示状态的情况下，显示所述目标物品的第四元素在所述背景区域中变化的效果。
在一些实施例中，所述元素显示单元，被配置为执行响应于对所述目标区域的所述触控操作，获取所述第三元素在所述触控操作开始后的每个时刻对应的渲染参数，所述每个时刻对应的渲染参数不同；按照所述每个时刻对应的渲染参数，在所述背景区域中渲染所述第三元素。
在一些实施例中，所述目标区域的第一边缘包括第五元素，所述效果展示单元，被配置为执行响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述第一边缘滑入，并逐渐移动至所述第二边缘，且所述第五元素与所述第二元素的第一端同步移动，且移动过程中所述第二元素逐渐覆盖所述第一元素的动态效果，其中，所述第一端为所述第二元素中优先滑入所述目标区域的一端。
在一些实施例中，所述目标区域的第一边缘包括第五元素，所述效果展示单元，被配置为执行响应于对所述目标区域的所述滑动操作，展示所述第二元素的一端静止不动，所述第二元素的内容逐渐增多且所述第一元素的内容逐渐减少，且所述第五元素的显示位置与所述第二元素中新增多的内容的显示位置相同的动态效果。
根据本公开实施例的第三方面，提供一种电子设备，所述电子设备包括：
一个或多个处理器；
用于存储所述一个或多个处理器可执行指令的易失性或非易失性存储器；
其中，所述一个或多个处理器被配置为执行如上述方面所述的信息显示方法。
根据本公开实施例提供的第四方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如上述方面所述的信息显示方法。
根据本公开实施例的第五方面，提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现上述方面所述的信息显示方法。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
图1是本公开实施例提供的一种实施环境的示意图；
图2是本公开实施例提供的一种信息显示方法的流程图；
图3是本公开实施例提供的一种信息显示方法的流程图；
图4是本公开实施例提供的一种信息推荐界面的示意图；
图5是本公开实施例提供的一种信息推荐界面的示意图；
图6是本公开实施例提供的一种信息推荐界面的示意图；
图7是本公开实施例提供的一种信息显示装置的框图；
图8是本公开实施例提供的一种终端的框图；
图9是本公开实施例提供的一种服务器的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是，本公开的说明书和权利要求书及上述附图说明中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
本公开所使用的术语“至少一个”、“多个”、“每个”、“任一”，至少一个包括一个、两个或两个以上，多个包括两个或两个以上，而每个是指对应的多个中的每一个，任一是指多个中的任意一个。举例来说，多个元素包括3个元素，而每个是指这3个元素中的每一个元素，任一是指这3个元素中的任意一个，可以是第一个，可以是第二个、也可以是第三个。
图1是本公开实施例提供的一种实施环境的示意图。参见图1，该实施环境包括终端101和服务器102。终端101和服务器102之间通过无线或者有线网络连接。示例性的，终端101为电脑、手机、平板电脑或者其他终端。示例性的，服务器102为后台服务器或者为提供云计算以及云存储等服务的云服务器。
示例性的，终端101上安装有由服务器102提供服务的目标应用，终端101能够通过该目标应用实现例如数据传输、消息交互等功能。示例性的，目标应用为终端101操作系统中的目标应用，或者为第三方提供的目标应用。该目标应用具有信息显示功能，例如，目标应用具有显示文本信息、图片信息、视频信息的功能。当然，该目标应用还能够具有其他功能，例如，购物功能、游戏功能、聊天功能等。示例性的，该目标应用为短视频应用、音乐应用、游戏应用、购物应用、聊天应用或者其他应用，本公开实施例对此不做限制。
在本公开实施例中，服务器102用于为终端101提供目标物品的元素，而终端101基于服务器102提供的目标物品的元素来显示信息推荐界面，并响应用户的操作显示目标物品的详情信息展示界面。
本公开提供的信息显示方法能够应用于推荐目标物品的场景下，例如，当用户打开任一应用时，终端通过本公开提供的方法展示该目标物品的信息推荐界面，该信息推荐界面中包括目标区域，用户对该目标区域执行触控操作，终端则显示该目标物品的详情信息展示界面。如果用户在参考时长内未对目标区域执行触控操作，则终端显示应用的首页面。或者，用户在使用任一应用的过程中，例如，在使用视频应用播放视频的过程中，终端通过本公开提供的方法展示目标物品的信息推荐界面，并响应于对信息推荐界面中的目标区域的触控操作，显示目标物品的详情信息展示界面。如果用户在参考时长内未对目标区域执行触控操作，则终端继续播放视频。当然，本公开提供的信息显示方法还能够应用在其他场景下，本公开实施例对此不做限制。
图2是根据一示例性实施例示出的一种信息显示方法的流程图，如图2所示，执行主体为终端，包括以下步骤。
201、显示信息推荐界面，信息推荐界面中的目标区域显示有目标物品的第一元素。
202、响应于对目标区域的触控操作，展示目标区域中的第一元素切换为目标物品的第二元素的动态效果。
203、响应于目标区域中的第一元素切换为第二元素完成，显示目标物品的详情信息展示界面。
在本公开实施例中，提供了一种新颖的信息显示方式，通过在信息推荐界面中显示包括目标物品的第一元素的目标区域，来吸引用户对目标区域执行触控操作，以显示目标物品的详情信息展示界面，能够提高目标物品的详情信息的展示率，并且，用户在对目标区域执行触控操作时，目标区域中会呈现目标物品的第一元素切换为目标物品的第二元素的动态效果，画面生动有趣，信息显示的方式更加灵活，能够提升与用户间的互动效果。
在一些实施例中，响应于对目标区域的触控操作，展示目标区域中的第一元素切换为目标物品的第二元素的动态效果，包括：
响应于对目标区域的滑动操作，展示第二元素在目标区域逐渐显示，且第一元素逐渐消失的动态效果；
响应于目标区域中的第一元素切换为第二元素完成，显示目标物品的详情信息展示界面，包括：
响应于目标区域中的第一元素完全消失，显示详情信息展示界面。
在一些实施例中，响应于对目标区域的滑动操作，展示第二元素在目标区域逐渐显示，且第一元素逐渐消失的动态效果，包括：
响应于对目标区域的滑动操作，展示第二元素从目标区域的第一边缘滑入，并逐渐移动至目标区域的第二边缘的动态效果，且移动过程中第二元素逐渐覆盖第一元素，第二边缘与第一边缘相对。
在一些实施例中，第二元素的滑动方向与滑动操作的滑动方向相同，在滑动过程中的每个时刻，第二元素的滑动距离与滑动操作的滑动距离相等。
在一些实施例中，响应于对目标区域的滑动操作，展示第二元素在目标区域逐渐显示，且第一元素逐渐消失的动态效果，包括：
响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果。
在一些实施例中，目标区域包括第一元素和第二元素，第二元素位于第一元素的上层；
第二元素包括多个部分的内容，其中第一部分的内容位于第二元素的一端且处于不透明状态，其他部分的内容处于透明状态，第一元素的内容处于不透明状态；
响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，包括：
响应于对目标区域的滑动操作，在保持第一部分的内容处于不透明状态的情况下，控制其他部分的内容逐渐切换为不透明状态，以使切换为不透明状态的内容覆盖第一元素的内容。
在一些实施例中，响应于对目标区域的滑动操作，在保持第一部分的内容处于不透明状态的情况下，控制其他部分的内容逐渐切换为不透明状态，以使切换为不透明状态的内容覆盖第一元素的内容，包括：
响应于对目标区域的滑动操作，在保持第一部分的内容处于不透明状态的情况下，每次确定滑动操作在目标区域中已滑过的第一区域；
将位于第一区域的其他部分的内容切换为不透明状态，以使第一区域中切换为不透明状态的内容覆盖第一元素的内容。
在一些实施例中，目标区域包括第一元素和第二元素，第一元素位于第二元素的上层；
第一元素包括多个部分的内容，其中第一部分的内容位于第一元素的一端且处于透明状态，其他部分的内容处于不透明状态，第二元素的内容处于不透明状态；
响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，包括：
响应于对目标区域的滑动操作，在保持第一部分的内容处于透明状态的情况下，控制其他部分的内容逐渐切换为透明状态，以显示出切换为透明状态的内容下层的第二元素的内容。
在一些实施例中，响应于对目标区域的滑动操作，在保持第一部分的内容处于透明状态的情况下，控制其他部分的内容逐渐切换为透明状态，以显示出切换为透明状态的内容下层的第二元素的内容，包括：
响应于对目标区域的滑动操作，在保持第一部分的内容处于透明状态的情况下，每次确定滑动操作在目标区域中已滑过的第一区域；
将位于第一区域的其他部分的内容切换为透明状态，以显示出第一区域中切换为透明状态的内容下层的第二元素的内容。
在一些实施例中，信息推荐界面还包括背景区域，背景区域位于目标区域的下层，且背景区域的尺寸大于目标区域；
显示信息推荐界面，包括：
在背景区域中，显示目标物品的第三元素；
在目标区域中，显示第一元素。
在一些实施例中，信息显示方法还包括：
响应于对目标区域的触控操作，显示第三元素在背景区域中变化的效果，或者，在保持第三元素的显示状态的情况下，显示目标物品的第四元素在背景区域中变化的效果。
在一些实施例中，响应于对目标区域的触控操作，显示第三元素在背景区域中变化的效果，包括：
响应于对目标区域的触控操作，获取第三元素在触控操作开始后的每个时刻对应的渲染参数，每个时刻对应的渲染参数不同；
按照每个时刻对应的渲染参数，在背景区域中渲染第三元素。
在一些实施例中，目标区域的第一边缘包括第五元素，响应于对目标区域的滑动操作，展示第二元素从目标区域的第一边缘滑入，并逐渐移动至目标区域的第二边缘的动态效果，且移动过程中第二元素逐渐覆盖第一元素，包括：
响应于对目标区域的滑动操作，展示第二元素从第一边缘滑入，并逐渐移动至第二边缘，且第五元素与第二元素的第一端同步移动，且移动过程中第二元素逐渐覆盖第一元素的动态效果，其中，第一端为第二元素中优先滑入目标区域的一端。
在一些实施例中，目标区域的第一边缘包括第五元素，响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，包括：
响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少，且第五元素的显示位置与第二元素中新增多的内容的显示位置相同的动态效果。
图3是根据一示例性实施例示出的一种信息显示方法的流程图，如图3所示，执行主体为终端，包括以下步骤。
301、终端显示信息推荐界面，信息推荐界面中的目标区域显示有目标物品的第一元素。
信息推荐界面用于展示目标物品的推荐信息，该推荐信息包括任意信息，本公开实施例对此不做限制。该信息推荐界面的显示时机为任意时机。在一些实施例中，终端响应于对任意应用的打开操作，显示该信息推荐界面。或者，终端在任一应用的使用过程中的任一时刻显示该信息推荐界面。例如，终端通过视频应用在播放视频的过程中，显示该信息推荐界面。目标区域在信息推荐界面的任一区域，例如，在信息推荐界面的下方。目标区域的尺寸为任意尺寸，本公开实施例对此不做限制。目标区域为任意形状，例如，目标区域为长方形、圆角矩形等。
目标物品为任意类型的物品。在一些实施例中，目标物品为生活用品，例如，口红、衣服、包包等。在一些实施例中，目标物品为体育用品，例如，目标物品为羽毛球拍、篮球、滑板等。在一些实施例中，目标物品为交通工具，例如，汽车、火车等。在一些实施例中，目标物品为文化用品，例如，专辑、书等。另外，目标物品为虚拟物品或实物，例如，目标物品为虚拟游戏装备、虚拟服饰、虚拟人物形象等虚拟物品，或者，目标物品为真实的衣服、玩具等实物。
在一些实施例中，第一元素为目标物品的信息。从第一元素的信息内容上来说，第一元素用于描述目标物品的任意内容。例如，第一元素描述目标物品的功能、外观、质量、颜色、尺码、价格、品牌、性能、产地、味道、材料等。在一些实施例中，第一元素为操作提示信息，该操作提示信息用于提示对目标区域进行滑动操作以显示目标物品的详情信息展示界面。其中，详情信息展示界面用于展示目标物品的详情信息，例如，目标物品的功能、外观、质量、颜色、尺码、价格、品牌、性能、产地、味道、材料等信息。另外，从第一元素的格式上来说，第一元素为图片元素或文本元素，本公开实施例对此不做限制。
在一些实施例中，信息推荐界面还包括背景区域，背景区域位于目标区域的下层，且背景区域的尺寸大于目标区域。相应的，终端显示信息推荐界面，包括：终端在背景区域中，显示目标物品的第三元素；终端在目标区域中，显示第一元素。
在一些实施例中，第三元素为目标物品的信息。从第三元素的信息内容上来说，第三元素用于描述目标物品的任意内容。例如，第三元素描述目标物品的功能、外观、质量、颜色、尺码、价格、品牌、性能、产地、味道、材料等。另外，从第三元素的格式上来说，第三元素为图片元素、文本元素或视频元素，本公开实施例对此不做限制。另外，背景区域中的第三元素的数量为任意数量，第三元素与第一元素相同或者不同，本公开实施例对此不做限制。
302、终端响应于对目标区域的滑动操作，展示第二元素从目标区域的第一边缘滑入，并逐渐移动至目标区域的第二边缘的动态效果，且移动过程中第二元素逐渐覆盖第一元素，第二边缘与第一边缘相对。
在一些实施例中，第二元素为目标物品的信息。从第二元素的信息内容上来说，第二元素用于描述目标物品的任意内容。例如，第二元素描述目标物品的功能、外观、质量、颜色、尺码、价格、品牌、性能、产地、味道、材料等。从第二元素的格式上来说，第二元素为图片元素。另外，第二元素与第一元素不同。
在本公开实施例中，提供了一种新颖的信息显示方式，响应于用户对目标区域执行的滑动操作，显示第二元素从目标区域的第一边缘滑入，并逐渐移动至目标区域的第二边缘的动态效果，画面生动有趣，提升了用户的操作体验，并且提升了与用户间的互动效果。
在一些实施例中，第二元素的滑动方向与滑动操作的滑动方向相同，在滑动过程中的每个时刻，第二元素的滑动距离与滑动操作的滑动距离相等。
在本公开实施例中，通过使第二元素的滑动方向与滑动操作的滑动方向相同，并且，在滑动过程中的每个时刻，使第二元素的滑动距离与滑动操作的滑动距离相等，能够进一步提升用户的操作体验，提升与用户间的互动效果。
在一些实施例中，步骤302的实现方式为：终端在目标区域显示第一元素，在滑动过程中，终端确定当前滑动操作的滑动距离，将从第二元素的第一端开始经过该滑动距离的内容确定为第二元素的第一部分内容，将第一部分内容中与第二元素的第一端相对的另一端对齐目标区域的第一边缘，在目标区域的上层显示该第一部分内容。其中，第二元素的第一端是优先滑入目标区域的一端。在一些实施例中，第一元素在目标区域显示的透明度为除100％之外的任意透明度。需要说明的一点是，透明度为100％则第一元素无法显示出。
在一些实施例中，第一元素、第二元素以及目标区域的尺寸相等。
在一些实施例中，步骤301中，终端显示的信息推荐界面的目标区域中包括第一元素，且目标区域的第一边缘显示有第二元素的部分内容。相应的，步骤302包括：终端响应于对目标区域的滑动操作，展示第二元素的其他部分内容从目标区域的第一边缘逐渐滑入至目标区域，且第二元素中最初显示在目标区域的部分内容逐渐移动至目标区域的第二边缘的动态效果。其中，其他部分内容是第二元素中除了最初显示在目标区域的部分内容外的其他内容。
在一些实施例中，目标区域的第一边缘包括第五元素，终端响应于对目标区域的滑动操作，展示第二元素从目标区域的第一边缘滑入，并逐渐移动至目标区域的第二边缘的动态效果，且移动过程中第二元素逐渐覆盖第一元素，包括：终端响应于对目标区域的滑动操作，展示第二元素从第一边缘滑入，并逐渐移动至第二边缘，且第五元素与第二元素的第一端同步移动，且移动过程中第二元素逐渐覆盖第一元素的动态效果。其中，第一端为第二元素中优先滑入目标区域的一端。
第五元素为目标物品的信息。从第五元素的信息内容上来说，第五元素用于描述目标物品的任意内容。例如，第五元素描述目标物品的功能、外观、质量、颜色、尺码、价格、品牌、性能、产地、味道、材料等。另外，从第五元素的格式上来说，第五元素为图片元素、文本元素或视频元素，另外，第五元素与第一元素及第二元素不同。
在一些实施例中，该步骤的实现方式为：终端在目标区域显示第一元素，在滑动过程中，终端确定当前滑动操作的滑动距离，将从第二元素的第一端开始经过该滑动距离的内容确定为第二元素的第一部分内容，将第一部分内容中与第二元素的第一端相对的另一端对齐目标区域的第一边缘，在目标区域的上层显示该第一部分内容，并且，将第五元素显示在第二元素的第一端的上层。
在一些实施例中，在步骤301中终端显示的信息推荐界面的目标区域中包括第一元素，且目标区域的第一边缘显示有第二元素的部分内容的情况下，在滑动过程中的每个时刻，第五元素显示在第二元素的该部分内容的上层。
在本公开实施例中，通过在目标区域的第一边缘显示第五元素，并且在第二元素的滑动过程中，第五元素与第二元素的第一端同步移动，使得信息显示的方式更加灵活有趣，能够进一步提升与用户间的互动效果。
303、终端响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果。
在本公开实施例中，提供了一种新颖的信息显示方式，响应于用户对目标区域执行的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，画面生动有趣，提升了用户的操作体验，并且提升了与用户间的互动效果。
在一些实施例中，终端响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，包括：终端响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素沿滑动方向上的内容逐渐增多，且第一元素沿滑动方向上的内容逐渐减少的动态效果。
在一些实施例中，目标区域包括第一元素和第二元素，第二元素位于第一元素的上层，第二元素包括多个部分的内容，其中第一部分的内容位于第二元素的一端且处于不透明状态，其他部分的内容处于透明状态，第一元素的内容处于不透明状态。相应的，步骤303包括：终端响应于对目标区域的滑动操作，在保持第一部分的内容处于不透明状态的情况下，控制其他部分的内容逐渐切换为不透明状态，以使切换为不透明状态的内容覆盖第一元素的内容。
在一些实施例中，终端控制其他部分的内容逐渐切换为不透明状态的实现方式为：终端将其他部分的内容的透明度逐渐调整为0。
在本公开实施例中，将第二元素显示在第一元素的上层，则当第二元素处于透明状态的情况下，处于第二元素下层的第一元素则会在目标区域中显示出来，而当第二元素处于不透明状态的情况下，处于第二元素下层的第一元素则会被第二元素覆盖住，而无法显示出来。因此，通过控制第二元素的多个部分的内容的显示状态的变化，则能够达到目标区域中第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，方法简单易实现。
在一些实施例中，终端响应于对目标区域的滑动操作，在保持第一部分的内容处于不透明状态的情况下，控制其他部分的内容逐渐切换为不透明状态，以使切换为不透明状态的内容覆盖第一元素的内容，包括：终端响应于对目标区域的滑动操作，在保持第一部分的内容处于不透明状态的情况下，每次确定滑动操作在目标区域中已滑过的第一区域；终端将位于第一区域的其他部分的内容切换为不透明状态，以使第一区域中切换为不透明状态的内容覆盖第一元素的内容。
在本公开实施例中，通过上述方法将滑动操作中已滑过的区域对应的第二元素的内容显示出来，提供了一种用户将第二元素的内容逐渐擦出来的体验感，画面生动有趣，提升了与用户间的互动效果。
在一些实施例中，目标区域包括第一元素和第二元素，第一元素位于第二元素的上层，第一元素包括多个部分的内容，其中第一部分的内容位于第一元素的一端且处于透明状态，其他部分的内容处于不透明状态，第二元素的内容处于不透明状态。相应的，步骤303包括：终端响应于对目标区域的滑动操作，在保持第一部分的内容处于透明状态的情况下，控制其他部分的内容逐渐切换为透明状态，以显示出切换为透明状态的内容下层的第二元素的内容。
在一些实施例中，终端控制其他部分的内容逐渐切换为透明状态的实现方式为：终端将其他部分的内容的透明度逐渐调整为100％。
在本公开实施例中，将第一元素显示在第二元素的上层，则当第一元素处于不透明状态的情况下，处于第一元素下层的第二元素则会被第一元素覆盖住，而无法显示出来。而当第一元素处于透明状态的情况下，处于第一元素下层的第二元素则会在目标区域中显示出来。因此，通过控制第一元素的多个部分的内容的显示状态的变化，则能够达到目标区域中第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，方法简单易实现。
在一些实施例中，终端响应于对目标区域的滑动操作，在保持第一部分的内容处于透明状态的情况下，控制其他部分的内容逐渐切换为透明状态，以显示出切换为透明状态的内容下层的第二元素的内容，包括：终端响应于对目标区域的滑动操作，在保持第一部分的内容处于透明状态的情况下，每次确定滑动操作在目标区域中已滑过的第一区域；终端将位于第一区域的其他部分的内容切换为透明状态，以显示出第一区域中切换为透明状态的内容下层的第二元素的内容。
在本公开实施例中，通过上述方法将滑动操作中已滑过的区域对应的第二元素的内容显示出来，提供了一种用户将第二元素的内容逐渐擦出来的体验感，画面生动有趣，提升了与用户间的互动效果。
在一些实施例中，目标区域的第一边缘包括第五元素，终端响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果，包括：终端响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少，且第五元素的显示位置与第二元素中新增多的内容的显示位置相同的动态效果。对于第二元素位于第一元素的上层的情况，终端在控制第二元素的其他部分的内容逐渐切换为不透明状态时，将第五元素显示在第二元素中新切换为不透明状态的内容的上层。对于第一元素位于第二元素的上层的情况，终端在控制第一元素的其他部分的内容逐渐切换为透明状态的情况下，将第五元素显示在第一元素中新切换为透明状态的内容的上层。
在本公开实施例中，通过在目标区域的第一边缘显示第五元素，并且在第二元素的内容逐渐增多的过程中，保持第五元素的显示位置与第二元素中新增多的内容的显示位置相同，使得信息显示的方式更加灵活有趣，能够进一步提升与用户间的互动效果。
在一些实施例中，目标区域包括滑动组件。相应的，终端通过目标区域中的滑动组件来检测对目标区域的滑动操作。
在一些实施例中，信息显示方法还包括：终端响应于对目标区域的滑动操作，显示第三元素在背景区域中变化的效果，或者，在保持第三元素的显示状态的情况下，显示目标物品的第四元素在背景区域中变化的效果。
第四元素为目标物品的信息。从第四元素的信息内容上来说，第四元素用于描述目标物品的任意内容。例如，第四元素描述目标物品的功能、外观、质量、颜色、尺码、价格、品牌、性能、产地、味道、材料等。另外，从第四元素的格式上来说，第四元素为图片元素、文本元素或视频元素，本公开实施例对此不做限制。另外，背景区域中的第四元素的数量为任意数量，第四元素与第三元素不同。
在本公开实施例中，通过响应于对目标区域的滑动操作，显示第三元素在背景区域中变化的效果，或者，在保持第三元素的显示状态的情况下，显示目标物品的第四元素在背景区域中变化的效果，信息显示的方式灵活有趣，并且能够提升与用户间的互动效果。
在一些实施例中，终端响应于对目标区域的滑动操作，显示第三元素在背景区域中变化的效果，包括：终端响应于对目标区域的滑动操作，获取第三元素在滑动操作开始后的每个时刻对应的渲染参数，每个时刻对应的渲染参数不同；终端按照每个时刻对应的渲染参数，在背景区域中渲染第三元素。
其中，每个时刻对应的渲染参数包括第三元素的尺寸参数、位置参数以及方向参数。在一些实施例中，终端获取每个时刻对应的渲染参数的实现方式包括：终端获取输入的第三元素在背景区域的初始位置，移动方向、移动速度、方向变化速率，初始尺寸、尺寸的变化速率等，基于这些信息确定第三元素在每个时刻的尺寸参数、位置参数以及方向参数。
在本公开实施例中，通过在滑动操作开始后第三元素在每个时刻的渲染参数的变化，来实现第三元素在背景区域中变化的效果，方法简单，易于实现。
终端显示目标物品的第四元素在背景区域中变化的效果与显示第三元素在背景区域中变化的效果的实现方式同理，此处不再赘述。
在一些实施例中，本公开中的目标物品的元素由其他终端发送给该终端。其中，其他终端为任一终端，例如，其他终端为提供目标物品的客户对应的终端。
图4为信息推荐界面的示意图。参考图4，该信息推荐界面的背景区域400中包括第三元素，第三元素为任意图像或视频，例如，第三元素为一个女孩在涂口红的图片。在信息推荐界面的下方，背景区域的上层显示有目标区域，目标区域中包括第一元素401，即“右滑查看温柔豆沙色”，来提示用户对目标区域进行滑动操作，以显示口红的详情信息展示界面。目标区域的第一边缘还包括第二元素402一端的部分内容，以及第五元素403，即口红。在该目标区域中执行右滑操作，目标区域中的第二元素402沿右滑方向上的内容逐渐增多，且第一元素401沿右滑方向上的内容逐渐减少，并且第五元素403在滑动过程中的每个时刻，与第二元素402中新增内容的显示位置相同。另外，在第五元素403滑动过程中，为了突出显示口红的品牌，还能够显示第四元素在背景区域中变化的动态效果，例如，显示口红的品牌在屏幕上飘过的动态效果。
图5为信息推荐界面的示意图。参考图5，该信息推荐界面的背景区域500中包括第三元素，第三元素为任意图像或视频，例如，第三元素为一个汽车的图片。在信息推荐界面的下方，背景区域的上层显示有目标区域，目标区域中包括第一元素501，即“右滑驾驶全新汽车”，来提示用户对目标区域进行滑动操作，以显示汽车的详情信息展示界面。目标区域的第一边缘还包括第二元素502一端的部分内容，以及第五元素503，即汽车。在该目标区域中执行右滑操作，目标区域中的第二元素502沿右滑方向上的内容逐渐增多，且第一元素501沿右滑方向上的内容逐渐减少，并且第五元素503在滑动过程中的每个时刻，与第二元素502中新增内容的显示位置相同。
图6为信息推荐界面的示意图。参考图6，该信息推荐界面的背景区域600中包括第三元素，第三元素为任意图像或视频，例如，第三元素为一个火车穿过山间的图片。在信息推荐界面的下方，背景区域的上层显示有目标区域，目标区域中包括第一元素601，即“右滑解锁春天”，来提示用户对目标区域进行滑动操作，以显示火车的详情信息展示界面。目标区域的第一边缘还包括第二元素602一端的部分内容，即火车图片的部分内容。在该目标区域中执行右滑操作，第二元素602的其他部分从目标区域的第一边缘逐渐滑入，且第二元素602中最初展示在目标区域的部分内容逐渐移动至目标区域的第二边缘，并且第二元素602在移动过程中逐渐覆盖第一元素601。另外，在第二元素602滑动过程中，为了营造火车穿过山间的氛围，还能够显示第四元素在背景区域中变化的动态效果，例如，显示花瓣从火车的周围飘过的动态效果。
需要说明的一点是，终端执行完步骤301后执行步骤303，而无需执行步骤302。
304、终端响应于目标区域中的第一元素完全消失，显示目标物品的详情信息展示界面。
其中，详情信息展示界面用于展示目标物品的详情信息，例如，目标物品的功能、外观、质量、颜色、尺码、价格、品牌、性能、产地、味道、材料等信息，本公开实施例对此不做限制。
在本公开实施例中，提供了一种新颖的信息显示方式，通过在信息推荐界面中显示滑动组件来吸引用户在滑动组件中执行滑动操作，以显示目标物品的详情信息展示界面，能够提高目标物品的详情信息的展示率，并且，用户在执行滑动操作的过程中，滑动组件中会呈现目标物品的第一元素逐渐替换为第二元素的动态效果，画面生动有趣，信息显示的方式更加灵活，能够提升与用户间的互动效果。
需要说明的一点是，上述步骤302和303仅是终端响应于对目标区域的滑动操作，展示第二元素在目标区域逐渐显示，且第一元素逐渐消失的动态效果的其中两种实现方式，在其他实施例中，还能够通过其他方式来实现该动态效果。并且，终端响应于对目标区域的滑动操作，展示第二元素在目标区域逐渐显示，且第一元素逐渐消失的动态效果，仅是终端响应于对目标区域的触控操作，展示目标区域中的第一元素切换为目标物品的第二元素的动态效果的其中一种实现方式，在其他实施例中，终端还能够通过其他方式实现该效果，例如，终端响应于对目标区域的触控操作，展示目标区域中的第一元素立刻切换为目标物品的第二元素的动态效果。
另外，除了响应于对目标区域的滑动操作，显示第三元素在背景区域中变化的效果，或者，在保持第三元素的显示状态的情况下，显示目标物品的第四元素在背景区域中变化的效果之外，终端还能够响应于对目标区域的其他触控操作来显示该效果，例如，点击操作，本公开实施例对此不做限制。
另外，本公开实施例中目标物品的各个元素，包括第一元素、第二元素、第三元素、第四元素、以及第五元素均能够根据实际需要灵活配置，例如，提供目标物品的客户对应的终端配置好目标物品对应的各个元素后，向上述展示目标物品的终端发送目标物品的各个元素，该终端将该各个元素与该目标物品的标识关联存储，则后续能够利用目标物品的各个元素来展示目标物品的信息推荐界面。在一些实施例中，目标物品的多个元素从不同的角度来描述目标物品，例如，一些元素用来描述目标物品的外形，一些元素用来描述目标物品的使用效果，一些元素用来描述目标物品的品牌等。并且，目标物品的多个元素以不同的形式来描述目标物品，例如一些元素以图片形式来描述目标物品，一些元素以视频元素来描述目标物品，一些元素以文本形式来描述目标物品。以目标物品为口红为例，口红对应的第一元素为文本元素“右滑查看温柔豆沙色”，以提示用户该口红的颜色为温柔豆沙色。口红对应的第二元素为图片元素，该图片元素显示了温柔豆沙色的实际颜色。口红对应的第五元素为图片元素，该图片元素展示了该口红的外形。口红对应的第三元素为图片元素，该图片元素显示了一个女孩涂口红的样子。口红对应的第四元素为该口红对应的品牌信息。当然，上述目标物品对应的各个元素仅是示例性说明，本公开实施例对此不做限制。
图7是根据一示例性实施例示出的一种信息显示装置的框图。参照图7，该装置包括：
元素显示单元701，被配置为执行显示信息推荐界面，信息推荐界面中的目标区域显示有目标物品的第一元素；
效果展示单元702，被配置为执行响应于对目标区域的触控操作，展示目标区域中的第一元素切换为目标物品的第二元素的动态效果；
详情信息展示单元703，被配置为执行响应于目标区域中的第一元素切换为第二元素完成，显示目标物品的详情信息展示界面。
在一些实施例中，效果展示单元702，被配置为执行响应于对目标区域的滑动操作，展示第二元素在目标区域逐渐显示，且第一元素逐渐消失的动态效果；
详情信息展示单元703，被配置为执行响应于目标区域中的第一元素完全消失，显示详情信息展示界面。
在一些实施例中，效果展示单元702，被配置为执行响应于对目标区域的滑动操作，展示第二元素从目标区域的第一边缘滑入，并逐渐移动至目标区域的第二边缘的动态效果，且移动过程中第二元素逐渐覆盖第一元素，第二边缘与第一边缘相对。
在一些实施例中，第二元素的滑动方向与滑动操作的滑动方向相同，在滑动过程中的每个时刻，第二元素的滑动距离与滑动操作的滑动距离相等。
在一些实施例中，效果展示单元702，被配置为执行响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少的动态效果。
在一些实施例中，目标区域包括第一元素和第二元素，第二元素位于第一元素的上层；
第二元素包括多个部分的内容，其中第一部分的内容位于第二元素的一端且处于不透明状态，其他部分的内容处于透明状态，第一元素的内容处于不透明状态；
效果展示单元702，被配置为执行响应于对目标区域的滑动操作，在保持第一部分的内容处于不透明状态的情况下，控制其他部分的内容逐渐切换为不透明状态，以使切换为不透明状态的内容覆盖第一元素的内容。
在一些实施例中，效果展示单元702，被配置为执行响应于对目标区域的滑动操作，在保持第一部分的内容处于不透明状态的情况下，每次确定滑动操作在目标区域中已滑过的第一区域；将位于第一区域的其他部分的内容切换为不透明状态，以使第一区域中切换为不透明状态的内容覆盖第一元素的内容。
在一些实施例中，目标区域包括第一元素和第二元素，第一元素位于第二元素的上层；
第一元素包括多个部分的内容，其中第一部分的内容位于第一元素的一端且处于透明状态，其他部分的内容处于不透明状态，第二元素的内容处于不透明状态；
效果展示单元702，被配置为执行响应于对目标区域的滑动操作，在保持第一部分的内容处于透明状态的情况下，控制其他部分的内容逐渐切换为透明状态，以显示出切换为透明状态的内容下层的第二元素的内容。
在一些实施例中，效果展示单元702，被配置为执行响应于对目标区域的滑动操作，在保持第一部分的内容处于透明状态的情况下，每次确定滑动操作在目标区域中已滑过的第一区域；将位于第一区域的其他部分的内容切换为透明状态，以显示出第一区域中切换为透明状态的内容下层的第二元素的内容。
在一些实施例中，信息推荐界面还包括背景区域，背景区域位于目标区域的下层，且背景区域的尺寸大于目标区域；
元素显示单元701，被配置为执行在背景区域中，显示目标物品的第三元素；
在目标区域中，显示第一元素。
在一些实施例中，元素显示单元701，还被配置为执行响应于对目标区域的触控操作，显示第三元素在背景区域中变化的效果，或者，在保持第三元素的显示状态的情况下，显示目标物品的第四元素在背景区域中变化的效果。
在一些实施例中，元素显示单元701，被配置为执行响应于对目标区域的触控操作，获取第三元素在触控操作开始后的每个时刻对应的渲染参数，每个时刻对应的渲染参数不同；按照每个时刻对应的渲染参数，在背景区域中渲染第三元素。
在一些实施例中，目标区域的第一边缘包括第五元素，效果展示单元702，被配置为执行响应于对目标区域的滑动操作，展示第二元素从第一边缘滑入，并逐渐移动至第二边缘，且第五元素与第二元素的第一端同步移动，且移动过程中第二元素逐渐覆盖第一元素的动态效果，其中，第一端为第二元素中优先滑入目标区域的一端。
在一些实施例中，目标区域的第一边缘包括第五元素，效果展示单元702，被配置为执行响应于对目标区域的滑动操作，展示第二元素的一端静止不动，第二元素的内容逐渐增多且第一元素的内容逐渐减少，且第五元素的显示位置与第二元素中新增多的内容的显示位置相同的动态效果。
在本公开实施例中，提供了一种新颖的信息显示方式，通过在信息推荐界面中显示滑动组件来吸引用户在滑动组件中执行滑动操作，以显示目标物品的详情信息展示界面，能够提高目标物品的详情信息的展示率，并且，用户在执行滑动操作的过程中，滑动组件中会呈现目标物品的第一元素逐渐替换为第二元素的动态效果，画面生动有趣，信息显示的方式更加灵活，能够提升与用户间的互动效果。
需要说明的是：上述实施例提供的信息显示装置在进行显示信息时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将电子设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的信息显示装置与信息显示方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
在示例性实施例中，还提供了一种电子设备，该电子设备包括一个或多个处理器，和用于存储一个或多个处理器可执行指令的易失性或非易失性存储器，一个或多个处理器被配置为执行该指令，以实现上述实施例中的信息显示方法。
可选地，该电子设备提供为终端。图8示出了本公开一个示例性实施例提供的终端800的结构框图。该终端800可以是：智能手机、平板电脑、MP3播放器(Moving PictureExperts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(MovingPicture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端800还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
终端800包括有：处理器801和存储器802。
处理器801可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器801可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器801也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器801可以集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器801还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。
存储器802可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器802还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器802中的非暂态的计算机可读存储介质用于存储至少一个程序代码，该至少一个程序代码用于被处理器801所执行以实现本公开中方法实施例提供的信息显示方法。
在一些实施例中，终端800还可选包括有：外围设备接口803和至少一个外围设备。处理器801、存储器802和外围设备接口803之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口803相连。具体地，外围设备包括：射频电路804、显示屏805、摄像头组件806、音频电路807、定位组件808和电源809中的至少一种。
外围设备接口803可被用于将I/O(Input/Output，输入/输出)相关的至少一个外围设备连接到处理器801和存储器802。在一些实施例中，处理器801、存储器802和外围设备接口803被集成在同一芯片或电路板上；在一些其他实施例中，处理器801、存储器802和外围设备接口803中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。
射频电路804用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路804通过电磁信号与通信网络以及其他通信设备进行通信。射频电路804将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路804包括：天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路804可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路804还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本公开对此不加以限定。
显示屏805用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏805是触摸显示屏时，显示屏805还具有采集在显示屏805的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器801进行处理。此时，显示屏805还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏805可以为一个，设置终端800的前面板；在另一些实施例中，显示屏805可以为至少两个，分别设置在终端800的不同表面或呈折叠设计；在另一些实施例中，显示屏805可以是柔性显示屏，设置在终端800的弯曲表面上或折叠面上。甚至，显示屏805还可以设置成非矩形的不规则图形，也即异形屏。显示屏805可以采用LCD(LiquidCrystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode，有机发光二极管)等材质制备。
摄像头组件806用于采集图像或视频。可选地，摄像头组件806包括前置摄像头和后置摄像头。前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件806还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。
音频电路807可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器801进行处理，或者输入至射频电路804以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端800的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器801或射频电路804的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路807还可以包括耳机插孔。
定位组件808用于定位终端800的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件808可以是基于美国的GPS(GlobalPositioning System，全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。
电源809用于为终端800中的各个组件进行供电。电源809可以是交流电、直流电、一次性电池或可充电电池。当电源809包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。
在一些实施例中，终端800还包括有一个或多个传感器810。该一个或多个传感器810包括但不限于：加速度传感器811、陀螺仪传感器812、压力传感器813、指纹传感器814、光学传感器815以及接近传感器816。
加速度传感器811可以检测以终端800建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器811可以用于检测重力加速度在三个坐标轴上的分量。处理器801可以根据加速度传感器811采集的重力加速度信号，控制显示屏805以横向视图或纵向视图进行用户界面的显示。加速度传感器811还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器812可以检测终端800的机体方向及转动角度，陀螺仪传感器812可以与加速度传感器811协同采集用户对终端800的3D动作。处理器801根据陀螺仪传感器812采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器813可以设置在终端800的侧边框和/或显示屏805的下层。当压力传感器813设置在终端800的侧边框时，可以检测用户对终端800的握持信号，由处理器801根据压力传感器813采集的握持信号进行左右手识别或快捷操作。当压力传感器813设置在显示屏805的下层时，由处理器801根据用户对显示屏805的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
指纹传感器814用于采集用户的指纹，由处理器801根据指纹传感器814采集到的指纹识别用户的身份，或者，由指纹传感器814根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器801授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器814可以被设置终端800的正面、背面或侧面。当终端800上设置有物理按键或厂商Logo时，指纹传感器814可以与物理按键或厂商Logo集成在一起。
光学传感器815用于采集环境光强度。在一个实施例中，处理器801可以根据光学传感器815采集的环境光强度，控制显示屏805的显示亮度。具体地，当环境光强度较高时，调高显示屏805的显示亮度；当环境光强度较低时，调低显示屏805的显示亮度。在另一个实施例中，处理器801还可以根据光学传感器815采集的环境光强度，动态调整摄像头组件806的拍摄参数。
接近传感器816，也称距离传感器，设置在终端800的前面板。接近传感器816用于采集用户与终端800的正面之间的距离。在一个实施例中，当接近传感器816检测到用户与终端800的正面之间的距离逐渐变小时，由处理器801控制显示屏805从亮屏状态切换为息屏状态；当接近传感器816检测到用户与终端800的正面之间的距离逐渐变大时，由处理器801控制显示屏805从息屏状态切换为亮屏状态。
本领域技术人员可以理解，图8中示出的结构并不构成对终端800的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
可选地，该电子设备提供为服务器。图9是本公开实施例提供的一种服务器的结构示意图，该服务器900可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器(central processing units，CPU)901和一个或一个以上的存储器902，其中，所述存储器902中存储有至少一条程序代码，所述至少一条程序代码由所述处理器901加载并执行以实现上述各个方法实施例提供的信息显示方法。当然，该服务器还可以具有有线或无线网络接口、键盘以及输入输出接口等部件，以便进行输入输出，该服务器还可以包括其他用于实现设备功能的部件，在此不做赘述。
在示例性实施例中，还提供了一种计算机可读存储介质，例如包括程度代码的存储器，上述程度代码可由电子设备中的处理器执行以完成上述实施例中的信息显示方法。例如，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中，还提供了一种计算机程序产品，包括计算机程序，当计算机程序被处理器执行时实现上述实施例中的信息显示方法。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (15)
1.一种信息显示方法，其特征在于，所述信息显示方法包括：
显示信息推荐界面，所述信息推荐界面中的目标区域显示有目标物品的第一元素，所述目标区域为所述信息推荐界面上的一个固定区域，所述信息推荐界面还包括背景区域，所述背景区域位于所述目标区域的下层，且所述背景区域的尺寸大于所述目标区域，所述背景区域中显示有所述目标物品的第三元素；
所述目标区域包括所述第一元素和所述目标物品的第二元素，所述第二元素位于所述第一元素的上层；所述第二元素包括多个部分的内容，其中第一部分的内容位于所述第二元素的一端且处于不透明状态，其他部分的内容处于透明状态，所述第一元素的内容处于不透明状态；响应于对所述目标区域的滑动操作，在保持所述第一部分的内容处于不透明状态的情况下，每次确定所述滑动操作在所述目标区域中已滑过的第一区域；将位于所述第一区域的所述其他部分的内容切换为不透明状态，以使所述第一区域中切换为不透明状态的内容覆盖所述第一元素的内容；或者，
所述目标区域包括所述第一元素和所述第二元素，所述第一元素位于所述第二元素的上层；所述第一元素包括多个部分的内容，其中第一部分的内容位于所述第一元素的一端且处于透明状态，其他部分的内容处于不透明状态，所述第二元素的内容处于不透明状态；响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于透明状态的情况下，每次确定所述滑动操作在所述目标区域中已滑过的第一区域；将位于所述第一区域的所述其他部分的内容切换为透明状态，以显示出所述第一区域中切换为透明状态的内容下层的所述第二元素的内容；
其中，所述第二元素和所述第一元素是所述目标物品的信息，所述第二元素与所述第一元素不同；
响应于所述目标区域中的所述第一元素完全消失，显示所述目标物品的详情信息展示界面，所述详情信息展示界面用于展示所述目标物品的详情信息；
所述方法还包括：
响应于对所述目标区域的所述滑动操作，显示所述第三元素在所述背景区域中变化的效果，或者，在保持所述第三元素的显示状态的情况下，显示所述目标物品的第四元素在所述背景区域中变化的效果。
2.根据权利要求1所述的信息显示方法，其特征在于，所述方法还包括：
响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述目标区域的第一边缘滑入，并逐渐移动至所述目标区域的第二边缘的动态效果，且移动过程中所述第二元素逐渐覆盖所述第一元素，所述第二边缘与所述第一边缘相对。
3.根据权利要求2所述的信息显示方法，其特征在于，所述第二元素的滑动方向与所述滑动操作的滑动方向相同，在滑动过程中的每个时刻，所述第二元素的滑动距离与所述滑动操作的滑动距离相等。
4.根据权利要求1所述的信息显示方法，其特征在于，所述响应于对所述目标区域的所述滑动操作，显示所述第三元素在所述背景区域中变化的效果，包括：
响应于对所述目标区域的所述滑动操作，获取所述第三元素在所述滑动操作开始后的每个时刻对应的渲染参数，所述每个时刻对应的渲染参数不同；
按照所述每个时刻对应的渲染参数，在所述背景区域中渲染所述第三元素。
5.根据权利要求2所述的信息显示方法，其特征在于，所述目标区域的第一边缘包括第五元素，所述响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述目标区域的第一边缘滑入，并逐渐移动至所述目标区域的第二边缘的动态效果，且移动过程中所述第二元素逐渐覆盖所述第一元素，包括：
响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述第一边缘滑入，并逐渐移动至所述第二边缘，且所述第五元素与所述第二元素的第一端同步移动，且移动过程中所述第二元素逐渐覆盖所述第一元素的动态效果，其中，所述第一端为所述第二元素中优先滑入所述目标区域的一端。
6.根据权利要求1所述的信息显示方法，其特征在于，所述目标区域的第一边缘包括第五元素，所述方法还包括：
响应于对所述目标区域的所述滑动操作，展示所述第二元素的一端静止不动，所述第二元素的内容逐渐增多且所述第一元素的内容逐渐减少，且所述第五元素的显示位置与所述第二元素中新增多的内容的显示位置相同的动态效果。
7.一种信息显示装置，其特征在于，所述信息显示装置包括：
元素显示单元，被配置为执行显示信息推荐界面，所述信息推荐界面中的目标区域显示有目标物品的第一元素，所述目标区域为所述信息推荐界面上的一个固定区域，所述信息推荐界面还包括背景区域，所述背景区域位于所述目标区域的下层，且所述背景区域的尺寸大于所述目标区域，所述背景区域中显示有所述目标物品的第三元素；
所述目标区域包括所述第一元素和所述目标物品的第二元素，所述第二元素位于所述第一元素的上层；所述第二元素包括多个部分的内容，其中第一部分的内容位于所述第二元素的一端且处于不透明状态，其他部分的内容处于透明状态，所述第一元素的内容处于不透明状态；效果展示单元，被配置为执行响应于对所述目标区域的滑动操作，在保持所述第一部分的内容处于不透明状态的情况下，每次确定所述滑动操作在所述目标区域中已滑过的第一区域；将位于所述第一区域的所述其他部分的内容切换为不透明状态，以使所述第一区域中切换为不透明状态的内容覆盖所述第一元素的内容；或者，
所述目标区域包括所述第一元素和所述第二元素，所述第一元素位于所述第二元素的上层；所述第一元素包括多个部分的内容，其中第一部分的内容位于所述第一元素的一端且处于透明状态，其他部分的内容处于不透明状态，所述第二元素的内容处于不透明状态；所述效果展示单元，还被配置为执行响应于对所述目标区域的所述滑动操作，在保持所述第一部分的内容处于透明状态的情况下，每次确定所述滑动操作在所述目标区域中已滑过的第一区域；将位于所述第一区域的所述其他部分的内容切换为透明状态，以显示出所述第一区域中切换为透明状态的内容下层的所述第二元素的内容；
其中，所述第二元素和所述第一元素是所述目标物品的信息，所述第二元素与所述第一元素不同；
详情信息展示单元，被配置为执行响应于所述目标区域中的所述第一元素完全消失，显示所述目标物品的详情信息展示界面，所述详情信息展示界面用于展示所述目标物品的详情信息；
所述元素显示单元，还被配置为执行：
响应于对所述目标区域的所述滑动操作，显示所述第三元素在所述背景区域中变化的效果，或者，在保持所述第三元素的显示状态的情况下，显示所述目标物品的第四元素在所述背景区域中变化的效果。
8.根据权利要求7所述的信息显示装置，其特征在于，
所述效果展示单元，还被配置为执行响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述目标区域的第一边缘滑入，并逐渐移动至所述目标区域的第二边缘的动态效果，且移动过程中所述第二元素逐渐覆盖所述第一元素，所述第二边缘与所述第一边缘相对。
9.根据权利要求8所述的信息显示装置，其特征在于，所述第二元素的滑动方向与所述滑动操作的滑动方向相同，在滑动过程中的每个时刻，所述第二元素的滑动距离与所述滑动操作的滑动距离相等。
10.根据权利要求7所述的信息显示装置，其特征在于，
所述元素显示单元，被配置为执行响应于对所述目标区域的所述滑动操作，获取所述第三元素在所述滑动操作开始后的每个时刻对应的渲染参数，所述每个时刻对应的渲染参数不同；按照所述每个时刻对应的渲染参数，在所述背景区域中渲染所述第三元素。
11.根据权利要求8所述的信息显示装置，其特征在于，
所述目标区域的第一边缘包括第五元素，所述效果展示单元，还被配置为执行响应于对所述目标区域的所述滑动操作，展示所述第二元素从所述第一边缘滑入，并逐渐移动至所述第二边缘，且所述第五元素与所述第二元素的第一端同步移动，且移动过程中所述第二元素逐渐覆盖所述第一元素的动态效果，其中，所述第一端为所述第二元素中优先滑入所述目标区域的一端。
12.根据权利要求7所述的信息显示装置，其特征在于，
所述目标区域的第一边缘包括第五元素，所述效果展示单元，被配置为执行响应于对所述目标区域的所述滑动操作，展示所述第二元素的一端静止不动，所述第二元素的内容逐渐增多且所述第一元素的内容逐渐减少，且所述第五元素的显示位置与所述第二元素中新增多的内容的显示位置相同的动态效果。
13.一种电子设备，其特征在于，所述电子设备包括：
一个或多个处理器；
用于存储所述一个或多个处理器可执行指令的易失性或非易失性存储器；
其中，所述一个或多个处理器被配置为执行如权利要求1-6任一项所述的信息显示方法。
14.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1-6任一项所述的信息显示方法。
15.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-6任一项所述的信息显示方法。
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110604515.2A CN113377270B (zh) | 2021-05-31 | 2021-05-31 | 信息显示方法、装置、设备及存储介质 |
| PCT/CN2021/138899 WO2022252563A1 (zh) | 2021-05-31 | 2021-12-16 | 信息显示方法及电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110604515.2A CN113377270B (zh) | 2021-05-31 | 2021-05-31 | 信息显示方法、装置、设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113377270A CN113377270A (zh) | 2021-09-10 |
| CN113377270B true CN113377270B (zh) | 2024-04-30 |
Family
ID=77575099
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110604515.2A Active CN113377270B (zh) | 2021-05-31 | 2021-05-31 | 信息显示方法、装置、设备及存储介质 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN113377270B (zh) |
| WO (1) | WO2022252563A1 (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113377270B (zh) * | 2021-05-31 | 2024-04-30 | 北京达佳互联信息技术有限公司 | 信息显示方法、装置、设备及存储介质 |
| CN114003163B (zh) * | 2021-10-27 | 2023-10-24 | 腾讯科技（深圳）有限公司 | 图像处理方法和装置、存储介质及电子设备 |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102214068A (zh) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | 页面切换显示的控制方法和移动终端 |
| CN102866916A (zh) * | 2012-09-07 | 2013-01-09 | 华为终端有限公司 | 一种终端及动态加载应用程序界面的方法 |
| CN103383621A (zh) * | 2012-05-04 | 2013-11-06 | 腾讯科技（深圳）有限公司 | 视图切换方法及装置 |
| CN109032464A (zh) * | 2018-09-10 | 2018-12-18 | 腾讯科技（深圳）有限公司 | 应用程序中的界面切换方法、装置、设备及存储介质 |
| CN109947521A (zh) * | 2019-03-28 | 2019-06-28 | 北京小米移动软件有限公司 | 界面切换方法、装置以及存储介质 |
| CN111062778A (zh) * | 2019-12-11 | 2020-04-24 | 北京小米移动软件有限公司 | 产品浏览方法、装置、设备及存储介质 |
| CN111242682A (zh) * | 2020-01-10 | 2020-06-05 | 腾讯科技（深圳）有限公司 | 物品显示方法 |
| CN111414116A (zh) * | 2020-02-21 | 2020-07-14 | 网易（杭州）网络有限公司 | 一种信息的显示控制方法、装置、电子设备及存储介质 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170031589A1 (en) * | 2015-07-29 | 2017-02-02 | Microsoft Technology Licensing, Llc | Invisible touch target for a user interface button |
| CN113377270B (zh) * | 2021-05-31 | 2024-04-30 | 北京达佳互联信息技术有限公司 | 信息显示方法、装置、设备及存储介质 |
-
2021
- 2021-05-31 CN CN202110604515.2A patent/CN113377270B/zh active Active
- 2021-12-16 WO PCT/CN2021/138899 patent/WO2022252563A1/zh unknown
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102214068A (zh) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | 页面切换显示的控制方法和移动终端 |
| CN103383621A (zh) * | 2012-05-04 | 2013-11-06 | 腾讯科技（深圳）有限公司 | 视图切换方法及装置 |
| CN102866916A (zh) * | 2012-09-07 | 2013-01-09 | 华为终端有限公司 | 一种终端及动态加载应用程序界面的方法 |
| CN109032464A (zh) * | 2018-09-10 | 2018-12-18 | 腾讯科技（深圳）有限公司 | 应用程序中的界面切换方法、装置、设备及存储介质 |
| CN109947521A (zh) * | 2019-03-28 | 2019-06-28 | 北京小米移动软件有限公司 | 界面切换方法、装置以及存储介质 |
| CN111062778A (zh) * | 2019-12-11 | 2020-04-24 | 北京小米移动软件有限公司 | 产品浏览方法、装置、设备及存储介质 |
| CN111242682A (zh) * | 2020-01-10 | 2020-06-05 | 腾讯科技（深圳）有限公司 | 物品显示方法 |
| CN111414116A (zh) * | 2020-02-21 | 2020-07-14 | 网易（杭州）网络有限公司 | 一种信息的显示控制方法、装置、电子设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113377270A (zh) | 2021-09-10 |
| WO2022252563A1 (zh) | 2022-12-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111464749B (zh) | 进行图像合成的方法、装置、设备及存储介质 | |
| CN108449641B (zh) | 播放媒体流的方法、装置、计算机设备和存储介质 | |
| CN108965922B (zh) | 视频封面生成方法、装置和存储介质 | |
| CN109646944B (zh) | 控制信息处理方法、装置、电子设备及存储介质 | |
| CN109922356B (zh) | 视频推荐方法、装置和计算机可读存储介质 | |
| CN110740340B (zh) | 视频直播方法及装置、存储介质 | |
| CN110139143B (zh) | 虚拟物品显示方法、装置、计算机设备以及存储介质 | |
| CN110300274B (zh) | 视频文件的录制方法、装置及存储介质 | |
| CN114116053B (zh) | 资源展示方法、装置、计算机设备及介质 | |
| CN113407291B (zh) | 内容项显示方法、装置、终端及计算机可读存储介质 | |
| CN110868636B (zh) | 视频素材的截取方法、装置、存储介质及终端 | |
| CN111399736B (zh) | 进度条控制方法、装置、设备及可读存储介质 | |
| CN111368114B (zh) | 信息展示方法、装置、设备及存储介质 | |
| CN112565806B (zh) | 虚拟礼物赠送方法、装置、计算机设备及介质 | |
| CN113377270B (zh) | 信息显示方法、装置、设备及存储介质 | |
| CN108172176B (zh) | 用于墨水屏的页面刷新方法及装置 | |
| CN113032590B (zh) | 特效展示方法、装置、计算机设备及计算机可读存储介质 | |
| CN113204672B (zh) | 资源展示方法、装置、计算机设备及介质 | |
| CN112822544B (zh) | 视频素材文件生成方法、视频合成方法、设备及介质 | |
| CN111884913B (zh) | 消息提示方法、装置、终端及存储介质 | |
| CN110891181B (zh) | 直播画面显示方法、装置、存储介质及终端 | |
| CN110992268B (zh) | 背景设置方法、装置、终端及存储介质 | |
| CN110868642B (zh) | 视频播放方法、装置及存储介质 | |
| CN110297684B (zh) | 基于虚拟人物的主题显示方法、装置及存储介质 | |
| CN113407141B (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 |