DCloud_App_Array
DCloud_App_Array
  • 发布:2014-11-14 21:21
  • 更新:2024-06-13 11:50
  • 阅读:49425

iOS平台使用Webview窗口的侧滑返回效果

分类:HTML5+

HBuilder 5+ Runtime 0.13.0以后版本支持侧滑返回功能(从屏幕左侧向右滑动可关闭Webview窗口),效果如下:

默认所有Webview窗口都是开启此功能的,并且侧滑返回后会关闭Webview窗口。

使用Webview窗口的侧滑返回功能

通过WebviewStyle的popGesture单独控制每个Webview的侧滑返回效果,取值:

效果
none 无侧滑返回功能
close 侧滑返回关闭Webview窗口
hide 侧滑返回隐藏webview窗口

侧滑返回隐藏或关闭Webview窗口的逻辑与调用hide和close方法一致。

5+APP应用示例

  1. 创建webview支持侧滑返回:

    var wv=plus.webview.create('url','id',{'popGesture':'close'});  
    wv.show();  
    // 或这样写  
    var wv=plus.webview.open('url','id',{'popGesture':'close'});
  2. 动态改变webview的侧滑返回功能:

    var wv=plus.webview.currentWebview();  
    // 关闭侧滑返回功能  
    wv.setStyle({'popGesture':'none'});  
    // 侧滑返回后关闭webview  
    wv.setStyle({'popGesture':'close'});  
    // 侧滑返回后隐藏webview  
    wv.setStyle({'popGesture':'hide'});

uni-app应用示例

在pages.json对应页面的style下添加popGesture属性:

        {  
            "path" : "pages/component/text/text",  
            "style" : {  
                "navigationBarTitleText" : "text",  
                "popGesture": "none"  
            }  
        }

修改应用的窗口默认

为了提升用户的体验效果,默认所有Webview窗口都是侧滑返回关闭("close"),也可以在manifest.json中修改默认值。
打开应用manifest.json文件,切换到代码视图,添加popGesture字段,值可为WebviewStyle的popGesture取值("hide"|"close"|"none")。

  • 5+APP(WAP2APP)应用在manifest.json的"plus"->"popGesture"节点配置:
  • uni-app应用,只能配置"close"|"none",不能配置为"hide",默认值为"close",在manifest.json的"app-plus"->"popGesture"节点配置:

注意:仅iOS平台支持侧滑返回功能

6 关注 分享
Trust jwenlee 5***@qq.com 陈可乐 我是好人 1***@qq.com

要回复文章请先登录注册

czkyes

czkyes

回复 KS :
我也是和你一样,我试了好多种都禁止不了ios自带的侧滑返回,你解决了吗?
2017-04-24 17:42
c***@163.com

c***@163.com

回复 你猜我猜不猜 :
我也想监听右滑关闭动作
2017-04-24 08:52
m***@163.com

m***@163.com

请问andriod平台什么能支持?
2017-02-20 16:05
l***@163.com

l***@163.com

只有将 var wv=plus.webview.currentWebview();
// 关闭侧滑返回功能
wv.setStyle({'popGesture':'none'}); 放入 plusReday下才有效果!!!
2016-11-02 10:58
你猜我猜不猜

你猜我猜不猜

客服回复 可以通过这个做到 http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewEvent
2016-08-12 16:07
你猜我猜不猜

你猜我猜不猜

IOS这个侧滑关闭可以监听吗,比如侧滑关闭之前,我要清一下缓存数据之类的操作,或者我要在本页面关闭之前通知父页面,我复写了mui.back发现没有被执行
2016-08-12 15:51
2***@qq.com

2***@qq.com

侧滑关闭时底部选项卡显示有问题,左移了一部分,怎么解决?
2016-05-30 17:43
DCloud_App_Array

DCloud_App_Array (作者)

回复 KS :
在manifest.json中的plus->popGetsture属性值设置为“none”则关闭侧滑返回功能。
或者创建时var wv=plus.webview.create('url','id',{'popGesture':'none'});
2016-03-29 17:30
KS

KS

我现在要把右滑返回的功能去掉,老是去不掉,一右滑,界面就白屏了。要在哪里设置啊
2016-03-28 20:47