iOS中粘性动画以及果冻效果的实现
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
Installation
pod 'KYAnimatedPageControl', '~> 1.0.2'
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.pageControl display]; [self.view addSubview:self.pageControl];
Add methods to 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)]; }