ios: 仿照【ONE】应用中的阅读滑动效果
2014-03-02 20:41
405 查看
1.想实现的效果:
浏览文章的时候,当向下滑动时候,navigationBar 和 toolbar 隐藏 , 当到结尾时候再向上滑动,navigationBar 和 toolbar 重新显示出来。
2.思路:
首先,这里用来显示文章的是webview ,我们都知道webview中包含scrollview,这样就好办了,我们利用scrollview来实现即可。
代码如下:
ps:不要忘记设置
demo示例:
http://pan.baidu.com/s/1gd7khyF
浏览文章的时候,当向下滑动时候,navigationBar 和 toolbar 隐藏 , 当到结尾时候再向上滑动,navigationBar 和 toolbar 重新显示出来。
2.思路:
首先,这里用来显示文章的是webview ,我们都知道webview中包含scrollview,这样就好办了,我们利用scrollview来实现即可。
代码如下:
#pragma mark - UIScrollViewDelegate - (void)scrollViewDidScroll:(UIScrollView *)scrollView { int currentPostion = scrollView.contentOffset.y; if (currentPostion - lastPostion > kSlide && currentPostion > 0) { lastPostion = currentPostion; //重设frame [UIView animateWithDuration:kAnimationTime animations:^{ CGRect rc = self.navigationController.navigationBar.frame; self.navigationController.navigationBar.frame = CGRectMake(0, -CGRectGetHeight(rc), CGRectGetWidth(rc), CGRectGetHeight(rc)); rc= self.toolbar.frame; self.toolbar.frame = CGRectMake(0, [UIScreen mainScreen].bounds.size.height, CGRectGetWidth(rc), CGRectGetHeight(rc)); self.webView.frame = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height); }]; } else if (lastPostion - currentPostion > kSlide && (currentPostion <= scrollView.contentSize.height-scrollView.bounds.size.height-kSlide)) { lastPostion = currentPostion; //重设frame [UIView animateWithDuration:kAnimationTime animations:^{ CGRect rc = self.navigationController.navigationBar.frame; self.navigationController.navigationBar.frame = CGRectMake(0, 0, CGRectGetWidth(rc), CGRectGetHeight(rc)); rc= self.toolbar.frame; self.toolbar.frame = CGRectMake(0, [UIScreen mainScreen].bounds.size.height - CGRectGetHeight(rc), CGRectGetWidth(rc), CGRectGetHeight(rc)); self.webView.frame = CGRectMake(0, CGRectGetHeight(self.navigationController.navigationBar.frame), [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height - CGRectGetHeight(self.navigationController.navigationBar.frame) - CGRectGetHeight(rc)); }]; } }
ps:不要忘记设置
self.webView.scrollView.delegate = self;
demo示例:
http://pan.baidu.com/s/1gd7khyF
相关文章推荐
- ios: 仿照【ONE】应用中的阅读滑动效果
- iOS 简单实现类似于小说阅读滑动分页效果
- iOS滑动解锁/滑动获取验证码效果实现
- iOS 应用取消时间栏 分类: ios开发 2015-03-27 19:52 183人阅读 评论(0) 收藏
- iOS之iPhone解锁界面的"滑动来解锁"闪烁动画效果,好奇的赶紧进来取走,别看了,说的就是你0.0
- UISlider的应用-----通过简单的图片设置改变滑动效果
- iOS之UITableViewCell左右滑动效果
- iOS 页面滑动与标题切换颜色渐变的联动效果实例
- iOS应用中UILabel文字显示效果的常用设置总结
- 苹果App Store开发者帐户从申请,验证,到发布应用(3) 分类: ios相关 app相关 2015-04-03 12:05 128人阅读 评论(0) 收藏
- iOSUI-导航控制器全屏滑动返回效果
- Android中应用TabLayout实现顶部Tab小菜单加滑动效果
- IOS之左右滑动效果的实现——利用JASidePanels
- iOS删除应用时摇晃效果的实现
- iOS 应用添加启动画面以及App应用图标的方法 分类: ios开发 2015-04-07 20:32 213人阅读 评论(0) 收藏
- ios UIScrollView 循环滑动 分类: ios开发 2015-01-29 17:22 138人阅读 评论(0) 收藏
- 使用viewpager嵌套实现上下左右滑动切换图片(IOS双向滚动翻页效果相同)
- 仿照QQ的左右滑动切换界面的效果
- ios开发笔记之 实现类似于app store应用介绍页的效果
- 苹果App Store开发者帐户从申请,验证,到发布应用(4) 分类: ios相关 app相关 2015-04-03 12:07 160人阅读 评论(0) 收藏