#import <UIKit/UIKit.h>
#import "ViewController.h" //window窗口
#define WINDOW [[UIApplication sharedApplication]keyWindow] @interface MyNavigationViewController : UINavigationController @end
#define D_screenWidth 568
#define D_leastOffset 50 #import "MyNavigationViewController.h"
#import <QuartzCore/QuartzCore.h> @interface MyNavigationViewController ()
{
CGPoint startTouch;//拖动时的开始坐标
BOOL isMoving;//是否在拖动中
UIView *blackMask;//那层黑面罩 UIImageView *lastScreenShotView;//截图 }
@property (nonatomic,retain) UIView *backgroundView;//背景
@property (nonatomic,retain) NSMutableArray *screenShotsList;//存截图 @end @implementation MyNavigationViewController - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self) {
// 只少2个 头一个肯定是顶级的界面
self.screenShotsList = [[NSMutableArray alloc]initWithCapacity:]; }
return self;
} - (void)viewDidLoad
{
[super viewDidLoad];
//拖动手势
UIPanGestureRecognizer *panGesture=[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(handlePanGesture:)];
//添加手势
[self.view addGestureRecognizer:panGesture]; //是否开始拖动
isMoving = NO; } //拖动手势
-(IBAction)handlePanGesture:(UIGestureRecognizer*)sender{ //如果是顶级viewcontroller,结束
if (self.viewControllers.count <= ) return; //得到触摸中在window上拖动的过程中的xy坐标
CGPoint translation=[sender locationInView:WINDOW];
//状态结束,保存数据
if(sender.state == UIGestureRecognizerStateEnded){
NSLog(@"结束%f,%f",translation.x,translation.y);
isMoving = NO; self.backgroundView.hidden = NO;
//如果结束坐标大于开始坐标D_leastOffset像素就动画效果移动
if (translation.x - startTouch.x > D_leastOffset) {
[UIView animateWithDuration:0.3 animations:^{
//动画效果,移动
[self moveViewWithX:D_screenWidth];
} completion:^(BOOL finished) {
//返回上一层
[self popViewControllerAnimated:NO];
//并且还原坐标
CGRect frame = self.view.frame;
frame.origin.x = ;
self.view.frame = frame;
}]; }else{
//不大于D_leastOffset时就移动原位
[UIView animateWithDuration:0.3 animations:^{
//动画效果
[self moveViewWithX:];
} completion:^(BOOL finished) {
//背景隐藏
self.backgroundView.hidden = YES;
}];
}
return; }else if(sender.state == UIGestureRecognizerStateBegan){
NSLog(@"开始%f,%f",translation.x,translation.y);
//开始坐标
startTouch = translation;
//是否开始移动
isMoving = YES;
if (!self.backgroundView)
{
//添加背景
CGRect frame = self.view.frame;
self.backgroundView = [[UIView alloc]initWithFrame:CGRectMake(, , frame.size.width , frame.size.height)];
//把backgroundView插入到Window视图上,并below低于self.view层
[WINDOW insertSubview:self.backgroundView belowSubview:self.view]; //在backgroundView添加黑色的面罩
blackMask = [[UIView alloc]initWithFrame:CGRectMake(, , frame.size.width , frame.size.height)];
blackMask.backgroundColor = [UIColor blackColor];
[self.backgroundView addSubview:blackMask];
}
self.backgroundView.hidden = NO; if (lastScreenShotView) [lastScreenShotView removeFromSuperview]; //数组中最后截图
UIImage *lastScreenShot = [self.screenShotsList lastObject];
//并把截图插入到backgroundView上,并黑色的背景下面
lastScreenShotView = [[UIImageView alloc]initWithImage:lastScreenShot];
[self.backgroundView insertSubview:lastScreenShotView belowSubview:blackMask]; } if (isMoving) {
[self moveViewWithX:translation.x - startTouch.x]; }
}
- (void)moveViewWithX:(float)x
{ NSLog(@"Move to:%f",x);
x = x>D_screenWidth?D_screenWidth:x;
x = x<?:x; CGRect frame = self.view.frame;
frame.origin.x = x;
self.view.frame = frame; // float scale = (x/6400)+0.95;//缩放大小
float alpha = 0.4 - (x/(D_screenWidth *));//透明值 //缩放scale
//lastScreenShotView.transform = CGAffineTransformMakeScale(scale, scale);
//背景颜色透明值
blackMask.alpha = alpha; }
//把UIView转化成UIImage,实现截屏
- (UIImage *)ViewRenderImage
{
//创建基于位图的图形上下文 Creates a bitmap-based graphics context with the specified options.:UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale),size大小,opaque是否透明,不透明(YES),scale比例缩放
UIGraphicsBeginImageContextWithOptions(self.view.bounds.size, self.view.opaque, 0.0); //当前层渲染到上下文
[self.view.layer renderInContext:UIGraphicsGetCurrentContext()]; //上下文形成图片
UIImage * img = UIGraphicsGetImageFromCurrentImageContext();
//结束并删除当前基于位图的图形上下文。
UIGraphicsEndImageContext();
//反回图片
return img;
} #pragma Navagation 覆盖方法
-(void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
//图像数组中存放一个当前的界面图像,然后再push
[self.screenShotsList addObject:[self ViewRenderImage]]; [super pushViewController:viewController animated:animated];
} -(UIViewController *)popViewControllerAnimated:(BOOL)animated
{
//移除最后一个
[self.screenShotsList removeLastObject];
return [super popViewControllerAnimated:animated];
} - (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
} @end

UINavigation拖动翻页的更多相关文章

  1. webapp应用--模拟电子书翻页效果

    前言: 现在移动互联网发展火热,手机上网的用户越来越多,甚至大有超过pc访问的趋势.所以,用web程序做出仿原生效果的移动应用,也变得越来越流行了.这种程序也就是我们常说的单页应用程序,它也有一个英文 ...

  2. 关于Page翻页效果, PageViewConrtoller

    Page View Controllers你使用一个page view controller用page by page的方式来展示内容.一个page view controller管理一个self-c ...

  3. 页面PC端 / 移动端整屏纵向翻页,点击/触摸滑动效果功能代码非插件

    页面翻页,滑动功能示范代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  4. Android UI【android 仿微信、QQ聊天,带表情,可翻页,带翻页拖动缓冲】

    http://blog.csdn.net/lnb333666/article/details/8546497 如题,这是公司项目的一个功能模块,先上个效果图: 其次大致说说原理: 1,首先判断输入的字 ...

  5. (旧)子数涵数·PS ——翻页效果

    一.首先在网络上下载一张图片,作为素材.这是我下载的素材,至于为什么选择这张照片呢,当然不是因为自己的一些羞羞的念头啦. 二.打开Photoshop,我使用的版本是CS3(因为CS3所占的磁盘空间较小 ...

  6. 6个超炫酷的HTML5电子书翻页动画

    相信大家一定遇到过一些电子书网站,我们可以通过像看书一样翻页来浏览电子书的内容.今天我们要分享的HTML5应用跟电子书翻页有关,我们精选出来的6个电子书翻页动画都非常炫酷,而且都提供源码下载,有需要的 ...

  7. 论坛类应用双Tableview翻页效果实现

    作为一名篮球爱好者,经常使用虎扑体育,虎扑体育应用最核心的部分就是其论坛功能,无论哪个版块,论坛都是其核心,而其论坛部分的实现又别具一格,它以两个tableview的形式翻页滚动显示,而不是常见的那种 ...

  8. 15个最佳jQuery的翻页书效果的例子

    在这里,你会发现15的jQuery的翻页书的插件,提供了良好的页面翻转的经验,并帮助创建类似书本的效果. jQuery的增添了一道亮丽的过渡到实际的页面在一本书或杂志HTML5. 1. BookBlo ...

  9. 利用GPU实现翻页效果

    0x00 前言 有一段时间没有更新博客了,在考虑写点什么的时候正好赶上了这个月我的书<Unity 3D脚本编程>又加印了.因此写篇小文聊聊利用shader来实现翻书的效果吧. 虽然本文是这 ...

随机推荐

  1. Bootstrap系列 -- 35. 按钮的向下向上三角形

    按钮的向下三角形,我们是通过在<button>标签中添加一个“<span>”标签元素,并且命名为“caret”. <div class="btn-group d ...

  2. impdp使用

    创建一个dir,dump_dir1,将备份文件放在下面 impdp szfetsc_card/123456 directory=dump_dir1 dumpfile=130912.dmp REMAP_ ...

  3. css的6中居中的方式

    请先看blog:http://blog.csdn.net/wolinxuebin/article/details/7615098

  4. [设计模式] javascript 之 单件模式

    单件模式说明 1. 说明:单件模式,就是静态化的访问中已经实例化的对象,这个对象只能通过一个唯一的入口访问,已经实例或待实例化的对象:面向对象语言如Java, .Net C#这样的服务端动态语言里,能 ...

  5. 传智168期JavaEE就业班 day01-html

    * HTML * HTML: HyperText Markup Language 超文本标记语言. * HTML是最基础的网页语言. * HTML的代码都是由标签所组成. * HTML的基本格式 &l ...

  6. ansible 的组件inventory

    P44 Ansible 的默认的inventory的是一个静态的ini格式的文件/etc/ansible/hosts. 我们还可以通过ansible_hosts环境变脸指定或者运行ansible和an ...

  7. [转]Java中的对象和对象引用实例浅析

    在Java中,有一组名词经常一起出现,它们就是“对象和对象引用”,很多朋友在初学Java的时候可能经常会混淆这2个概念,觉得它们是一回事,事实上则不然.今天我们就来一起了解一下对象和对象引用之间的区别 ...

  8. HTML5 文件操作API

    简介 我常常想,如果网络应用能够读取和写入文件与目录,将会非常方便.从离线转移到在线后,应用变得更加复杂,而文件系统方面的API的缺乏也一直阻碍着网络前进.存储二进制数据或与其进行交互不应局限于桌面. ...

  9. 【CodeForces 621B】Wet Shark and Bishops

    题 题意 1000*1000的格子里,给你n≤200 000个点的坐标,求有多少对在一个对角线上. 分析 如果求每个点有几个共对角线的点,会超时. 考虑到对角线总共就主对角线1999条+副对角线199 ...

  10. 4.Android下拉列表框spinner学习

    下拉列表框被广泛使用,诸如淘宝.京东等手机端经常可以看到这个部件身影,今天就来学习下它. 首先布局文件增加代码:如图 接下来在values下增加arrays.xml 如图               ...