CN110321042A - 界面信息展示方法、装置及电子设备 - Google Patents

界面信息展示方法、装置及电子设备 Download PDF

Info

Publication number
CN110321042A
CN110321042A CN201810278093.2A CN201810278093A CN110321042A CN 110321042 A CN110321042 A CN 110321042A CN 201810278093 A CN201810278093 A CN 201810278093A CN 110321042 A CN110321042 A CN 110321042A
Authority
CN
China
Prior art keywords
display unit
interface
intended display
target
visual range
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.)
Granted
Application number
CN201810278093.2A
Other languages
English (en)
Other versions
CN110321042B (zh
Inventor
顾晓元
吴敏龙
吕常富
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding 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 Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201810278093.2A priority Critical patent/CN110321042B/zh
Publication of CN110321042A publication Critical patent/CN110321042A/zh
Application granted granted Critical
Publication of CN110321042B publication Critical patent/CN110321042B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning

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-1至3-3是本申请实施例提供的用户界面示意图;
图4是本申请实施例提供的第二方法的流程图;
图5是本申请实施例提供的第一装置的示意图;
图6是本申请实施例提供的第二装置的示意图;
图7是本申请实施例提供的电子设备的示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。
在本申请实施例中,在通过卡片式展示单元进行界面展示的情况下,为了提高界面展示效率,提供了相应的解决方案,在该方案中,在界面滚动过程中,不再完全是匀速运动,或者完全与用户滑动或者拖动速度相一致的速度进行滚动,而是以展示单元为单位,分别进行处理。具体的,在界面滚动过程中,由于总是会存在正在离开窗口可视范围的展示单元,以及正在进入窗口可视范围的展示单元,而正在离开窗口可视范围的展示单元通常是已经被用户浏览过的展示单元,但是,实际上,用户对一个展示单元的浏览速度通常可能会比滑动或者拖动的速度要快,也就是说,在某个展示单元尚未完全离开窗口可视范围时,实际上用户已经浏览完该展示单元内的全部内容了,用户的视线可能已经转移到下一个展示单元中。而此时上一个展示单元却仍然占有部分窗口可视资源,这部分被占用的资源显然是浪费的。因此,在本申请实施例中,可以正在离开窗口可视范围的目标展示单元的剩余可视高度进行实时确定,一旦发现该剩余可视高度小于或等于某阈值,则可以将该目标展示单元加速离开窗口可视范围,也即,将其占用的窗口可视资源释放出来,供其他尚未或者正在被用户浏览的展示单元所使用。这样,可以避免对窗口可视资源造成浪费,提高界面的展示效率。
具体实现时,从***架构角度而言,参见图1,主要可以包括服务器端以及客户端两部分,其中,服务器端具体可以是用于生成具体的界面,为具体界面中的卡片式展示单元提供相关的数据内容。而客户端则主要用于对界面进行展示。具体的,所述客户端可以是以独立App等形式安装于终端设备中的应用程序,也可以是通过浏览器等工具进行访问的Web页面等。其中,本申请实施例中提供的与展示单元滚动速度控制等相关的功能,可以由客户端来实现,也即,服务器可以仅用于提供界面数据,而关于与用户之间的交互,包括对卡片式展示单元滚动速度的控制等相关功能,都可以由客户端来完成。
下面通过具体的实施例对本申请提供的具体实现方案进行详细介绍。
实施例一
该实施例一首先从客户端的角度,提供了一种界面信息展示方法,参见图2,该方法具体可以包括:
S201:获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;
具体实现时,客户端可以是在接收到用户对目标界面的访问请求后,向服务器端请求获得相关的界面数据,或者,如果在客户端所在的终端设备中对该目标界面的界面数据进行了缓存,则可以从本地加载获得所述界面数据,等等。其中,所述目标界面具体可以包括多种,例如,可以是“手机淘宝”中提供的“每日好店”板块对应的界面,此时,通常可以在“手机淘宝”的首页等位置提供“每日好店”的访问入口,用户通过点击该访问入口,便可以进入到“每日好店”承接页,其中就可以以卡片式展示单元的形式,展示出多个推荐的店铺的信息,因此,该承接页就可以是本申请实施例中的目标界面。当然,在实际应用中,本申请实施例所提供的方案也适用于其他通过卡片式展示单元形式进行内容展示的界面,这里不再一一列举。
S202:在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度;
具体实现时,目标界面可以是在用户的滑动或者拖动等操作的情况下,随着用户的操作进行滚动,或者,还可以是在提供自动播放等功能的情况下,自动进行滚动。其中,无论是通过何种方式触发的界面滚动,在页面滚动过程中,总会存在当前正在离开窗口可视范围的目标展示单元。例如,在页面向上滚动的情况下,当前位于窗口可视范围最上方的展示单元,就是正在离开窗口可视范围的目标展示单元。相反,如果是页面向下滚动的情况下,则当前位于窗口可视范围最下方的展示单元,就是正在离开窗口可视范围的目标展示单元,等等。总之,可以根据界面滚动方向确定出当前正在离开窗口可视范围内的目标展示单元。另外,作为客户端而言,由于界面中展示出的具体内容均是由客户端进行绘制的,因此,在页面滚动过程中,不仅可以确定出当前正在离开窗口可视范围的目标展示单元,还可以确定出所述目标展示单元在窗口可视范围的剩余可视高度。其中,由于随着界面的滚动,所述剩余可视高度在不断变化,因此,上述确定剩余可视高度的步骤可以是在实时不断进行的。
S203:在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
在实时确定目标展示单元在窗口可视范围的剩余可视高度的过程中,剩余可视高度每次更新后,都可以与预置的阈值进行比较,如果发现小于或等于该阈值,则可以加快所述目标展示单元的离开速度。其中具体实现时,所述阈值可以预先设定的,具体在进行设定时,可以根据所述目标展示单元的总高度进行确定,只要满足以下条件即可:当所述目标展示单元的剩余可视高度小于或等于预置的阈值时,通常所述目标展示单元的全部内容已经被浏览完成。例如,某目标展示单元的总高度是H1,在该目标展示单元在窗口可视范围的剩余可视高度还剩H2时,通常用户就已经将该目标展示单元内的内容全部浏览完了,因此,在界面滚动过程中,目标展示单元在窗口可视范围的剩余可视高度为H2时,就可以对该目标展示单元进行加速处理。
具体实现时,当前目标展示单元加速离开窗口可视范围的同时,还可以将下一展示单元加速向页面滚动方向移动,另外,为了进一步提高效率,还可以将下一展示单元部分叠加到所述目标展示单元,其中,所述目标展示单元被叠加的高度与其剩余可视高度相同。
例如,如图3-1所示,假设目标界面中当前涉及到三个展示单元,分别为A、B、C,其中,该界面正在向上滚动,因此,当前正在离开窗口可视范围的展示单元是A。在该展示单元A在窗口可视范围内的剩余可视高度为H时,认为用户已经完成了对该展示单元A全部内容的浏览,因此,就可以将该展示单元A加速离开,同时,展示单元B以及展示单元C都可以加速向上滚动。并且,在一种方式下,展示单元B还可以叠加到展示单元A上,将展示单元A的剩余可视高度部分进行覆盖,相应的,展示单元C也加速透出更多的内容。之后,当界面继续向上滚动时,该展示单元B又成为当前正在离开窗口可视范围的目标展示单元,之后,如图3-3所示,同样在该展示单元B的剩余可视高度为H时,可以将该展示单元B加速离开,相应的,展示单元C加入向上滚动,并且可以将展示单元B原来的剩余可视部分进行覆盖,以此类推。
可见,通过本申请实施例,在当前正在离开窗口可视范围的目标展示单元的剩余可视高度小于或等于某阈值时,由于大部分情况下,用户已经完成了对该目标展示单元全部内容的浏览,包括当前仍在占有窗口可视资源的部分,因此,可以将该目标展示单元加速离开,这样,这部分被占有的窗口可视资源就可以被快速释放给界面中的其他展示单元,因此,可以提高界面的展示效率。
需要说明的是,在具体实现时,本申请实施例更适用于单个展示单元的高度比较高的情况,优选的,在窗口可视范围内可同时完整展示的展示单元数量可以不超过两个。例如,图3-1至3-3所示的例子中,窗口可视范围内可同时完整展示的展示单元只有一个,另一个展示单元没有被完整展示。在这种情况下,使用本申请实施例所提供的方案时,效果会更好。另外,为了方便控制,所述目标页面中不同展示单元之间的高度差异可以控制在预置范围内,最好是完全相等。这样,每个展示单元都可以按照相同的阈值进行加速控制,算法得到简化。
另外需要说明的是,在本申请实施例中,由于对在界面滚动的一些关键点处,对界面滚动速度进行了干预,而在由用户手动滑动屏幕等方式触发界面滚动的情况下,在已经完成加速之后,用户可能会出于惯性动作等,继续向上滑动,此时,可能会使得加速滚动上来的展示单元离开窗口可视范围,而此时,用户可能尚未开始对该展示单元的内容进行浏览。因此,为了避免出现这种情况,在可选的实现方式中,还可以在完成所述叠加操作的预置时间段内,停止响应页面滚动指令。也就是说,在将展示单元B快速叠加到展示单元A上之后,可以暂时停止界面的滚动,此时,即使用户继续在执行滑动等动作,该展示单元B也可以暂时不离开窗口可视范围,直到经过一段时间(例如,数秒钟)之后,在用户已经完成了对该展示单元B部分内容的浏览后,再继续进行界面滚动,以保证用户所浏览内容的完整性。
其中,具体实现时,如前文所述,所述目标界面可以包括店铺对象推荐信息界面,每个卡片式展示单元对应一个店铺对象,其中的展示内容包括所述店铺对象的名称信息、代表商品对象的摘要信息和/或店铺介绍信息。当然,在其他场景下,也可以有其他的目标界面。
需要说明的是,在本申请实施例一中,S203中是加快所述目标展示单元的离开速度,可以理解的是,在另一种实现方式下,也可以是加快所述目标展示单元的下一展示单元在所述界面滚动方向上的移动速度,这样可以获得与“加快所述目标展示单元的离开速度”类似的效果。或者,在另一种情况下,还可以两者同步进行,也即,在目标展示单元加快离开的同时,其下一个展示单元在所述界面滚动方向上加快移动速度,例如,如果界面滚动方向是向上滚动,则下一展示单元可以加速向上运动,并且,该下一展示单元的上边缘还可以与窗口可视区域的上边缘对齐,等等。
实施例二
该实施例二是与实施例一相对应的,从服务器的角度,提供了一种界面数据提供方法,参见图4,该方法具体可以包括:
S401:接收对目标界面的访问请求;
S402:提供所述目标界面的界面数据,其中,所述界面中包括多个卡片式展示单元,以用于在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度,在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
关于实施例二的具体实现,可以参见前述实施例一中的记载,这里不再赘述。
与实施例一相对应,本申请实施例还提供了一种界面信息展示装置,参见图5,该装置可以包括:
界面数据获得模块501,用于获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;
剩余可视高度确定模块502,用于在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度;
速度控制模块503,用于在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
其中,所述预置的阈值根据所述目标展示单元的总高度进行确定,当所述目标展示单元的剩余可视高度小于或等于预置的阈值时,所述目标展示单元的全部内容已经被浏览完成。
为了获得较好的效果,在窗口可视范围内可同时展示的展示单元数量不超过两个。另外,所述目标页面中不同展示单元之间的高度差异可以控制在预置范围内。
具体实现时,所述速度控制模块具体可以用于:
将下一展示单元加速向页面滚动方向移动,并部分叠加到所述目标展示单元,其中,所述目标展示单元被叠加的高度与其剩余可视高度相同。
另外,该装置还可以包括:
暂停单元,用于在完成所述叠加操作的预置时间段内,停止响应页面滚动指令。
在一种具体的应用方式下,所述目标界面可以包括店铺对象推荐信息界面,每个卡片式展示单元对应一个店铺对象,其中的展示内容包括所述店铺对象的名称信息、代表商品对象的摘要信息和/或店铺介绍信息。
与实施例二相对应,本申请实施例还提供了一种界面数据提供装置,参见图6,该装置可以包括:
请求接收模块601,用于接收对目标界面的访问请求;
界面数据提供模块602,用于提供所述目标界面的界面数据,其中,所述界面中包括多个卡片式展示单元,以用于在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度,在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
另外,本申请实施例还提供了一种电子设备,包括:
一个或多个处理器;以及
与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时,执行如下操作:
获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;
在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度;
在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
其中,图7示例性的展示出了电子设备的架构,例如,设备700可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理,飞行器等。
参照图7,设备700可以包括以下一个或多个组件:处理组件702,存储器704,电源组件706,多媒体组件708,音频组件710,输入/输出(I/O)的接口712,传感器组件714,以及通信组件716。
处理组件702通常控制设备700的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理元件702可以包括一个或多个处理器720来执行指令,以完成本公开技术方案提供的视频播放方法中的当满足预设条件时,生成流量压缩请求,并发送给服务器,其中所述流量压缩请求中记录有用于触发服务器获取目标关注区域的信息,所述流量压缩请求用于请求服务器优先保证目标关注区域内视频内容的码率;根据服务器返回的码流文件播放所述码流文件对应的视频内容,其中所述码流文件为服务器根据所述流量压缩请求对所述目标关注区域之外的视频内容进行码率压缩处理得到的视频文件的全部或部分步骤。此外,处理组件702可以包括一个或多个模块,便于处理组件702和其他组件之间的交互。例如,处理部件702可以包括多媒体模块,以方便多媒体组件708和处理组件702之间的交互。
存储器704被配置为存储各种类型的数据以支持在设备700的操作。这些数据的示例包括用于在设备700上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器704可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件706为设备700的各种组件提供电力。电源组件706可以包括电源管理***,一个或多个电源,及其他与为设备700生成、管理和分配电力相关联的组件。
多媒体组件708包括在设备700和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件708包括一个前置摄像头和/或后置摄像头。当设备700处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。
音频组件710被配置为输出和/或输入音频信号。例如,音频组件710包括一个麦克风(MIC),当设备700处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器704或经由通信组件716发送。在一些实施例中,音频组件710还包括一个扬声器,用于输出音频信号。
I/O接口712为处理组件702和***接口模块之间提供接口,上述***接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件714包括一个或多个传感器,用于为设备700提供各个方面的状态评估。例如,传感器组件714可以检测到设备700的打开/关闭状态,组件的相对定位,例如所述组件为设备700的显示器和小键盘,传感器组件714还可以检测设备700或设备700一个组件的位置改变,用户与设备700接触的存在或不存在,设备700方位或加速/减速和设备700的温度变化。传感器组件714可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件714还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件714还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件716被配置为便于设备700和其他设备之间有线或无线方式的通信。设备700可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信部件716经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中,所述通信部件716还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,设备700可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器704,上述指令可由设备700的处理器720执行以完成本公开技术方案提供的视频播放方法中的当满足预设条件时,生成流量压缩请求,并发送给服务器,其中所述流量压缩请求中记录有用于触发服务器获取目标关注区域的信息,所述流量压缩请求用于请求服务器优先保证目标关注区域内视频内容的码率;根据服务器返回的码流文件播放所述码流文件对应的视频内容,其中所述码流文件为服务器根据所述流量压缩请求对所述目标关注区域之外的视频内容进行码率压缩处理得到的视频文件。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于***或***实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的***及***实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本申请所提供的界面信息展示方法、装置及电子设备,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本申请的限制。

Claims (12)

1.一种界面信息展示方法,其特征在于,包括:
获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;
在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度;
在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
2.根据权利要求1所述的方法,其特征在于,
所述预置的阈值根据所述目标展示单元的总高度进行确定,当所述目标展示单元的剩余可视高度小于或等于预置的阈值时,所述目标展示单元的全部内容已经被浏览完成。
3.根据权利要求1所述的方法,其特征在于,
在窗口可视范围内可同时展示的展示单元数量不超过两个。
4.根据权利要求1所述的方法,其特征在于,
所述目标页面中不同展示单元之间的高度差异在预置范围内。
5.根据权利要求1所述的方法,其特征在于,
所述加快所述目标展示单元的离开速度,包括:
将下一展示单元加速向页面滚动方向移动,并部分叠加到所述目标展示单元,其中,所述目标展示单元被叠加的高度与其剩余可视高度相同。
6.根据权利要求5所述的方法,其特征在于,还包括:
在完成所述叠加操作的预置时间段内,停止响应页面滚动指令。
7.根据权利要求1至6任一项所述的方法,其特征在于,
所述目标界面包括店铺对象推荐信息界面,每个卡片式展示单元对应一个店铺对象,其中的展示内容包括所述店铺对象的名称信息、代表商品对象的摘要信息和/或店铺介绍信息。
8.一种界面数据提供方法,其中特征在于,包括:
接收对目标界面的访问请求;
提供所述目标界面的界面数据,其中,所述界面中包括多个卡片式展示单元,以用于在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度,在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
9.一种界面信息展示装置,其特征在于,包括:
界面数据获得模块,用于获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;
剩余可视高度确定模块,用于在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度;
速度控制模块,用于在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
10.一种界面数据提供装置,其中特征在于,包括:
请求接收模块,用于接收对目标界面的访问请求;
界面数据提供模块,用于提供所述目标界面的界面数据,其中,所述界面中包括多个卡片式展示单元,以用于在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度,在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
11.一种电子设备,其特征在于,包括:
一个或多个处理器;以及
与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时,执行如下操作:
获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;
在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度;
在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的离开速度。
12.一种界面信息展示方法,其特征在于,包括:
获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;
在目标界面滚动过程中,确定正在离开窗口可视范围的目标展示单元,以及所述目标展示单元在窗口可视范围的剩余可视高度;
在所述剩余可视高度小于或等于预置的阈值时,加快所述目标展示单元的下一展示单元在所述界面滚动方向上的移动速度。
CN201810278093.2A 2018-03-30 2018-03-30 界面信息展示方法、装置及电子设备 Active CN110321042B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810278093.2A CN110321042B (zh) 2018-03-30 2018-03-30 界面信息展示方法、装置及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810278093.2A CN110321042B (zh) 2018-03-30 2018-03-30 界面信息展示方法、装置及电子设备

Publications (2)

Publication Number Publication Date
CN110321042A true CN110321042A (zh) 2019-10-11
CN110321042B CN110321042B (zh) 2022-08-05

Family

ID=68111909

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810278093.2A Active CN110321042B (zh) 2018-03-30 2018-03-30 界面信息展示方法、装置及电子设备

Country Status (1)

Country Link
CN (1) CN110321042B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112015314A (zh) * 2020-08-21 2020-12-01 北京五八信息技术有限公司 信息展示方法、装置、电子设备和介质
CN114125533A (zh) * 2021-11-10 2022-03-01 青岛海信宽带多媒体技术有限公司 一种机顶盒及跑马灯元素展示控制方法
WO2022062610A1 (zh) * 2020-09-24 2022-03-31 腾讯科技(深圳)有限公司 信息展示方法、装置、电子设备以及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103493000A (zh) * 2011-04-22 2014-01-01 高通股份有限公司 用于用户接口中列表的直观换行的方法和设备
CN103970453A (zh) * 2013-01-24 2014-08-06 宏碁股份有限公司 电子装置及其触控输入方法
CN105975181A (zh) * 2016-05-06 2016-09-28 平安科技(深圳)有限公司 侧滑界面的显示控制方法和装置
US20170060393A1 (en) * 2000-01-05 2017-03-02 Apple Inc. Time-based, non-constant translation of user interface objects between states

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20170060393A1 (en) * 2000-01-05 2017-03-02 Apple Inc. Time-based, non-constant translation of user interface objects between states
CN103493000A (zh) * 2011-04-22 2014-01-01 高通股份有限公司 用于用户接口中列表的直观换行的方法和设备
CN103970453A (zh) * 2013-01-24 2014-08-06 宏碁股份有限公司 电子装置及其触控输入方法
CN105975181A (zh) * 2016-05-06 2016-09-28 平安科技(深圳)有限公司 侧滑界面的显示控制方法和装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112015314A (zh) * 2020-08-21 2020-12-01 北京五八信息技术有限公司 信息展示方法、装置、电子设备和介质
CN112015314B (zh) * 2020-08-21 2022-05-31 北京五八信息技术有限公司 信息展示方法、装置、电子设备和介质
WO2022062610A1 (zh) * 2020-09-24 2022-03-31 腾讯科技(深圳)有限公司 信息展示方法、装置、电子设备以及存储介质
CN114125533A (zh) * 2021-11-10 2022-03-01 青岛海信宽带多媒体技术有限公司 一种机顶盒及跑马灯元素展示控制方法

Also Published As

Publication number Publication date
CN110321042B (zh) 2022-08-05

Similar Documents

Publication Publication Date Title
CN105955607B (zh) 内容分享方法和装置
CN107037949B (zh) 一种分屏显示方法及装置
CN107544810B (zh) 控制应用程序的方法和装置
CN111783001A (zh) 页面显示方法、装置、电子设备和存储介质
RU2640729C2 (ru) Способ и устройство для представления информации по билету
EP3731088B1 (en) Method and device for displaying information and storage medium
WO2019095819A1 (zh) 界面展示方法及装置
EP3128411A1 (en) Interface display method and device
CN107229403B (zh) 一种信息内容选择方法及装置
CN108959320A (zh) 预览视频搜索结果的方法和装置
CN113393290A (zh) 直播数据处理方法、装置、计算机设备及介质
EP3716029A1 (en) Interface display method, device and storage medium
CN113891106A (zh) 基于直播间的资源展示方法、装置、终端及存储介质
WO2022257916A1 (zh) 推荐方法及装置
CN114302160B (zh) 信息显示方法、装置、计算机设备及介质
CN110321042A (zh) 界面信息展示方法、装置及电子设备
CN109542297B (zh) 提供操作引导信息的方法、装置及电子设备
CN114363646A (zh) 一种目标对象的展示方法、装置、电子设备及存储介质
WO2019095810A1 (zh) 界面展示方法及装置
CN109951741A (zh) 数据对象信息展示方法、装置及电子设备
TWI708179B (zh) 介面展示方法及裝置
US11112951B2 (en) Method, device and storage medium for displaying content in notification bar
CN109558197B (zh) 信息推荐方法及装置
CN110321185A (zh) 界面信息展示方法、装置及电子设备
WO2019095818A1 (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