CN114706507A - 内容显示方法、装置、电子设备及存储介质 - Google Patents
内容显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114706507A CN114706507A CN202210452357.8A CN202210452357A CN114706507A CN 114706507 A CN114706507 A CN 114706507A CN 202210452357 A CN202210452357 A CN 202210452357A CN 114706507 A CN114706507 A CN 114706507A
- Authority
- CN
- China
- Prior art keywords
- content
- page
- display
- area
- visible
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 230000000007 visual effect Effects 0.000 claims abstract description 21
- 230000004044 response Effects 0.000 claims abstract description 13
- 238000004590 computer program Methods 0.000 claims description 10
- 230000003247 decreasing effect Effects 0.000 claims description 7
- 238000010586 diagram Methods 0.000 description 11
- 230000008859 change Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 10
- 238000012545 processing Methods 0.000 description 9
- 238000005516 engineering process Methods 0.000 description 8
- 230000003993 interaction Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 4
- 230000036961 partial effect Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 230000007423 decrease Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- OKTJSMMVPCPJKN-UHFFFAOYSA-N Carbon Chemical compound [C] OKTJSMMVPCPJKN-UHFFFAOYSA-N 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 229910021389 graphene Inorganic materials 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 230000000670 limiting effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000001737 promoting effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- 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
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
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)
Abstract
本公开关于一种内容显示方法、装置、电子设备及存储介质，所述方法包括：在展示页面中显示第一内容和第二内容；响应于终端倾斜时产生的倾斜信号，调整第一内容和第二内容在展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小；若第一内容或第二内容对应的可视内容区域大于预设的阈值，则切换至目标页面，目标页面为第一内容或第二内容对应的展示页面。采用本公开可以提高用户的操作便捷性。
Description
技术领域
本公开涉及人机交互技术领域，尤其涉及一种内容显示方法、装置、电子设备及存储介质。
背景技术
随着计算机技术的发展越来越多的人们通过用户终端浏览内容，如浏览图片、视频等。
在传统技术中，用户往往是以手指触控的方式与用户终端进行人机交互。但是，在用户手上有水、佩戴厚重手套等情况下，采用手指触控的方式与用户终端进行人机交互往往不够方便，不利于用户便捷地切换用户终端当前显示的页面。
因此，目前的传统方法存在用户切换页面不够便捷的问题。
发明内容
本公开提供一种内容显示方法、装置、电子设备及存储介质，以至少解决相关技术中用户切换页面不够便捷的问题。本公开的技术方案如下：
根据本公开实施例的第一方面，提供一种内容显示方法，包括：
在展示页面中显示第一内容和第二内容；
响应于终端倾斜时产生的倾斜信号，调整所述第一内容和第二内容在所述展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小；
若所述第一内容或第二内容对应的可视内容区域大于预设的阈值，则切换至目标页面，所述目标页面为所述第一内容或第二内容对应的展示页面。
在一种可能实现方式，所述响应于终端倾斜时产生的倾斜信号，调整所述第一内容和第二内容在所述显示界面中的可视内容区域，包括：
当所述倾斜信号中的倾斜方向为所述第一内容对应方向时，则增大所述第一内容在所述展示页面中的可视内容区域，并减小所述第二内容在所述展示页面中的可视内容区域。
在一种可能实现方式，所述随着所述用户终端倾斜状态的变化，调整所述第一内容和第二内容在所述展示页面中的可视内容区域，包括：
当所述倾斜信号中的倾斜方向为所述第二内容对应方向时，则减小所述第一内容在所述展示页面中的可视内容区域，并增大所述第二内容在所述展示页面中的可视内容区域。
在一种可能实现方式，所述在展示页面中显示第一内容和第二内容，包括：
设置所述第一内容在所述展示页面中的可视内容区域与所述第二内容在所述展示页面中的可视内容区域尺寸相同。
在一种可能实现方式，所述在展示页面中显示第一内容和第二内容，包括：
通过所述第一内容展示第一类型的目标对象，以及，通过所述第二内容展示第二类型的目标对象；
其中，所述第一内容中的目标对象在所述展示页面中的位置和尺寸与所述第二内容中的目标对象在所述当前页面的位置和尺寸相同。
在一种可能实现方式，所述方法还包括：
响应于对所述第一内容的触发操作，切换至所述第一内容对应的展示页面；
或者，
响应于对所述第二内容的触发操作，切换至所述第二内容对应的展示页面。
在一种可能实现方式，所述方法还包括：
在所述展示页面中显示倾斜引导信息；所述倾斜引导信息用于引导将所述终端向指定方向倾斜。
根据本公开实施例的第二方面，提供一种内容显示装置，其特征在于，包括：
显示单元，被配置为执行在展示页面中显示第一内容和第二内容；
调整单元，被配置为执行响应于终端倾斜时产生的倾斜信号，调整所述第一内容和第二内容在所述展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小；
切换单元，被配置为执行若所述第一内容或第二内容对应的可视内容区域大于预设的阈值，则切换至目标页面，所述目标页面为所述第一内容或第二内容对应的展示页面。
在一种可能实现方式，所述调整单元，具体被配置为执行当所述倾斜信号中的倾斜方向为所述第一内容对应方向时，则增大所述第一内容在所述展示页面中的可视内容区域，并减小所述第二内容在所述展示页面中的可视内容区域。
在一种可能实现方式，所述调整单元，具体被配置为执行当所述倾斜信号中的倾斜方向为所述第二内容对应方向时，则减小所述第一内容在所述展示页面中的可视内容区域，并增大所述第二内容在所述展示页面中的可视内容区域。
在一种可能实现方式，所述显示单元，具体被配置为执行设置所述第一内容在所述展示页面中的可视内容区域与所述第二内容在所述展示页面中的可视内容区域尺寸相同。
在一种可能实现方式，所述显示单元，具体被配置为执行通过所述第一内容展示第一类型的目标对象，以及，通过所述第二内容展示第二类型的目标对象；其中，所述第一内容中的目标对象在所述展示页面中的位置和尺寸与所述第二内容中的目标对象在所述当前页面的位置和尺寸相同。
在一种可能实现方式，所述装置还被配置为执行响应于对所述第一内容的触发操作，切换至所述第一内容对应的展示页面；或者，响应于对所述第二内容的触发操作，切换至所述第二内容对应的展示页面。
在一种可能实现方式，所述装置还被配置为执行在所述展示页面中显示倾斜引导信息；所述倾斜引导信息用于引导将所述终端向指定方向倾斜。
根据本公开实施例的第三方面，提供一种电子设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现如第一方面或第一方面的任一种可能实现方式所述的内容显示方法。
根据本公开实施例的第四方面，提供一种存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面或第一方面的任一种可能实现方式所述的内容显示方法。
根据本公开实施例的第五方面，提供一种计算机程序产品，所述程序产品包括计算机程序，所述计算机程序存储在可读存储介质中，设备的至少一个处理器从所述可读存储介质读取并执行所述计算机程序，使得设备执行第一方面的任一种可能实现方式所述的内容显示方法。
本公开的实施例提供的技术方案至少带来以下有益效果：在用户终端的展示页面中显示第一内容的部分内容和第二内容的部分内容；在用户终端的倾向状态发生变化时，随着用户终端倾斜状态的变化，调整第一内容和第二内容在展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小；若第一内容或第二内容对应的可视内容区域大于预设的阈值，则切换至目标页面，目标页面为第一内容或第二内容对应的展示页面；如此，用户无需对用户终端的屏幕进行触控操作，亦可以通过倾斜用户终端的方式来控制用户终端调整第一内容在展示页面中的可视内容区域与第二内容在展示页面中的可视内容区域之间的比例，并控制该用户终端切换展示第一内容或第二内容对应的展示页面，提高了用户通过用户终端浏览内容的效率以及切换页面的操作便捷性。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种内容显示方法的流程图。
图2是根据一示例性实施例示出的一种展示页面的示意图。
图3是根据一示例性实施例示出的一种倾斜引导信息的示意图。
图4是根据一示例性实施例示出的一种内容显示方法的页面切换示意图。
图5是根据一示例性实施例示出的一种内容显示方法的界面示意图。
图6是根据一示例性实施例示出的另一种内容显示方法的流程图。
图7是根据一示例性实施例示出的一种内容显示装置的框图。
图8是根据一示例性实施例示出的一种电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是本公开的一些方面相一致的装置和方法的例子。
还需要说明的是，本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。
本公开所提供的内容显示方法，可以应用于用户终端。其中，用户终端可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。便携式可穿戴设备可为智能手表、智能手环、头戴设备等。
图1是根据一示例性实施例示出的一种内容显示方法的流程图，如图1所示，该内容显示方法，包括以下步骤。
在步骤S110中，在展示页面中显示第一内容和第二内容。
其中，展示页面可以是指终端的显示界面当前所显示的页面。
具体实现中，终端可以在展示页面中显示第一内容的部分内容和第二内容的部分内容。实际应用中，终端可以响应于预设的触发条件，例如，当播放目标视频的时长达到预设的时长阈值，或是，响应于用户账户对预设链接的访问操作等，在展示页面中显示第一内容的部分内容和第二内容的部分内容。具体地，终端可以通过所述第一内容展示第一类型的目标对象，以及，通过所述第二内容展示第二类型的目标对象。实际应用中，目标视频描述的对象、或者预设链接所指示的目标对象可以与上述的第一内容和第二内容展示的目标对象存在关联关系。
举例来说，假设目标视频为商品A的宣传视频，在终端检测到播放该目标视频的时长达到预设的时长阈值时，终端则可以在展示页面中显示第一内容的部分内容和第二内容的部分内容。其中，第一内容可以包括该商品A的第一类型对应的描述内容。第二内容可以包括该商品A的第二类型对应的描述内容。第一类型和第二类型可以为不同的类型。
实际应用中，第一内容中的目标对象在展示页面中的位置和尺寸与第二内容中的目标对象在当前页面的位置和尺寸相同。
为了便于本领域技术人员的理解，如图2所示，图2示例性地提供了一种展示页面的示意图；其中，210为第一内容，220为第二内容，230为终端，240为目标对象，请参见图2，第一内容210包括有第一类型的目标对象240a，第二内容220包括有第二类型的目标对象240b，其中，第一类型的目标对象240a和第二类型的目标对象240b的风格不同。终端230在展示页面显示第一内容和第二内容的过程中，终端230在展示页面显示第一内容的部分内容和第二内容的部分内容。其中，第一内容中的目标对象240在展示页面中的位置和尺寸与第二内容中的目标对象240在当前页面的位置和尺寸相同。
在一示例性实施例中，在展示页面中显示第一内容和第二内容，包括：在终端的倾向状态处于初始状态且未发生变化时，设置第一内容在展示页面中的可视内容区域与第二内容在展示页面中的可视内容区域尺寸相同。
具体实现中，终端可以响应于预设的触发条件时，将该终端当前所处的倾向状态定义为初始状态，当终端的倾向状态处于初始状态且未发生变化时，终端可以设置第一内容在展示页面中的可视内容区域与第二内容在展示页面中的可视内容区域尺寸相同。请再参见图2，终端230此时的倾向状态为初始状态且未发生变化，终端230则将第一内容在展示页面中的可视内容区域设置为终端230的屏幕区域的50％，并将第二内容在展示页面中的可视内容区域设置为终端230的屏幕区域的50％，以使第一内容在展示页面中的可视内容区域与第二内容在展示页面中的可视内容区域尺寸相同，从而实现在终端的倾向状态处于初始状态且未发生变化时，保障终端可以均等地呈现出第一内容的信息量和第二内容的信息量。
在步骤S120中，响应于终端倾斜时产生的倾斜信号，调整第一内容和第二内容在展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小。
在一示例性实施例中，终端还可以在展示页面中显示倾斜引导信息。其中，倾斜引导信息用于引导用户将终端向指定方向倾斜。为了便于本领域技术人员的理解，图3示例性地提供了一种倾斜引导信息的示意图；如图3所示，310为倾斜引导信息，该倾斜引导信息用于引导用户向指定的方向倾斜终端。实际应用中，倾斜引导信息包括用于表征终端的虚拟终端320。该虚拟终端的倾斜状态可以随着终端的倾斜状态的变化而同步变化。
具体实现中，终端在显示第一内容的部分内容和第二内容的部分内容的过程中，终端还可以在展示页面中显示倾斜引导信息，以引导用户向指定的方向倾斜终端。然后，终端则可以实时检测该终端倾斜时产生的倾斜信号
当终端检测出终端倾斜时产生的倾斜信号发生变化时，终端则可以随着终端倾斜时产生的倾斜信号的变化，调整第一内容和第二内容在展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小。
在一示例性实施例中，响应于终端倾斜时产生的倾斜信号，调整第一内容和第二内容在显示界面中的可视内容区域，包括：当倾斜信号中的倾斜方向为第一内容对应方向时，则增大第一内容在展示页面中的可视内容区域，并减小第二内容在展示页面中的可视内容区域；当倾斜信号中的倾斜方向为第二内容对应方向时，则减小第一内容在展示页面中的可视内容区域，并增大第二内容在展示页面中的可视内容区域。
其中，第一内容对应方向与第二内容对应方向可以是两个相反的方向。
具体实现中，终端可以调用设置于终端的姿态监测模块检测倾斜时产生的倾斜信号。具体地，终端可以检测姿态监测模块的输出随时间的积分，以计算描述角度随时间步长变化的旋转。并根据计算所得度数的正负值，判断倾斜时产生的倾斜信号为第一内容对应方向还是第二内容对应方向，所对应度数绝对值大小表征终端的倾斜程度(倾斜角度)。然后，终端可以基于该倾斜方向和倾斜角度，调整调整第一内容和第二内容在展示页面中的可视内容区域，使其中一者的可视内容区域变大，另一者的可视内容区域变小。
在步骤S130中，若第一内容或第二内容对应的可视内容区域大于预设的阈值，则切换至目标页面，目标页面为第一内容或第二内容对应的展示页面。
具体实现中，终端在随着倾斜状态的变化，调整第一内容和第二内容在展示页面中的可视内容区域的过程中，终端还可以实时检测第一内容在展示页面中的可视内容区域占屏幕区域的比值，和/或，检测第一内容在展示页面中的可视内容区域占屏幕区域的比值；当终端检测到第一内容在展示页面中的可视内容区域占屏幕区域的比值大于预设比值阈值时，终端则显示将当前页面切换至第一内容对应的展示页面。当终端检测到第二内容在展示页面中的可视内容区域占屏幕区域的比值大于预设比值阈值时，终端则显示将当前页面切换至第二内容对应的展示页面。
实际应用中，第一内容或第二内容对应的展示页面可以是第一内容或第二内容中的目标对象对应的详情介绍页、获取请求提交页面等。
请参见图4，图4示例性地提供了一种内容显示方法的页面切换示意图；当终端可以在倾向状态处于初始状态且未发生变化时，在展示页面显示第一内容210和第二内容220，且第一内容210在展示页面中的可视内容区域与第二内容220在展示页面中的可视内容区域尺寸相同。当终端检测到终端向第一内容210对应方向倾斜。例如，如图4所示，以终端的屏幕中心点为原点在终端的屏幕所在的平面上建立直角坐标系410，当终端检测到该终端的倾斜状态为以y轴为旋转轴向x轴的正方向旋转(即第一方向)时，终端则增大第一内容210在展示页面中的可视内容区域，并减小第二内容220在展示页面中的可视内容区域。当终端检测到当终端检测到第一内容在展示页面中的可视内容区域占屏幕区域的比值大于预设比值阈值时，终端则显示将当前页面切换至第一内容对应的展示页面420。
相反的，请参照图5，图5示例性地提供了一种内容显示方法的界面示意图；当终端检测到该终端的倾斜状态为以y轴为旋转轴向x轴的负方向旋转(即第二方向)时，终端则增大第二内容220在展示页面中的可视内容区域，并减小第一内容210在展示页面中的可视内容区域。当终端检测到当终端检测到第二内容在展示页面中的可视内容区域占屏幕区域的比值大于预设比值阈值时，终端则显示将当前页面切换至第二内容对应的展示页面。需要说明的是，终端将当前页面切换至第二内容对应的展示页面的效果可以参见图4中终端将当前页面切换至第一内容对应的展示页面的效果，图5不再示出。
上述内容显示方法中，在终端的展示页面中显示第一内容的部分内容和第二内容的部分内容；在终端的倾向状态发生变化时，随着终端倾斜状态的变化，调整第一内容和第二内容在展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小；若第一内容或第二内容对应的可视内容区域大于预设的阈值，则切换至目标页面，目标页面为第一内容或第二内容对应的展示页面；如此，用户无需对终端的屏幕进行触控操作，亦可以通过倾斜终端的方式来控制终端调整第一内容在展示页面中的可视内容区域与第二内容在展示页面中的可视内容区域之间的比例，并控制该终端切换展示第一内容或第二内容对应的展示页面，提高了用户通过用户终端浏览内容的效率以及切换页面的操作便捷性。
在一示例性实施例中，方法还包括：响应于对第一内容的触发操作，切换至第一内容对应的展示页面；或者，响应于对第二内容的触发操作，切换至第二内容对应的展示页面。
具体实现中，在终端的展示页面中显示第一内容的部分内容和第二内容的部分内容之后，终端还可以接收用户对第一内容或第二内容的触发操作，以直接切换至第一内容或第二内容对应的展示页面。具体来说，当终端接收到用户对第一内容的触发操作后，终端则响应于对第一内容的触发操作，切换至第一内容对应的展示页面。当终端接收到用户对对第二内容的触发操作后，终端则响应于对第二内容的触发操作，切换至第二内容对应的展示页面。
本实施例的技术方案，通过响应于对第一内容的触发操作，切换至第一内容对应的展示页面；或者，响应于对第二内容的触发操作，切换至第二内容对应的展示页面，从而提供了交互方式供用户控制终端显示出第一内容或第二内容对应的展示页面，提高了人机交互方式的多样性。
图6是根据一示例性实施例示出的另一种内容显示方法的流程图，如图6所示，该方法包括以下步骤。
在步骤S610中，设置所述第一内容在所述展示页面中的可视内容区域与所述第二内容在所述展示页面中的可视内容区域尺寸相同。
在步骤S620中，实时检测终端倾斜时产生的倾斜信号。
在步骤S630中，当所述倾斜信号中的倾斜方向为所述第一内容对应方向时，则增大所述第一内容在所述展示页面中的可视内容区域，并减小所述第二内容在所述展示页面中的可视内容区域。
在步骤S631中，当所述第一内容在所述展示页面中的可视内容区域大于预设的阈值，则切换至目标页面，所述目标页面为所述第一内容对应的展示页面。
在步骤S640中，当所述倾斜信号中的倾斜方向为所述第二内容对应方向时，则减小所述第一内容在所述展示页面中的可视内容区域，并增大所述第二内容在所述展示页面中的可视内容区域。
在步骤S641中，当所述第二内容在所述展示页面中的可视内容区域大于预设的阈值，则切换至目标页面，所述目标页面为所述第二内容对应的展示页面。
需要说明的是，上述步骤的具体限定可以参见上文对一种内容显示方法的具体限定，在此不再赘述。
应该理解的是，虽然图1和图6的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1和图6中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
可以理解的是，本说明书中上述方法的各个实施例之间相同/相似的部分可互相参见，每个实施例重点说明的是与其他实施例的不同之处，相关之处参见其他方法实施例的说明即可。
图7是根据一示例性实施例示出的一种内容显示装置框图。参照图7，该装置包括：
显示单元710，被配置为执行在展示页面中显示第一内容和第二内容；
调整单元720，被配置为执行响应于终端倾斜时产生的倾斜信号，调整所述第一内容和第二内容在所述展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小；
切换单元730，被配置为执行若所述第一内容或第二内容对应的可视内容区域大于预设的阈值，则切换至目标页面，所述目标页面为所述第一内容或第二内容对应的展示页面。
在一种可能实现方式，所述调整单元720，具体被配置为执行当所述倾斜信号中的倾斜方向为所述第一内容对应方向时，则增大所述第一内容在所述展示页面中的可视内容区域，并减小所述第二内容在所述展示页面中的可视内容区域。
在一种可能实现方式，所述调整单元720，具体被配置为执行当所述倾斜信号中的倾斜方向为所述第二内容对应方向时，则减小所述第一内容在所述展示页面中的可视内容区域，并增大所述第二内容在所述展示页面中的可视内容区域。
在一种可能实现方式，所述显示单元710，具体被配置为执行设置所述第一内容在所述展示页面中的可视内容区域与所述第二内容在所述展示页面中的可视内容区域尺寸相同。
在一种可能实现方式，所述显示单元710，具体被配置为执行通过所述第一内容展示第一类型的目标对象，以及，通过所述第二内容展示第二类型的目标对象；其中，所述第一内容中的目标对象在所述展示页面中的位置和尺寸与所述第二内容中的目标对象在所述当前页面的位置和尺寸相同。
在一种可能实现方式，所述装置还被配置为执行响应于对所述第一内容的触发操作，切换至所述第一内容对应的展示页面；或者，响应于对所述第二内容的触发操作，切换至所述第二内容对应的展示页面。
在一种可能实现方式，所述装置还被配置为执行在所述展示页面中显示倾斜引导信息；所述倾斜引导信息用于引导将所述终端向指定方向倾斜。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
图8是根据一示例性实施例示出的一种用于执行上述的内容显示方法的电子设备800的框图。例如，电子设备800可以是移动电话、计算机、数字广播终端、消息收发设备、游戏控制台、平板设备、医疗设备、健身设备、个人数字助理等用户终端。
参照图8，电子设备800可以包括以下一个或多个组件：处理组件802、存储器804、电源组件806、多媒体组件808、音频组件810、输入/输出(I/O)的接口812、传感器组件814以及通信组件816。
处理组件802通常控制电子设备800的整体操作，诸如与显示、电话呼叫、数据通信、相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。
存储器804被配置为存储各种类型的数据以支持在电子设备800的操作。这些数据的示例包括用于在电子设备800上操作的任何应用程序或方法的指令、联系人数据、电话簿数据、消息、图片、视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)、电可擦除可编程只读存储器(EEPROM)、可擦除可编程只读存储器(EPROM)、可编程只读存储器(PROM)、只读存储器(ROM)、磁存储器、快闪存储器、磁盘、光盘或石墨烯存储器。
电源组件806为电子设备800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为电子设备800生成、管理和分配电力相关联的组件。
多媒体组件808包括在所述电子设备800和用户之间的提供输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括前置摄像头和/或后置摄像头。当电子设备800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括麦克风(MIC)，当电子设备800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括扬声器，用于输出音频信号。
I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件814包括一个或多个传感器，用于为电子设备800提供各个方面的状态评估。例如，传感器组件814可以检测到电子设备800的打开/关闭状态，组件的相对定位，例如所述组件为电子设备800的显示器和小键盘，传感器组件814还可以检测电子设备800或电子设备800组件的位置改变，用户与电子设备800接触的存在或不存在，设备800方位或加速/减速和电子设备800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器、陀螺仪传感器、磁传感器、压力传感器或温度传感器。
通信组件816被配置为便于电子设备800和其他设备之间有线或无线方式的通信。电子设备800可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。
在示例性实施例中，电子设备800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。
在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器804，上述指令可由电子设备800的处理器820执行以完成上述方法。例如，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中，还提供一种计算机程序产品，所述计算机程序产品中包括指令，上述指令可由电子设备800的处理器820执行以完成上述方法。
需要说明的，上述的装置、电子设备、计算机可读存储介质、计算机程序产品等根据方法实施例的描述还可以包括其他的实施方式，具体的实现方式可以参照相关方法实施例的描述，在此不作一一赘述。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (10)
1.一种内容显示方法，其特征在于，包括：
在展示页面中显示第一内容和第二内容；
响应于终端倾斜时产生的倾斜信号，调整所述第一内容和第二内容在所述展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小；
若所述第一内容或第二内容对应的可视内容区域大于预设的阈值，则切换至目标页面，所述目标页面为所述第一内容或第二内容对应的展示页面。
2.根据权利要求1所述的内容显示方法，其特征在于，所述响应于终端倾斜时产生的倾斜信号，调整所述第一内容和第二内容在所述显示界面中的可视内容区域，包括：
当所述倾斜信号中的倾斜方向为所述第一内容对应方向时，则增大所述第一内容在所述展示页面中的可视内容区域，并减小所述第二内容在所述展示页面中的可视内容区域。
3.根据权利要求2所述的内容显示方法，其特征在于，所述随着所述用户终端倾斜状态的变化，调整所述第一内容和第二内容在所述展示页面中的可视内容区域，包括：
当所述倾斜信号中的倾斜方向为所述第二内容对应方向时，则减小所述第一内容在所述展示页面中的可视内容区域，并增大所述第二内容在所述展示页面中的可视内容区域。
4.根据权利要求1所述的内容显示方法，其特征在于，所述在展示页面中显示第一内容和第二内容，包括：
设置所述第一内容在所述展示页面中的可视内容区域与所述第二内容在所述展示页面中的可视内容区域尺寸相同。
5.根据权利要求1所述的内容显示方法，其特征在于，所述在展示页面中显示第一内容和第二内容，包括：
通过所述第一内容展示第一类型的目标对象，以及，通过所述第二内容展示第二类型的目标对象；
其中，所述第一内容中的目标对象在所述展示页面中的位置和尺寸与所述第二内容中的目标对象在所述当前页面的位置和尺寸相同。
6.根据权利要求1至5任一项所述的内容显示方法，其特征在于，所述方法还包括：
在所述展示页面中显示倾斜引导信息；所述倾斜引导信息用于引导将所述终端向指定方向倾斜。
7.一种内容显示装置，其特征在于，包括：
显示单元，被配置为执行在展示页面中显示第一内容和第二内容；
调整单元，被配置为执行响应于终端倾斜时产生的倾斜信号，调整所述第一内容和第二内容在所述展示页面中的可视内容区域，其中一者的可视内容区域变大，另一者的可视内容区域变小；
切换单元，被配置为执行若所述第一内容或第二内容对应的可视内容区域大于预设的阈值，则切换至目标页面，所述目标页面为所述第一内容或第二内容对应的展示页面。
8.一种电子设备，其特征在于，包括：
处理器；
用于存储所述处理器可执行指令的存储器；
其中，所述处理器被配置为执行所述指令，以实现如权利要求1至6中任一项所述的内容显示方法。
9.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至6中任一项所述的内容显示方法。
10.一种计算机程序产品，所述计算机程序产品中包括指令，其特征在于，所述指令被电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至6任一项所述的内容显示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210452357.8A CN114706507A (zh) | 2022-04-27 | 2022-04-27 | 内容显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210452357.8A CN114706507A (zh) | 2022-04-27 | 2022-04-27 | 内容显示方法、装置、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114706507A true CN114706507A (zh) | 2022-07-05 |
Family
ID=82176764
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210452357.8A Pending CN114706507A (zh) | 2022-04-27 | 2022-04-27 | 内容显示方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114706507A (zh) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120297341A1 (en) * | 2010-02-16 | 2012-11-22 | Screenovate Technologies Ltd. | Modified Operating Systems Allowing Mobile Devices To Accommodate IO Devices More Convenient Than Their Own Inherent IO Devices And Methods For Generating Such Systems |
| CN109710139A (zh) * | 2018-12-20 | 2019-05-03 | 惠州Tcl移动通信有限公司 | 一种页面处理方法、装置、终端以及存储介质 |
| CN110232174A (zh) * | 2019-04-22 | 2019-09-13 | 维沃移动通信有限公司 | 一种内容选中方法及终端设备 |
| CN110795009A (zh) * | 2019-09-30 | 2020-02-14 | 广州视源电子科技股份有限公司 | 一种双屏显示控制方法、装置、存储介质及电子设备 |
| CN112351139A (zh) * | 2020-11-13 | 2021-02-09 | 深圳传音控股股份有限公司 | 移动终端的控制方法、移动终端及存储介质 |
| CN113535033A (zh) * | 2021-08-04 | 2021-10-22 | 北京字跳网络技术有限公司 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
| CN114356476A (zh) * | 2021-12-17 | 2022-04-15 | 北京达佳互联信息技术有限公司 | 内容显示方法、装置、电子设备及存储介质 |
| CN114385299A (zh) * | 2022-01-12 | 2022-04-22 | 北京字跳网络技术有限公司 | 页面显示控制方法、装置、移动终端及存储介质 |
-
2022
- 2022-04-27 CN CN202210452357.8A patent/CN114706507A/zh active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120297341A1 (en) * | 2010-02-16 | 2012-11-22 | Screenovate Technologies Ltd. | Modified Operating Systems Allowing Mobile Devices To Accommodate IO Devices More Convenient Than Their Own Inherent IO Devices And Methods For Generating Such Systems |
| CN109710139A (zh) * | 2018-12-20 | 2019-05-03 | 惠州Tcl移动通信有限公司 | 一种页面处理方法、装置、终端以及存储介质 |
| CN110232174A (zh) * | 2019-04-22 | 2019-09-13 | 维沃移动通信有限公司 | 一种内容选中方法及终端设备 |
| CN110795009A (zh) * | 2019-09-30 | 2020-02-14 | 广州视源电子科技股份有限公司 | 一种双屏显示控制方法、装置、存储介质及电子设备 |
| CN112351139A (zh) * | 2020-11-13 | 2021-02-09 | 深圳传音控股股份有限公司 | 移动终端的控制方法、移动终端及存储介质 |
| CN113535033A (zh) * | 2021-08-04 | 2021-10-22 | 北京字跳网络技术有限公司 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
| CN114356476A (zh) * | 2021-12-17 | 2022-04-15 | 北京达佳互联信息技术有限公司 | 内容显示方法、装置、电子设备及存储介质 |
| CN114385299A (zh) * | 2022-01-12 | 2022-04-22 | 北京字跳网络技术有限公司 | 页面显示控制方法、装置、移动终端及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR101852433B1 (ko) | 이동 단말기 및 그것의 제어방법 | |
| KR101635016B1 (ko) | 이동단말기 및 그의 지도 검색 방법 | |
| US20130268883A1 (en) | Mobile terminal and control method thereof | |
| KR20090101733A (ko) | 휴대 단말기 및 그의 얼굴 인식을 이용한 표시정보의 표시방법 | |
| CN107102772B (zh) | 触控方法及装置 | |
| CN107515669B (zh) | 显示方法及装置 | |
| KR20150009204A (ko) | 휴대 단말기 및 그 제어 방법 | |
| KR20140051719A (ko) | 이동 단말기 및 그것의 제어 방법 | |
| CN111610912B (zh) | 应用显示方法、应用显示装置及存储介质 | |
| CN105094539B (zh) | 参考信息显示方法和装置 | |
| KR101980704B1 (ko) | 이동단말기 및 그 제어 방법 | |
| CN107656694B (zh) | 用户界面的显示控制方法及装置 | |
| KR20150033429A (ko) | 이동 단말기 및 이의 제어방법 | |
| CN111522498A (zh) | 触控响应方法、装置及存储介质 | |
| CN111273979B (zh) | 信息处理方法、装置及存储介质 | |
| CN112269525A (zh) | 小屏窗口显示方法、装置及存储介质 | |
| CN112423092A (zh) | 视频录制方法和视频录制装置 | |
| CN110597443A (zh) | 日历显示方法、装置及介质 | |
| CN106951171B (zh) | 虚拟现实头盔的控制方法和装置 | |
| CN112650437B (zh) | 光标控制方法及装置、电子设备、存储介质 | |
| CN114706507A (zh) | 内容显示方法、装置、电子设备及存储介质 | |
| CN114296587A (zh) | 光标控制方法、装置、电子设备和存储介质 | |
| CN112905027A (zh) | 计时方法及装置、移动终端及存储介质 | |
| CN111381667A (zh) | 界面布局的调整方法、装置及存储介质 | |
| CN106293405B (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 |