您的位置:首页 > 移动开发 > IOS开发

ionic切换页面

2016-07-28 16:10 615 查看
问题:在ionic页面里面通过路由跳转,在原生导航返回按钮监听到返回操作,执行跳转回上一层路由。

如果亲身开发过,会知道,目前市面上的H5开发都是建议纯H5操作,如果混合开发,angularJS是不建议的,而angularJS并不提供除了路由以外的跳转方式,这就很尴尬了。

因为iOS项目里面嵌入ionic的时候是用的CDVViewController,而深入查看源码会发现,cordova是真的阴险,一个属性命名是webview,然而却是UIview,所以并不能调用原生的goback方法。但是cordova并没有绝了大家的后路,细读源码发现有个webViewEngine属性,这是个webview的实际执行操作的属性,具体源码不展示了,只要知道webViewEngine里有loadRequest方法,是通过载入一个NSURLRequest来载入html界面的。

@property (nonatomic ,copy) NSMutableString * nowUrl;
@property (nonatomic) BOOL FirstUrlBool;
@property (nonatomic ,retain) NSURL * firstUrl;

我在控制器里面添加了这三个属性,各有各的用处,nowUrl是用来记录当前页面的Url,FirstUrlBool是用来记录控制器是否是第一次加载页面,记录下第一次加载页面,将首页存入fistUrl。
+ (PoorpeopleWebViewController *)sharedManager
{

static PoorpeopleWebViewController *sharedAccountManagerInstance = nil;
static dispatch_once_t predicate;
dispatch_once(&predicate, ^{
sharedAccountManagerInstance = [[self alloc] init];
});
NSURLRequest * appReq = [NSURLRequest requestWithURL:sharedAccountManagerInstance.firstUrl cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:20.0];
[sharedAccountManagerInstance.webViewEngine loadRequest:appReq];
return sharedAccountManagerInstance;
}

给控制器一个单例方法,因为考虑到firstUrl最好是改变一次不再改变,所以我用了单例,可能也有别的方法去处理。
单例里面加载firstUrl,

NSURLRequest * appReq = [NSURLRequest requestWithURL:sharedAccountManagerInstance.firstUrl cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:20.0];
[sharedAccountManagerInstance.webViewEngine loadRequest:appReq];这两句就是加载url了。
现在了解了如何修改加载页,下面监听原生导航返回方法。

-(void)leftBtn:(id)sender{
if([self.nowUrl isEqual: @"poorAdmass.html"]||[self.nowUrl isEqualToString:@"poorAdmass.html#/list"]||[self.nowUrl isEqualToString:@"gogogogo"])
{
[self.navigationController popToRootViewControllerAnimated:YES];
}else
{
// 跳转到poorAdmass.html#/list
NSURLRequest * appReq = [NSURLRequest requestWithURL:self.firstUrl cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:20.0];
[self.webViewEngine loadRequest:appReq];
}
}这里我加了个判断,检测当前页的url,也就是nowUrl是否为目录下的根路由名字,如果是,就返回原生的导航,如果不是,就跳转到根路由。
就可以解决文章开始的问题。我只提供思路和部分代码,每个人遇到的问题都不一样,大家慢慢敲代码吧。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angularjs webview iOS