iOS 新闻类型拖拽排序

最终效果图：

#import "XinWenViewController.h"

@interface XinWenViewController ()<UICollectionViewDataSource,UICollectionViewDelegate>{

UICollectionView *_collectionView;

}

#pragma -mark创建新闻类型视图

- (void)createXinWenLeiXingShiTu{

//创建流布局设置类

UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];

//设置为垂直布局方向

layout.scrollDirection = UICollectionViewScrollDirectionVertical;

//设置每个item的大小

layout.itemSize = CGSizeMake(60, 30);

[layout setSectionInset:UIEdgeInsetsMake(20, 20, 20, 20)];

_collectionView = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 0, kWidth, kHeight-64) collectionViewLayout:layout];

_collectionView.backgroundColor = [UIColor whiteColor];

_collectionView.dataSource = self;

_collectionView.delegate = self;

// 添加长按手势

UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(handlelongGesture:)];

[_collectionView addGestureRecognizer:longPress];

//注册单元格

[_collectionView registerClass:[XInWenNaviCell class] forCellWithReuseIdentifier:@"cell"];

//注册headerView 此处的ReuseIdentifier 必须和 cellForItemAtIndexPath 方法中一致均为reusableView

[_collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"cell"];

//创建新闻类型视图

_xinWenLeiXing = [[UIView alloc]initWithFrame:CGRectMake(0, 64, kWidth, kHeight-64)];

[_xinWenLeiXing addSubview:_collectionView];

[self.view addSubview:_xinWenLeiXing];

_xinWenLeiXing.backgroundColor = [UIColor whiteColor];

}

#pragma -mark设置单元格个数

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{

if (section == 0) {

return [_wholeAry[section] count];

}

else{

return [_wholeAry[section] count];

}

#pragma -mark设置单元格

- (__kindof UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{

XInWenNaviCell *cell = (XInWenNaviCell *)[collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];

NSArray *ary = _wholeAry[indexPath.section];

cell.naviLbl.text = ary[indexPath.row];

return cell;

}

#pragma -mark设置分组

- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView

{

return 2;

}

#pragma -mark设置每个item垂直间距

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section

{

return 30;

}

#pragma -mark设置header的size

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section

{

return CGSizeMake(kWidth, 40);

}

#pragma -mark设置头视图

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath

{

//通过设置SupplementaryViewOfKind 来设置头部或者底部的view，其中 ReuseIdentifier 的值必须和注册是填写的一致

UICollectionReusableView *headerView = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"cell" forIndexPath:indexPath];

if (indexPath.section == 0) {

UILabel *woDe = [[UILabel alloc] initWithFrame:CGRectMake(10, 5, 100, 40)];

woDe.text = @"我的频道";

woDe.font = [UIFont systemFontOfSize:20];

[headerView addSubview:woDe];

UILabel *paiXu = [[UILabel alloc]initWithFrame:CGRectMake(100, 5, 100, 40)];

paiXu.text = @"拖拽可以排序";

paiXu.font = [UIFont systemFontOfSize:14];

[paiXu setTextColor:[UIColor colorWithRed:220.0/255 green:220.0/255 blue:220.0/255 alpha:1]];

[headerView addSubview:paiXu];

UIView *wanChengView = [[UIView alloc]initWithFrame:CGRectMake(kWidth-80, 10, 60, 30)];

wanChengView.layer.cornerRadius = 15;

wanChengView.layer.borderWidth = 1;

wanChengView.layer.borderColor = [[UIColor colorWithRed:255.0/255 green:99.0/255 blue:74.0/255 alpha:1] CGColor];

[headerView addSubview:wanChengView];

UIButton *wanChengBtn = [UIButton buttonWithType:UIButtonTypeCustom];

wanChengBtn.frame = CGRectMake(kWidth-80, 10, 60, 30);

[wanChengBtn setTitleColor:[UIColor colorWithRed:255.0/255 green:99.0/255 blue:74.0/255 alpha:1] forState:UIControlStateNormal];

[wanChengBtn setTitle:@"完成" forState:UIControlStateNormal];

[wanChengBtn addTarget:self action:@selector(wanCheng:) forControlEvents:UIControlEventTouchUpInside];

[headerView addSubview:wanChengBtn];

}

else{

UILabel *tuiJian = [[UILabel alloc] initWithFrame:CGRectMake(10, 5, 100, 40)];

tuiJian.text = @"频道推荐";

tuiJian.font = [UIFont systemFontOfSize:20];

[headerView addSubview:tuiJian];

UILabel *tianJia = [[UILabel alloc]initWithFrame:CGRectMake(100, 5, 100, 40)];

tianJia.text = @"拖拽可以排序";

tianJia.font = [UIFont systemFontOfSize:14];

[tianJia setTextColor:[UIColor colorWithRed:220.0/255 green:220.0/255 blue:220.0/255 alpha:1]];

[headerView addSubview:tianJia];

}

return headerView;

}

#pragma -mark长按调用的方法

- (void)handlelongGesture:(UILongPressGestureRecognizer *)recognizer{

//判断系统版本

if ([[[UIDevice currentDevice] systemVersion] floatValue] < 9.0) {

// [self action:longPress];

} else {

[self iOS9_Action:recognizer];

}

#pragma -mark允许row移动

- (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath

{

// 返回YES允许row移动

return YES;

}

#pragma -mark移动完成时

- (void)collectionView:(UICollectionView *)collectionView moveItemAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath

{

//当前组

NSString *sourceKey = _wholeAry[sourceIndexPath.section];

//目标组

NSString *destinationKey = _wholeAry[destinationIndexPath.section];

if (sourceKey == destinationKey) {

//----------------------同一组移动时----------------------

//取出移动row数据

id yiDong = _wholeAry[sourceIndexPath.section][sourceIndexPath.row];

//从数据源中移除该数据

[_wholeAry[sourceIndexPath.section] removeObject:yiDong];

//将数据插入到数据源中的目标位置

[_wholeAry[sourceIndexPath.section] insertObject:yiDong atIndex:destinationIndexPath.row];

}

else{

//------------------------不同组移动时---------------------

//取出移动row数据

id yiDong = _wholeAry[sourceIndexPath.section][sourceIndexPath.row];

//从数据源中移除该数据

[_wholeAry[sourceIndexPath.section] removeObject:yiDong];

//将数据插入到数据源中的目标位置

[_wholeAry[destinationIndexPath.section] insertObject:yiDong atIndex:destinationIndexPath.row];

}

#pragma -mark长按手势调用

- (void)iOS9_Action:(UILongPressGestureRecognizer *)longPress

{

switch (longPress.state) {

case UIGestureRecognizerStateBegan:

{ //手势开始

//判断手势落点位置是否在row上

NSIndexPath *indexPath = [_collectionView indexPathForItemAtPoint:[longPress locationInView:_collectionView]];

if (indexPath == nil) {

break;

}

UICollectionViewCell *cell = [_collectionView cellForItemAtIndexPath:indexPath];

[self.view bringSubviewToFront:cell];

//iOS9方法移动cell

[_collectionView beginInteractiveMovementForItemAtIndexPath:indexPath];

}

break;

case UIGestureRecognizerStateChanged:

{ // 手势改变

// iOS9方法移动过程中随时更新cell位置

[_collectionView updateInteractiveMovementTargetPosition:[longPress locationInView:_collectionView]];

}

break;

case UIGestureRecognizerStateEnded:

{ // 手势结束

// iOS9方法移动结束后关闭cell移动

[_collectionView endInteractiveMovement];

}

break;

default: //手势其他状态

[_collectionView cancelInteractiveMovement];

break;

}

#pragma -mark完成按钮调用

- (void)wanCheng:(UIButton *)sender{

// 删除原滚动视图

[_naviScrollView removeFromSuperview];

//创建新滚动视图更新新闻类型

[self createNaviShiTU:_naviAry.count];

//删除新闻类型视图

[_xinWenLeiXing removeFromSuperview];

//显示标签页控制器

self.tabBarController.tabBar.hidden=NO;

}

下面是单元格

#import@interface XInWenNaviCell : UICollectionViewCell

@property (nonatomic,strong) UILabel *naviLbl;//设置文字

@property (nonatomic,strong) UIView *naviView;//设置底部的视图

@end

#import "XInWenNaviCell.h"

@implementation XInWenNaviCell

- (instancetype)initWithFrame:(CGRect)frame{

self = [super initWithFrame:frame];

if (self) {

//设置视图

_naviView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 60, 40)];

_naviView.layer.cornerRadius = 10;

_naviView.layer.borderWidth = 1;

_naviView.backgroundColor = [UIColor colorWithRed:245.0/255 green:245.0/255 blue:245.0/255 alpha:1];

[self.contentView addSubview:_naviView];

//设置文字

_naviLbl = [[UILabel alloc]initWithFrame:CGRectMake(13, 0, 40, 40)];

[self.contentView addSubview:_naviLbl];

}

return self;

}

@end

最后编辑于：2019.12.04 17:17:57

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 205,132评论 6赞 478
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 87,802评论 2赞 381
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 151,566评论 0赞 338
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 54,858评论 1赞 277
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 63,867评论 5赞 368
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 48,695评论 1赞 282
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 38,064评论 3赞 399
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 36,705评论 0赞 258
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 42,915评论 1赞 300
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,677评论 2赞 323
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 37,796评论 1赞 333
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,432评论 4赞 322
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 39,041评论 3赞 307
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 29,992评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,223评论 1赞 260
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 45,185评论 2赞 352
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 42,535评论 2赞 343

iOS 新闻类型拖拽排序

最终效果图：

下面是单元格

推荐阅读更多精彩内容