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

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

技术编号:41104677 阅读:7 留言:0更新日期:2024-04-25 13:59
本公开提供了一种页面显示方法、装置、电子设备及存储介质,属于互联网技术领域。本公开提供的页面显示方案,在不修改应用程序内原生手势操作(比如针对导航栏的切换选项的手势操作)的基础上,实现了无论活动玩法内的手势操作与切换选项的手势操作是否一致,均不会发生冲突的效果,确保了设备能够根据用户的手势行为意图准确进行响应,人机互动效果佳。

【技术实现步骤摘要】

本公开涉及互联网,特别涉及一种页面显示方法、装置、电子设备及存储介质


技术介绍

1、随着互联网技术的快速发展,应用程序的功能日新月异。比如,在重大节假日等各大应用平台会推出多样式的活动玩法。

2、相关技术中,活动玩法的入口通常作为选项位于应用程序界面的导航栏,比如顶部导航栏。示例性地,顶部导航栏位于应用程序界面的顶部,一般情况下包括多个选项,且支持用户通过左右滑动操作来切换选项。

3、然而,由于活动玩法内可能涉及手势操作,因此存在这样一种情况:活动玩法内的手势操作与切换选项的手势操作一致,即手势操作相互冲突,进而导致设备无法准确进行响应。


技术实现思路

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、在所述地图内容已位于地图边缘的情况下,响应于在所述有效触控范围内获取到第本文档来自技高网...

【技术保护点】

1.一种页面显示方法,其特征在于,所述方法包括:

2.根据权利要求1所述的页面显示方法,其特征在于,所述第一手势操作与所述活动页相关,包括:

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

4.根据权利要求1所述的页面显示方法,其特征在于,所述方法还包括:

5.根据权利要求1所述的页面显示方法,其特征在于,所述活动页为地图形式;

6.根据权利要求5所述的页面显示方法,其特征在于,在所述地图内容已位于地图边缘的情况下,所述方法还包括:

7.根据权利要求6所述的页面显示方法,其特征在于,所述方法还包括:

8.根据权利要求5所述的页面显示方法,其特征在于,在所述地图内容已处于地图边缘的情况下,所述方法还包括:

9.根据权利要求8所述的页面显示方法,其特征在于,所述特定边缘区域的数量为两个,且所述特定边缘区域位于所述显示区域内相对的两侧边缘。

10.根据权利要求1所述的页面显示方法,其特征在于,所述方法还包括:

11.一种页面显示装置,其特征在于,所述装置包括:

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

13.一种计算机可读存储介质,其特征在于,在所述计算机可读存储介质中的指令由电子设备的处理器执行的情况下,使得电子设备能够执行如权利要求1至10中任一项所述的页面显示方法。

...

【技术特征摘要】

1.一种页面显示方法,其特征在于,所述方法包括:

2.根据权利要求1所述的页面显示方法,其特征在于,所述第一手势操作与所述活动页相关,包括:

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

4.根据权利要求1所述的页面显示方法,其特征在于,所述方法还包括:

5.根据权利要求1所述的页面显示方法,其特征在于,所述活动页为地图形式;

6.根据权利要求5所述的页面显示方法,其特征在于,在所述地图内容已位于地图边缘的情况下,所述方法还包括:

7.根据权利要求6所述的页面显示方法,其特征在于,所述方法还包括:

8.根据权利要求5...

【专利技术属性】
技术研发人员:郑文景吴迪白丽娟刘亮李建南赵美慧尹文豪
申请(专利权)人:北京达佳互联信息技术有限公司
类型:发明
国别省市:

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

1