kittenyang/kyanimatedpagecontrol

A custom UIPageControl with multiple animations

##Intro

A custom UIPageControl with multiple animations. With two animation styles:

(自定义的UIPageControl。拥有两种动画样式:)

• GooeyCircle

• 粘性小球

Detail 细节

The longer distance the bubble moves , the severer gooey effect it has.

粘性小球会根据移动距离的大小拥有不同的弹性程度。移动距离越大，弹性效果越明显。

---

• RotateRect
• 旋转方块

You can not only scroll the UIScrollView subclasses such as UICollectionView ,UITableView and the KYAnimatedPageControl can automatically move with animation ,but also you can just TAP the target page in the KYAnimatedPageControl,and the scrollview will also automatically and intelligently scroll to the target position.

KYAnimatedPageControl 不仅可以在你滑动UIScrollView的时候自动以动画的形式移动，而且你还可以直接在KYAnimatedPageControl上的点击要滚动到的目标页，此时除了KYAnimatedPageControl会以动画的形式移动，UIScrollView会很智能地滑到目标页面。

---

##Blog

谈谈iOS中粘性动画以及果冻效果的实现

##Installation

pod 'KYAnimatedPageControl', '~> 1.0.5'

##Usage

• Initialize:

    self.pageControl = [[KYAnimatedPageControl alloc]initWithFrame:CGRectMake(20, 450, 280, 50)];
    self.pageControl.pageCount = 8;
    self.pageControl.unSelectedColor = [UIColor colorWithWhite:0.9 alpha:1];
    self.pageControl.selectedColor = [UIColor redColor];
    self.pageControl.bindScrollView = self.demoCollectionView;
    self.pageControl.shouldShowProgressLine = YES;
    
    self.pageControl.indicatorStyle = IndicatorStyleGooeyCircle;
    self.pageControl.indicatorSize = 20;
    [self.view addSubview:self.pageControl];

• Must implement methods in UIScrollViewDelegate:

#pragma mark -- UIScrollViewDelegate
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{

    //Indicator动画
    [self.pageControl.indicator animateIndicatorWithScrollView:scrollView andIndicator:self.pageControl];

    if (scrollView.dragging || scrollView.isDecelerating || scrollView.tracking) {
        //背景线条动画
        [self.pageControl.pageControlLine animateSelectedLineWithScrollView:scrollView];
    }
    
}


-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    
    
    self.pageControl.indicator.lastContentOffset = scrollView.contentOffset.x;
    
}

-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView{

    
    [self.pageControl.indicator restoreAnimation:@(1.0/self.pageControl.pageCount)];

}

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView{
    self.pageControl.indicator.lastContentOffset = scrollView.contentOffset.x;
}

##版本 ##Version

###v1.0.5

• 取消-(void)display方法的显式调用,使用更简单。
• fix a bug of didSelectIndexBlock

###v1.0.4

• 增加点击某个Index的回调。

###v1.0.3

• 取消方块的结束抖动效果（需要可打开注释的代码）
• 改进判断滑动方向的算法。由之前的（当前contentOffset.x - 上一次的contentOffset.x）来判断方向，改成现在的（当前contentOffset.x - 上一次的contentOffset.x）是否划过一半来判断方向。
• 增加UIPanGesture。现在可以拖动Indicator了，小球会跟着你的手指跑了。通过新增的@property(nonatomic,assign)BOOL swipeEnable; 接口可以选择是否开启拖动手势。
• 增加一个接口方法。调用可以快速跳到目标页而不用点击。 -(void)animateToIndex:(NSInteger)index;

###v1.0.2

• 增加旋转方块的抖动效果

###v1.0.1

• 增加粘性小球样式

###v1.0.0

• 第一次提交：完成旋转方块样式

##License This project is under MIT License. See LICENSE file for more information.

kyanimatedpagecontrol's Issues

增加下无限循环和自动循环吧，一般都有这个需求的。

Line.m 文件中动画执行完后是否应该除动画？

Line.m 文件中动画执行完后未移除动画，会导致无限调用initWithLayer: 和 drawInContext:方法
`

• (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{

  if (flag) {
  initialSelectedLineLength = self.selectedLineLength;
  lastContentOffsetX = (self.selectedLineLength / DISTANCE) * self.bindScrollView.frame.size.width;
  //[self removeAllAnimations];
  }
  }
  `

方块也是一样，一次跳跃多也后，在滑动，大方块就和其他方块分离了

点击pageControl一次跳多页后，再滑动，就会看到大圆点和那串小圆点断开了，很容易复现

Animate automaic

How to animate automatic?

内存会不停的上升

当你不停的左右改变进度条的位置的时候，内存的会不停的上升，经过查找发现是line 类中的 drawInContext方法在不停的调用

_factor = MIN(1, MAX(0, (ABS(scrollView.contentOffset.x - self.lastContentOffset) / scrollView.frame.size.width)));

里面的MAX比较，后面是绝对值，总是>=0，与0再比较，没意义啊，完全可以去掉

call [self.view addSubview:_pageControl] error

error info:
Assertion failed: (CGFloatIsValid(x) && CGFloatIsValid(y)), function void CGPathMoveToPoint(CGMutablePathRef, const CGAffineTransform *, CGFloat, CGFloat), file Paths/CGPath.cc, line 254.

UI Bug

Hey great work man! I'm noticing a UI bug as shown here:

I implemented the collection view in code, not in storyboard, could that be what's causing this issue?

你好可以加个联系方式吗？～

你好我github关注你好久了～我们app在招ios主力开发不知道你有没有兴趣～我们app叫Like，是玩具手办社区，你可以在applestore搜索，不知道你有没有兴趣加入我们一起工作～我微信gguan54:)

圆有点大

我觉得圆有点大，于是我设置为10，有一点小小的bug，第二个不圆，其他的是圆的。

在Line.m文件的drawInContext方法中，貌似有一个内存泄露

    我的项目中使用了你的果冻弹性PageControl控件，今天在用instrument测内存泄露的时候，发现在Line.m中的drawInContext方法里，你生成的linePath有内存泄露。
    而且是在快速滑动的时候会出现Leak，我怀疑是快速滑动过程中，本身自带的回收机制，回收不及时，会造成一丁点的内存泄露。
    我之后在linePath变量使用完之后，加了CGPathRelease和linePath=nil之后，再次测试发现不出现内存泄露了。

可不可以在小球内加入数字来显示呢

从第二次滑动开始，小球就不发生形变了。

测试环境
Xcode 6.3.1
iPhone 6 Simulator