一种滚动条的显示方法及电子设备技术

技术编号:39504900 阅读:11 留言:0更新日期:2023-11-24 11:36
本申请提供了一种滚动条的显示方法及电子设备,涉及显示技术领域

【技术实现步骤摘要】
一种滚动条的显示方法及电子设备


[0001]本申请涉及显示
,尤其涉及一种滚动条的显示方法及电子设备


技术介绍

[0002]随着技术的不断发展,终端设备可以将获取到的各种信息以页面内容的形式通过各类应用
(
例如浏览器应用

社交应用等
)
展示给用户

当页面内容较多,以至于终端设备的显示屏不能一次性显示完所有的页面内容时,通常会隐藏部分页面内容并在页面上显示滚动条,该滚动条用于表征当前显示的页面内容在所有页面内容中的位置

当用户滑动页面时,当前显示的页面内容会根据页面的滑动而进行调整,滚动条会根据页面的滑动而改变位置,当滑动的页面静止时,滚动条也会静止并逐渐消失

[0003]目前,页面滑动时滚动条会根据页面的滑动而改变位置,页面静止后滚动条会逐渐消失

其中,滚动条改变位置的过程以及滚动条消失的过程,是动画显示过程,设备的功耗较大


技术实现思路

[0004]本申请实施例提供一种滚动条的显示方法及电子设备,用于降低页面滑动过程中的功耗

[0005]为达到上述目的,本申请的实施例采用如下技术方案:
[0006]第一方面,本申请提供了一种滚动条的显示方法,应用于电子设备,方法包括:显示第一应用的第一界面,第一界面包括相对应的滚动条和第一区域

其中,该第一区域可以为第一界面的部分区域或第一界面的全部区域<br/>。
接收滑动第一区域的第一操作;响应于第一操作,第一区域及滚动条滑动;其中,当第一区域静止时滚动条静止,在第一界面显示消失动画;其中,若第一应用为预设应用,消失动画为第一消失动画,第一消失动画的时长为第一时长;若第一应用不为预设应用,消失动画为第二消失动画,第二消失动画的时长为第二时长,第一时长小于第二时长

[0007]其中,由于第一时长小于第二时长,则预设应用在页面滑动过程中的功耗小于非预设应用在页面滑动过程中的功耗

也就是说,本申请通过降低预设应用的功耗,达到降低电子设备的整体功耗的效果

[0008]在第一方面提供的一种实施方式中,在显示第一应用的第一界面之前,方法还包括:获取第一应用的消隐参数;其中,若第一应用为预设应用,第一应用的消隐参数包括第一消隐参数,若第一应用不为预设应用,第一应用的消隐参数包括第二消隐参数,第一消隐参数与第二消隐参数不同;在第一界面显示消失动画之前,方法还包括:根据第一应用的消隐参数构造消失动画

[0009]在本申请实施例中,电子设备可根据第一应用的消隐参数构造消失动画,且由于第一消隐参数和第二消隐参数不同,使得预设应用和非预设应用在页面滑动过程中的功耗也不同

[0010]在第一方面提供的一种实施方式中,第一消隐参数包括第一时长和第一透明度变化信息,第二消隐参数包括第二时长和第二透明度变化信息,第一透明度变化信息和第二透明度变化信息均用于指示滚动条的透明度变化情况,第一透明度变化信息对应的透明度均值大于第二透明度变化信息对应的透明度均值;若第一应用为预设应用,根据第一应用的消隐参数构造消失动画包括:根据第一时长和第一透明度变化信息构造第一消失动画;若第一应用不为预设应用,根据第一应用的消隐参数构造消失动画包括:根据第二时长和第二透明度变化信息构造第二消失动画

[0011]其中,由于第一时长小于第二时长,可使电子设备显示第一消失动画的功耗低于电子设备显示第二消失动画的功耗

进一步的,由于第一透明度变化信息对应的透明度均值小于第二透明度变化信息对应的透明度均值,且考虑到透明度越高则滚动条的可视程度越低,消耗的功耗也就越小,因此电子设备显示第一消失动画的功耗低于电子设备显示第二消失动画的功耗,从而预设应用的功耗低于非预设应用的功耗

[0012]在第一方面提供的一种实施方式中,第一消隐参数包还包括第三时长,第二消隐参数还包括第四时长,第三时长小于第四时长;若第一应用为预设应用,在第一界面上显示消失动画,包括:在自滚动条静止起的第三时长结束时,在第一界面上显示第一消失动画;若第一应用不为预设应用,在第一界面上显示消失动画,包括:在自滚动条静止起的第四时长结束时,在第一界面上显示第二消失动画

[0013]在本申请实施例中,通过缩短滚动条静止后逐渐消失的时间
(
即第三时长小于第四时长
)
,可使预设应用的滚动条在滚动后能够快速消失,减少滚动条迟迟未消失带来的拖沓感,提升用户体验

[0014]在第一方面提供的一种实施方式中,方法还包括:获取第一应用的界面配置信息,第一应用的界面配置信息包括第一应用的界面所包括的控件及控件所采用的显示方式;获取第一应用的消隐参数,包括:若第一应用的界面包括采用预设显示方式的滚动条,获取第一应用的消隐参数

[0015]可以理解地,对于界面中不包括采用预设显示方式的滚动条的应用,该应用的界面中不涉及滚动条的滑动过程或者不涉及到滚动条静止后消失的过程,因此无需获取其消隐参数,减少不必要的
I/O
操作,节约
I/O
资源

[0016]在第一方面提供的一种实施方式中,方法还包括:当滚动条滑动时,在第一界面显示滑动动画,滑动动画包括第一区域和滚动条滑动的动画

[0017]在第一方面提供的一种实施方式中,电子设备包括滑动控件以及视图控制器,根据第一应用的消隐参数构造消失动画,包括:滑动控件向视图控制器发送参数获取请求;若第一应用的消隐参数中包括第一消隐参数,视图控制器向滑动控件发送第一消隐参数,第一消隐参数包括第一时长

第一透明度变化信息和第三时长;滑动控件根据第一时长和第一透明度变化信息构造第一消失动画;在第一界面显示消失动画,包括:滑动控件在自滚动条静止起的第三时长结束时显示第一消失动画

[0018]根据前文可知,若第一应用为预设应用则第一应用的消隐参数包括第一消隐参数,否则包括第二消隐参数

视图控制器在第一应用的消隐参数中包括第一消隐参数的情况下,优先给滑动控件发送第一消隐参数,在第一应用的消隐参数中不包括第一消隐参数的情况下,给滑动控件发送第二消隐参数,以此达到给预设应用提供第一消隐参数,给非预
设应用提供第二消隐参数的效果

[0019]在第一方面提供的一种实施方式中,根据第一应用的消隐参数构造消失动画,还包括:若第一应用的消隐参数中不包括第一消隐参数,视图控制器向滑动控件发送第二消隐参数,第二消隐参数包括第二时长

第二透明度变化信息和第四时长;滑动控件根据第二时长和第二透明度变化信息构造第二消失动画;在第一界面显示消失动画,包括:滑动控件在自滚动条静本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.
一种滚动条的显示方法,其特征在于,应用于电子设备,所述方法包括:显示第一应用的第一界面,所述第一界面包括相对应的滚动条和第一区域;接收滑动所述第一区域的第一操作;响应于所述第一操作,所述第一区域及所述滚动条滑动;其中,当所述第一区域静止时所述滚动条静止,在所述第一界面显示消失动画;其中,若所述第一应用为预设应用,所述消失动画为第一消失动画,所述第一消失动画的时长为第一时长;若所述第一应用不为预设应用,所述消失动画为第二消失动画,所述第二消失动画的时长为第二时长,所述第一时长小于所述第二时长
。2.
根据权利要求1所述的方法,其特征在于,在所述显示第一应用的第一界面之前,所述方法还包括:获取所述第一应用的消隐参数;其中,若所述第一应用为预设应用,所述第一应用的消隐参数包括第一消隐参数,若所述第一应用不为预设应用,所述第一应用的消隐参数包括第二消隐参数,所述第一消隐参数与所述第二消隐参数不同;在所述第一界面显示消失动画之前,所述方法还包括:根据所述第一应用的消隐参数构造所述消失动画
。3.
根据权利要求2所述的方法,其特征在于,所述第一消隐参数包括所述第一时长和第一透明度变化信息,所述第二消隐参数包括所述第二时长和第二透明度变化信息,所述第一透明度变化信息和所述第二透明度变化信息均用于指示所述滚动条的透明度变化情况,所述第一透明度变化信息对应的透明度均值大于所述第二透明度变化信息对应的透明度均值;若所述第一应用为预设应用,所述根据所述第一应用的消隐参数构造所述消失动画包括:根据所述第一时长和所述第一透明度变化信息构造所述第一消失动画;若所述第一应用不为预设应用,所述根据所述第一应用的消隐参数构造所述消失动画包括:根据所述第二时长和所述第二透明度变化信息构造所述第二消失动画
。4.
根据权利要求3所述的方法,其特征在于,所述第一消隐参数包还包括第三时长,所述第二消隐参数还包括第四时长,所述第三时长小于所述第四时长;若所述第一应用为预设应用,所述在所述第一界面上显示消失动画,包括:在自所述滚动条静止起的所述第三时长结束时,在所述第一界面上显示所述第一消失动画;若所述第一应用不为预设应用,所述在所述第一界面上显示消失动画,包括:在自所述滚动条静止起的所述第四时长结束时,在所述第一界面上显示所述第二消失动画
。5.
根据权利要求2‑4中任意一项所述的方法,其特征在于,所述方法还包括:获取所述第一应用的界面配置信息,所述第一应用的界面配置信息包括所述第一应用的界面所包括的控件及控件所采用的显示方式;所述获取所述第一应用的消隐参数,包括:
若所述第一应用的界面包括采用预设显示方式的滚动条,获取所述第一应用的消隐参数
。6.
根据权利要求1‑5中任意一项所述的方法,其特征在于,所述方法还包括:当所述滚动条滑动时,在所述第一界面显示滑动动画,所述滑动动画包括所述第一区域...

【专利技术属性】
技术研发人员:赵明君刘东李世俊
申请(专利权)人:荣耀终端有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1