https://github.com/jxd001/POPdemo

A simple demo for facebook's pop framework.
https://github.com/jxd001/POPdemo

Last synced: 3 months ago
JSON representation

A simple demo for facebook's pop framework.

• Host: GitHub
• URL: https://github.com/jxd001/POPdemo
• Owner: jxd001
• Created: 2014-05-01T05:16:39.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2015-05-04T08:54:21.000Z (almost 10 years ago)
• Last Synced: 2024-08-05T19:36:55.998Z (7 months ago)
• Language: Objective-C++
• Size: 1.69 MB
• Stars: 255
• Watchers: 18
• Forks: 58
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
POPdemo

=======

A simple demo for facebook's pop framework.

### pop一共有四个大类

    POPSpringAnimation  有弹性效果的动画类（个人比较喜欢这个）

    POPBasicAnimation 基本动画类

    POPDecayAnimation 衰减动画类

    POPCustomAnimation 可以自定义动画的类

### 导入pop

很简单，直接把pop文件夹拖到项目里，然后导入pop.h即可。

    #import "POP.h"

### 下面的代码示例用POPSpringAnimation做一个弹性放大-缩小的效果

```objective-c

- (void)viewDidLoad

{

   [super viewDidLoad];

   // Do any additional setup after loading the view from its nib.

          

//添加手势

    UITapGestureRecognizer *gestureForSpring = [[UITapGestureRecognizer alloc] init];

    [gestureForSpring addTarget:self action:@selector(changeSize:)];

    [_springView addGestureRecognizer:gestureForSpring];

}

- (void)changeSize:(UITapGestureRecognizer*)tap{

- 

    //用POPSpringAnimation 让viewBlue实现弹性放大缩小的效果

    POPSpringAnimation *springAnimation = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerSize];

            

    CGRect rect = _springView.frame;

    if (rect.size.width==100) {

        springAnimation.toValue = [NSValue valueWithCGSize:CGSizeMake(300, 300)];

    }

    else{

        springAnimation.toValue = [NSValue valueWithCGSize:CGSizeMake(100, 100)];

    }

    

    //弹性值

    springAnimation.springBounciness = 20.0;

    //弹性速度

    springAnimation.springSpeed = 20.0;

        

    [_springView.layer pop_addAnimation:springAnimation forKey:@"changesize"];

            

}

```

### 效果如下

![image](https://github.com/jxd001/POPdemo/blob/master/TestPop/Untitled1.gif?raw=true)

### 上面的代码是改变view的size，下面示例改变position

```objective-c

 POPSpringAnimation *springAnimation = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerPosition];

    

    CGPoint point = _springView.center;

    if (point.y==240) {

        springAnimation.toValue = [NSValue valueWithCGPoint:CGPointMake(point.x, -230)];

    }

    else{

        springAnimation.toValue = [NSValue valueWithCGSize:CGSizeMake(point.x, 240)];

    }

    

    //弹性值

    springAnimation.springBounciness = 20.0;

    //弹性速度

    springAnimation.springSpeed = 20.0;

    

    [_springView pop_addAnimation:springAnimation forKey:@"changeposition"];

    

```

### 效果：

![image](https://github.com/jxd001/POPdemo/blob/master/TestPop/Untitled2.gif?raw=true)


这个效果可以做一个弹出框从上往下跳出来，我之前做过这个效果，用了N多代码，用pop只用几句代码就实现了。


### 一个比较实用的效果，弹出菜单：

![image](https://github.com/jxd001/POPdemo/blob/master/TestPop/Untitled3.gif?raw=true)


代码如下：


```objective-c

self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"+" style:UIBarButtonItemStyleDone target:self action:@selector(showPop)];

- (void)showPop{

    

    if (_isOpened) {

        [self hidePop];

        return;

    }

    _isOpened = YES;

    

    POPSpringAnimation *positionAnimation = [POPSpringAnimation animationWithPropertyNamed:kPOPViewFrame];

    positionAnimation.fromValue = [NSValue valueWithCGRect:_hidePosition];

    positionAnimation.toValue = [NSValue valueWithCGRect:_showPosition];

    positionAnimation.springBounciness = 15.0f;

    positionAnimation.springSpeed = 20.0f;

    [_popView pop_addAnimation:positionAnimation forKey:@"frameAnimation"];

}

- (void)hidePop{

    

    POPBasicAnimation *positionAnimation = [POPBasicAnimation animationWithPropertyNamed:kPOPViewFrame];

    positionAnimation.fromValue = [NSValue valueWithCGRect:_showPosition];

    positionAnimation.toValue = [NSValue valueWithCGRect:_hidePosition];

    //key一样就会用后面的动画覆盖之前的

    [_popView pop_addAnimation:positionAnimation forKey:@"frameAnimation"];

 

    _isOpened = NO;

}

```