System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 页面显示方法、装置、设备及存储介质制造方法及图纸_技高网

页面显示方法、装置、设备及存储介质制造方法及图纸

技术编号:40440149 阅读:8 留言:0更新日期:2024-02-22 23:03
本公开是关于一种页面显示方法、装置、设备及存储介质,该方法包括:响应于检测到用于在所述第一显示屏和所述第二显示屏之间切换显示目标页面的设定操作,获取过渡动画;响应于获取到所述过渡动画,在显示屏上播放所述过渡动画,并基于所述显示屏的尺寸调整所述目标页面;响应于完成对所述目标页面的调整,在所述显示屏上显示调整后的所述目标页面。本公开可以有效改善第一显示屏和第二显示屏之间切换的视觉效果,以从视觉上提高第一显示屏和第二显示屏之间切换显示过程的流畅性,从而可避免在第一显示屏和第二显示屏之间切换显示过程中产生的屏幕闪屏、黑屏或花屏的问题,进而可以提升用户的视觉体验。

【技术实现步骤摘要】

本公开涉及移动终端,尤其涉及一种页面显示方法、装置、设备及存储介质


技术介绍

1、随着移动终端技术的发展,移动终端的屏幕越来越受到人们的关注。为了保证移动终端的显示屏的尺寸更大,同时保证移动终端的整机体积较小,柔性可折叠屏越来越多的应用于移动终端中。

2、相关技术中,当具有第二显示屏和柔性可折叠的第一显示屏的电子设备进行第一显示屏与第二显示屏的切换显示时,需要实时调整切换后的屏幕所显示的页面。但是,实时调整页面的速度有可能跟不上第一显示屏与第二显示屏的切换速度,使得页面的布局与切换后的屏幕尺寸不匹配,会导致屏幕出现闪屏、黑屏或花屏问题,进而会影响用户的视觉体验。


技术实现思路

1、为克服相关技术中存在的问题,本公开实施例提供一种页面显示方法、装置、设备及存储介质,用以解决相关技术中的缺陷。

2、根据本公开实施例的第一方面,提供一种页面显示方法,应用于电子设备,所述电子设备包括第一显示屏和第二显示屏,所述第一显示屏为柔性可折叠屏;

3、所述方法包括:

4、响应于检测到用于在所述第一显示屏和所述第二显示屏之间切换显示目标页面的设定操作,获取过渡动画;

5、响应于获取到所述过渡动画,在显示屏上播放所述过渡动画,并基于所述显示屏的尺寸调整所述目标页面,所述显示屏为经过切换后用于显示的所述第一显示屏或所述第二显示屏;

6、响应于完成对所述目标页面的调整,在所述显示屏上显示调整后的所述目标页面。

7、在一些实施例中,所述设定操作包括以下至少一项:

8、将所述第一显示屏由半折叠状态或全折叠状态转换为展开状态的操作;

9、将所述第一显示屏由展开状态转换为半折叠状态或全折叠状态的操作;

10、在所述第一显示屏处于半折叠状态下,针对所述第二显示屏中任意位置的触控操作。

11、在一些实施例中,所述方法还包括:

12、在所述显示屏上显示预设图层,所述预设图层覆盖于所述显示屏的应用界面上层;

13、所述在显示屏上播放所述过渡动画,包括:

14、将所述预设图层的透明度由第一预设值调整至第二预设值,并在所述应用界面播放所述过渡动画,所述第二预设值大于所述第一预设值。

15、在一些实施例中,所述获取过渡动画,包括:

16、基于预先获取的所述目标页面生成过渡动画;或者,

17、获取预先存储的过渡动画,所述过渡动画为基于预先获取的所述目标页面生成并存储的动画。

18、在一些实施例中,所述基于预先获取的所述目标页面生成过渡动画,包括:

19、获取用于生成所述过渡动画的参数;

20、基于所述参数和所述目标页面确定用于生成所述过渡动画的多帧图像;

21、基于所述多帧图像生成所述过渡动画。

22、在一些实施例中,所述过渡动画用于模拟所述目标页面由闭合到展开的变化过程,所述多帧图像中的每帧图像为所述目标页面沿着中心线对折成预设角度的图像,所述中心线与所述柔性可折叠屏的弯折区域重合。

23、在一些实施例中,所述参数包括所述过渡动画中第一帧图像的第一展开幅度、所述过渡动画中最后一帧图像的第二展开幅度以及所述过渡动画的播放时长;

24、所述基于所述参数和所述目标页面确定用于生成所述过渡动画的多帧图像,包括:

25、基于所述播放时长以及所述多帧图像中每帧图像的展示时长,确定所述过渡动画中包含的图像数量;

26、基于所述图像数量、所述第一展开幅度和所述第二展开幅度,确定所述每帧图像对应的展开幅度;

27、基于所述目标页面和所述每帧图像对应的展开幅度,确定所述多帧图像。

28、在一些实施例中,所述过渡动画用于模拟所述目标页面从小到大的变化过程,所述多帧图像中的每帧图像为所述目标页面的一幅缩略图。

29、在一些实施例中,所述参数包括所述过渡动画中第一帧图像的第一尺寸、所述过渡动画中最后一帧图像的第二尺寸以及所述过渡动画的播放时长;

30、所述基于所述参数和所述目标页面确定用于生成所述过渡动画的多帧图像,包括:

31、基于所述播放时长以及所述多帧图像中每帧图像的展示时长,确定所述过渡动画中包含的图像数量;

32、基于所述图像数量、所述第一尺寸和所述第二尺寸,确定所述每帧图像对应的缩放比例;

33、基于所述目标页面和所述每帧图像对应的缩放比例,确定所述多帧图像。

34、根据本公开实施例的第二方面,提供一种页面显示装置,应用于电子设备,所述电子设备包括第一显示屏和第二显示屏,所述第一显示屏为柔性可折叠屏;

35、所述装置包括:

36、动画获取模块,用于响应于检测到用于在所述第一显示屏和所述第二显示屏之间切换显示目标页面的设定操作,获取过渡动画;

37、播放调整模块,用于响应于获取到所述过渡动画,在显示屏上播放所述过渡动画,并基于所述显示屏的尺寸调整所述目标页面,所述显示屏为经过切换后用于显示的所述第一显示屏或所述第二显示屏;

38、页面显示模块,用于响应于完成对所述目标页面的调整,在所述显示屏上显示调整后的所述目标页面。

39、在一些实施例中,所述设定操作包括以下至少一项:

40、将所述第一显示屏由半折叠状态或全折叠状态转换为展开状态的操作;

41、将所述第一显示屏由展开状态转换为半折叠状态或全折叠状态的操作;

42、在所述第一显示屏处于半折叠状态下,针对所述第二显示屏中任意位置的触控操作。

43、在一些实施例中,所述装置还包括:

44、图层显示模块,用于在所述显示屏上显示预设图层,所述预设图层覆盖于所述显示屏的应用界面上层;

45、所述播放调整模块还用于将所述预设图层的透明度由第一预设值调整至第二预设值,并在所述应用界面播放所述过渡动画,所述第二预设值大于所述第一预设值。

46、在一些实施例中,所述动画获取模块还用于:

47、基于预先获取的所述目标页面生成过渡动画;或者,

48、获取预先存储的过渡动画,所述过渡动画为基于预先获取的所述目标页面生成并存储的动画。

49、在一些实施例中,所述动画获取模块,包括:

50、参数获取单元,用于获取用于生成所述过渡动画的参数;

51、图像确定单元,用于基于所述参数和所述目标页面确定用于生成所述过渡动画的多帧图像;

52、动画生成单元,用于基于所述多帧图像生成所述过渡动画。

53、在一些实施例中,所述过渡动画用于模拟所述目标页面由闭合到展开的变化过程,所述多帧图像中的每帧图像为所述目标页面沿着中心线对折成预设角度的图像,所述中心线与所述柔性可折叠屏的弯折区域重合。

54、在一些实施例中,所述参数包括本文档来自技高网...

【技术保护点】

1.一种页面显示方法,其特征在于,应用于电子设备,所述电子设备包括第一显示屏和第二显示屏,所述第一显示屏为柔性可折叠屏;所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述设定操作包括以下至少一项:

3.根据权利要求1所述的方法,其特征在于,所述方法还包括:

4.根据权利要求1所述的方法,其特征在于,所述获取过渡动画,包括:

5.根据权利要求4所述的方法,其特征在于,所述基于预先获取的所述目标页面生成过渡动画,包括:

6.根据权利要求5所述的方法,其特征在于,所述过渡动画用于模拟所述目标页面由闭合到展开的变化过程,所述多帧图像中的每帧图像为所述目标页面沿着中心线对折成预设角度的图像,所述中心线与所述柔性可折叠屏的弯折区域重合。

7.根据权利要求6所述的方法,其特征在于,所述参数包括所述过渡动画中第一帧图像的第一展开幅度、所述过渡动画中最后一帧图像的第二展开幅度以及所述过渡动画的播放时长;

8.根据权利要求5所述的方法,其特征在于,所述过渡动画用于模拟所述目标页面从小到大的变化过程,所述多帧图像中的每帧图像为所述目标页面的一幅缩略图。

9.根据权利要求8所述的方法,其特征在于,所述参数包括所述过渡动画中第一帧图像的第一尺寸、所述过渡动画中最后一帧图像的第二尺寸以及所述过渡动画的播放时长;

10.一种页面显示装置,其特征在于,应用于电子设备,所述电子设备包括第一显示屏和第二显示屏,所述第一显示屏为柔性可折叠屏;

11.根据权利要求10所述的装置,其特征在于,所述设定操作包括以下至少一项:

12.根据权利要求10所述的装置,其特征在于,所述装置还包括:

13.根据权利要求10所述的装置,其特征在于,所述动画获取模块还用于:

14.根据权利要求13所述的装置,其特征在于,所述动画获取模块,包括:

15.根据权利要求14所述的装置,其特征在于,所述过渡动画用于模拟所述目标页面由闭合到展开的变化过程,所述多帧图像中的每帧图像为所述目标页面沿着中心线对折成预设角度的图像,所述中心线与所述柔性可折叠屏的弯折区域重合。

16.根据权利要求15所述的装置,其特征在于,所述参数包括所述过渡动画中第一帧图像的第一展开幅度、所述过渡动画中最后一帧图像的第二展开幅度以及所述过渡动画的播放时长;

17.根据权利要求14所述的装置,其特征在于,所述过渡动画用于模拟所述目标页面从小到大的变化过程,所述多帧图像中的每帧图像为所述目标页面的一幅缩略图。

18.根据权利要求17所述的装置,其特征在于,所述参数包括所述过渡动画中第一帧图像的第一尺寸、所述过渡动画中最后一帧图像的第二尺寸以及所述过渡动画的播放时长;

19.一种电子设备,其特征在于,所述设备包括:

20.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现:

...

【技术特征摘要】

1.一种页面显示方法,其特征在于,应用于电子设备,所述电子设备包括第一显示屏和第二显示屏,所述第一显示屏为柔性可折叠屏;所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述设定操作包括以下至少一项:

3.根据权利要求1所述的方法,其特征在于,所述方法还包括:

4.根据权利要求1所述的方法,其特征在于,所述获取过渡动画,包括:

5.根据权利要求4所述的方法,其特征在于,所述基于预先获取的所述目标页面生成过渡动画,包括:

6.根据权利要求5所述的方法,其特征在于,所述过渡动画用于模拟所述目标页面由闭合到展开的变化过程,所述多帧图像中的每帧图像为所述目标页面沿着中心线对折成预设角度的图像,所述中心线与所述柔性可折叠屏的弯折区域重合。

7.根据权利要求6所述的方法,其特征在于,所述参数包括所述过渡动画中第一帧图像的第一展开幅度、所述过渡动画中最后一帧图像的第二展开幅度以及所述过渡动画的播放时长;

8.根据权利要求5所述的方法,其特征在于,所述过渡动画用于模拟所述目标页面从小到大的变化过程,所述多帧图像中的每帧图像为所述目标页面的一幅缩略图。

9.根据权利要求8所述的方法,其特征在于,所述参数包括所述过渡动画中第一帧图像的第一尺寸、所述过渡动画中最后一帧图像的第二尺寸以及所述过渡动画的播放时长;

10.一种页面显示装置,其特征在于,应用于电子设备,所述电子设备包括第一显...

【专利技术属性】
技术研发人员:贾勇强王星晖
申请(专利权)人:北京小米移动软件有限公司
类型:发明
国别省市:

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

1