[Phonegap+Sencha Touch] 移动开发20 IOS7状态栏问题

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/26167027


在使用phonegap3.0的过程中,编译好的APP运行在IOS7系统上默认是与状态栏重叠的,而运行在IOS6及老版本中时是于状态栏分离的,如下图:



解决办法一:

把文件MainViewController.m中的方法viewWillAppear改成下面这样:

- (void)viewWillAppear:(BOOL)animated
{
// View defaults to full size. If you want to customize the view's size, or its subviews (e.g. webView),
// you can do so here.
//Lower screen 20px on ios 7
if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
    CGRect viewBounds = [self.webView bounds];
    viewBounds.origin.y = 20;
    viewBounds.size.height = viewBounds.size.height - 20;
    self.webView.frame = viewBounds;
}
[super viewWillAppear:animated];
}



解决办法二:

把你的html页面,设置body或者顶栏dom的样式padding-bottom:20px。这样还能实现透明状态栏





欢迎加入Sencha Touch + Phonegap交流群

1群:194182999 (满)

2群:419834979

共同学习交流(博主QQ:479858761)

解决办法一:

你可能感兴趣的:(ios,Cordova,Web应用,PhoneGap,sencha)