通过手势控制iOS应用中浏览器界面返回的方法及系统技术方案

技术编号:39008032 阅读:38 留言:0更新日期:2023-10-07 10:39
本发明专利技术提供了一种通过手势控制iOS应用中浏览器界面返回的方法及系统,包括:建立控件WebView的子类,屏蔽iOS系统原始手势;添加自建右滑手势;对所述右滑手势自定义响应处理逻辑,通过按照所述右滑手势做相应动作,进而完成所述响应处理;对所述响应处理添加实时的滑动展示效果。本发明专利技术通过创建WebView的子类,屏蔽系统自带的右滑手势,并添加自建的右滑手势,自定义响应处理逻辑,进而使得右滑返回上一级的逻辑与用户期望的相匹配,提高用户使用体验。体验。体验。

【技术实现步骤摘要】
通过手势控制iOS应用中浏览器界面返回的方法及系统


[0001]本专利技术涉及通信
,具体地,涉及一种通过手势控制iOS应用中浏览器界面返回的方法及系统。

技术介绍

[0002]iOS系统提供了WebView浏览器显示控件(具体为WKWebView类),App开发可以使用该控件在App中显示HTML5页面。
[0003]HTML5(简称H5)是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
[0004]iOS系统提供了Javascript脚本语言的桥接方式(简称JS桥接),可以让H5通过javascript代码调用App原生提供的方法。这些方法就是App原生提供的API。iOS系统上,提供了transform变换矩阵(具体由CGAffineTransform实现),可以对显示视图进行旋转、变形、平移操作。使用该矩阵,可以方便地进行动画效果开发。在iOS系统中,原生的导航栏控制器和WebView都自带有右滑返回上一级页面的功能。但在We本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种通过手势控制iOS应用中浏览器界面返回的方法,其特征在于,包括:步骤S1:建立控件WebView的子类,屏蔽iOS系统原始手势;步骤S2:添加自建右滑手势;步骤S3:对所述右滑手势自定义响应处理逻辑,通过按照所述右滑手势做相应动作,进而完成所述响应处理;步骤S4:对所述响应处理添加实时的滑动展示效果。2.根据权利要求1所述的通过手势控制iOS应用中浏览器界面返回的方法,其特征在于,所述响应处理包括以下子步骤:步骤S4.1:右滑手势触发控制指令,并判断H5是否自定义手势响应事件,若是,则隐藏手势进度实时动画,同时执行H5的响应事件且清空H5的响应事件;若否,则触发步骤S4.2;步骤S4.2:判断是否需要关闭控件WebView,若是,则关闭控件WebView;若否,则获取控件WebView的浏览记录列表并触发步骤S4.3:步骤S4.3:查找合适上一个浏览记录,若查找失败,则关闭控件WebView;若查找成功,则控件WebView响应控制指令,回退至当前浏览记录指定的链接。3.根据权利要求2所述的通过手势控制iOS应用中浏览器界面返回的方法,其特征在于,查找合适的上一个浏览记录包括如下子步骤:步骤S4.3.1:倒序取出控件WebView的浏览记录列表中的浏览记录;步骤S4.3.2:逐一判断当前浏览记录是否为空,若是,则返回空记录;若否,则触发步骤S4.3.3;步骤S4.3.3:判断是否有需要跳过的浏览记录列表以及浏览记录是否在所述浏览列表中,若是,则触发步骤S4.3.1;若否,则获取当前访问记录的索引位置,在所有的浏览记录中进行正向遍历,查找是否有浏览记录与所述访问记录一致,若是,则将查找到的浏览记录的上一条浏览记录,作为上一个页面进行返回;若否,则触发步骤S4.3.4;步骤S4.3.4:将所述访问记录的上一条访问记录,作为上一个页面进行返回。4.根据权利要求3所述的通过手势控制iOS应用中浏览器界面返回的方法,其特征在于,添加实时的滑动展示效果的步骤如下:步骤A:查找到需要返回的上一个浏览记录;步骤B:判断是否查找到当前浏览记录,若是,则获取所述浏览记录对应的快照图片,并将所述快照图片放在控件WebView的下层;若否,则不作响应;步骤C:根据手势滑动量修改所述快照图片和控件WebView的transform属性,并根据手指运动趋势作相应的响应及对应的滑动展示效果。5.根据权利要求1所述的通过手势控制iOS应用中浏览器界面返回的方法,其特征在于,在右滑手势返回时,能够跳过空白页面继续返回上一页,且在具体业务完成页面,设置右滑手势返回到所述业务的入口页面,从而跳过所有的中间页面;所述实时的滑动展示效果包括波型遮罩。6.一种通过手...

【专利技术属性】
技术研发人员:苏尚进
申请(专利权)人:兴业数字金融服务上海股份有限公司
类型:发明
国别省市:

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

1