前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Phonegap项目中禁用WebViewBounce

Phonegap项目中禁用WebViewBounce

作者头像
大江小浪
发布2018-07-24 17:53:38
7750
发布2018-07-24 17:53:38
举报
文章被收录于专栏:小狼的世界

UIWebView是iOS SDK中一个最常用的控件,在PhoneGap中,默认也是使用UIWebView作为默认视图显示我们的HTML应用的。

在使用PhoneGap的项目中,默认WebViewBounce这个选项是打开的,所以使用手指向下或者向上滑动屏幕时,经常会看到页面底部和屏幕底部会出现一大片空白,然后松开手指后,再弹回去的特效。

之前查了很多资料,说可以通过修改 plist 或者 config.xml 来关闭这个效果,如下:

<preference name="WebViewBounce" value="false" />     <preference name="DisallowOverscroll" value="true" />

经过我在 PhoneGap 2.6、PhoneGap 2.9 这两个版本中测试后,发现都不能够生效。经过分析,实际上iOS中的PhoneGap项目,只不过是默认初始化一个UIWebView,然后在这个视图中加在HTML资源,那么我们可以直接使用原生代码将Bounce禁用。如下所示:

- (void)webViewDidFinishLoad:(UIWebView*)theWebView { // Black base color for background matches the native apps     theWebView.backgroundColor = [UIColorblackColor];     [(UIScrollView *)[[theWebView subviews] objectAtIndex:0] setBounces:NO]; return [superwebViewDidFinishLoad:theWebView]; }

再重新编译之后,可以看到效果了吧 :)

参考资料:

1、Project Settings for iOS

2、What's new in Cordova iOS 2.6.0

3、iOS开发之UIWebView

4、UIWebView禁止Bounce回弹

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013-07-07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档