iOS 类似淘宝购物车翻页
[下载地址]https://git.oschina.net/mrj_mrj/pagesFilp.git
实现原理：
用一个UIScrollow 作为最底下的试图，上面加载两个可以滚动的试图,比如UITableView,UIScrollow,UIWebView,这里用的是UITableView和UIWebView.
效果图：
未命名.gif
关键代码部分：
- 1:初始化布局
<p>UIScrollView</p><pre><code>
-
(UIScrollView *)baseScrollow
{if (_baseScrollow == nil)
{
_baseScrollow = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, _screenWide, _screenHeight)];
_baseScrollow.contentSize = CGSizeMake(_screenWide, _screenHeight * 2);
//设置分页效果
_baseScrollow.pagingEnabled = YES;
//禁用滚动
_baseScrollow.scrollEnabled = NO;
}return _baseScrollow;
}
</code></pre>
<p>UITableView</p><pre><code>
-
(UITableView *)topTableView
{if (!_topTableView) {
_topTableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, _screenWide, _screenHeight) style:UITableViewStylePlain];
[_topTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];
_topTableView.delegate = self;
_topTableView.dataSource = self;
}return _topTableView;
}
</code></pre>
<p>UIWebView</p><pre><code>
-
(UIWebView *)webView
{if (!_webView) {
_webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, _screenHeight, _screenWide, _screenHeight)];
[_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];
}return _webView;
}
</code></pre>
<p>滑动效果</p><pre><code>
self.topTableView.mj_footer = [MJRefreshAutoNormalFooter footerWithRefreshingBlock:^{
[UIView animateWithDuration:1 animations:^{
self.baseScrollow.contentOffset = CGPointMake(0, _screenHeight);
} completion:^(BOOL finished) {
[self.topTableView.mj_footer endRefreshing];
}];
}];
self.webView.scrollView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
[UIView animateWithDuration:1 animations:^{
self.baseScrollow.contentOffset = CGPointMake(0, 0);
} completion:^(BOOL finished) {
[self.webView.scrollView.mj_header endRefreshing];
}];
}];
}
</code></pre>
