iOS UICollectionView 長(zhǎng)按移動(dòng)item及抖動(dòng)動(dòng)畫

效果圖.gif
#import "CollectionMoveViewController.h"
#import "CollectionViewCell.h"

@interface CollectionMoveViewController ()<UICollectionViewDelegate,UICollectionViewDataSource>
@property(nonatomic,strong)UICollectionView *collectionView;
@property(nonatomic,strong)NSMutableArray *list;
@end
@implementation CollectionMoveViewController
-(NSMutableArray *)list
{
    if (_list == nil) {
        _list = [NSMutableArray arrayWithObjects:@"第一個(gè)",@"第二個(gè)",@"第三個(gè)",@"第四個(gè)",@"第五個(gè)",@"第六個(gè)",@"第七個(gè)",@"第八個(gè)",@"第九個(gè)",@"第十個(gè)",nil];
    }
    return _list;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    
    UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];
    // UICollectionViewFlowLayout流水布局的內(nèi)部成員屬性有以下:
    /**
     @property (nonatomic) CGFloat minimumLineSpacing;
     @property (nonatomic) CGFloat minimumInteritemSpacing;
     @property (nonatomic) CGSize itemSize;
     @property (nonatomic) CGSize estimatedItemSize NS_AVAILABLE_IOS(8_0); // defaults to CGSizeZero - setting a non-zero size enables cells that self-size via -preferredLayoutAttributesFittingAttributes:
     @property (nonatomic) UICollectionViewScrollDirection scrollDirection; // default is UICollectionViewScrollDirectionVertical
     @property (nonatomic) CGSize headerReferenceSize;
     @property (nonatomic) CGSize footerReferenceSize;
     @property (nonatomic) UIEdgeInsets sectionInset;
     */
    // 定義大小
    layout.itemSize = CGSizeMake(100, 100);
    // 設(shè)置最小行間距
    layout.minimumLineSpacing = 10;
    // 設(shè)置垂直間距
    layout.minimumInteritemSpacing = 10;
    // 設(shè)置滾動(dòng)方向(默認(rèn)垂直滾動(dòng))
    layout.scrollDirection = UICollectionViewScrollDirectionVertical;
    
    UICollectionView *collectionView = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, DZHWidth, DZHHeight) collectionViewLayout:layout];
    self.collectionView = collectionView;
    [self.view addSubview:collectionView];
    self.collectionView.backgroundColor = [UIColor greenColor];
    collectionView.delegate = self;
    collectionView.dataSource = self;
    [collectionView registerNib:[UINib nibWithNibName:@"CollectionViewCell" bundle:nil] forCellWithReuseIdentifier:@"CollectionViewCell"];
    collectionView.pagingEnabled = YES;
    //1.CollectionView 添加長(zhǎng)按手勢(shì)
    UILongPressGestureRecognizer *longTap = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longHandle:)];
    [collectionView addGestureRecognizer:longTap];
    // Do any additional setup after loading the view.

}
//2.長(zhǎng)按方法
-(void)longHandle:(UILongPressGestureRecognizer *)gesture
{
    switch (gesture.state) {
        case UIGestureRecognizerStateBegan:
        {
            NSIndexPath *indexPath = [self.collectionView indexPathForItemAtPoint:[gesture locationInView:self.collectionView]];
            if (indexPath == nil) {
                break;
            }
            [self.collectionView beginInteractiveMovementForItemAtIndexPath:indexPath];
            //cell.layer添加抖動(dòng)手勢(shì)
            for (CollectionViewCell *cell in [self.collectionView visibleCells]) {
                [self starShake:cell];
            }
            break;
        }
        case UIGestureRecognizerStateChanged:
        {
            [self.collectionView updateInteractiveMovementTargetPosition:[gesture locationInView:self.collectionView]];
            break;
        }
        case UIGestureRecognizerStateEnded:
        {
            
            [self.collectionView endInteractiveMovement];
           //cell.layer移除抖動(dòng)手勢(shì)
            for (CollectionViewCell *cell in [self.collectionView visibleCells]) {
                [self stopShake:cell];
            }
            break;
        }
            
        default:
            [self.collectionView cancelInteractiveMovement];
            break;
    }
    
}
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
    return 1;
}
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return self.list.count;
}

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    CollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"CollectionViewCell" forIndexPath:indexPath];
    cell.textLabel.text = self.list[indexPath.row];
    return cell;
}
//3.設(shè)置可移動(dòng)
-(BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath
{
    return YES;
}
//4.移動(dòng)完成后的方法  -- 交換數(shù)據(jù)
-(void)collectionView:(UICollectionView *)collectionView moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath
{
    [self.list exchangeObjectAtIndex:sourceIndexPath.row withObjectAtIndex:destinationIndexPath.row];
}
- (void)starShake:(CollectionViewCell*)cell{
    
    CAKeyframeAnimation * keyAnimaion = [CAKeyframeAnimation animation];
    keyAnimaion.keyPath = @"transform.rotation";
    keyAnimaion.values = @[@(-3 / 180.0 * M_PI),@(3 /180.0 * M_PI),@(-3/ 180.0 * M_PI)];//度數(shù)轉(zhuǎn)弧度
    keyAnimaion.removedOnCompletion = NO;
    keyAnimaion.fillMode = kCAFillModeForwards;
    keyAnimaion.duration = 0.3;
    keyAnimaion.repeatCount = MAXFLOAT;
    [cell.layer addAnimation:keyAnimaion forKey:@"cellShake"];
}
- (void)stopShake:(CollectionViewCell*)cell{
    [cell.layer removeAnimationForKey:@"cellShake"];
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末杖狼,一起剝皮案震驚了整個(gè)濱河市芍锚,隨后出現(xiàn)的幾起案子捞挥,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡沼撕,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門芜飘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)务豺,“玉大人,你說(shuō)我怎么就攤上這事嗦明×ぃ” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵娶牌,是天一觀的道長(zhǎng)奔浅。 經(jīng)常有香客問(wèn)我,道長(zhǎng)诗良,這世上最難降的妖魔是什么汹桦? 我笑而不...
    開封第一講書人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮鉴裹,結(jié)果婚禮上舞骆,老公的妹妹穿的比我還像新娘。我一直安慰自己径荔,他們只是感情好督禽,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著总处,像睡著了一般狈惫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上鹦马,一...
    開封第一講書人閱讀 49,111評(píng)論 1 285
  • 那天胧谈,我揣著相機(jī)與錄音,去河邊找鬼荸频。 笑死第岖,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的试溯。 我是一名探鬼主播,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼郊酒,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼遇绞!你這毒婦竟也來(lái)了键袱?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤摹闽,失蹤者是張志新(化名)和其女友劉穎蹄咖,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體付鹿,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡澜汤,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了舵匾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片俊抵。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖坐梯,靈堂內(nèi)的尸體忽然破棺而出徽诲,到底是詐尸還是另有隱情,我是刑警寧澤吵血,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布谎替,位于F島的核電站,受9級(jí)特大地震影響蹋辅,放射性物質(zhì)發(fā)生泄漏钱贯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一侦另、第九天 我趴在偏房一處隱蔽的房頂上張望秩命。 院中可真熱鬧,春花似錦淋肾、人聲如沸硫麻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)拿愧。三九已至,卻和暖如春碌尔,著一層夾襖步出監(jiān)牢的瞬間浇辜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工唾戚, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留柳洋,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓叹坦,卻偏偏與公主長(zhǎng)得像熊镣,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容