UICollectionView可移动item

最新推荐文章于 2023-03-22 22:52:52 发布

linkjd

最新推荐文章于 2023-03-22 22:52:52 发布

阅读量1k

点赞数 2

分类专栏： iOS 文章标签： ios开发

本文链接：https://blog.csdn.net/linkjd/article/details/50238465

版权

iOS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在iOS9之后，UICollectionView貌似添加一了个新特性，可以摁住某个item，然后拖拽移动，类似UITableView的cell可以编辑移动位置一样。闲暇之余想感受一下这个功能，于是在网上找了好久，终于看到了一个大牛的帖子，最后根据大牛所述自己实现了一下。

首先，初始化一个collectionView，设置dataSource和delegate，注册cell：

然后，添加一个长按移动item的手势：

第三，设置item中存放的model数据

第四，实现长按手势

最后，实现collectionView的dataSource、delegete方法，并设置其允许移动cell和交换资源

经过上边的操作，便可以实现item的移动了，希望这些东西可以帮助到大家。

以上仅为小弟的一些个人见解，若有不足，欢迎更正。对了，还要感谢发那封贴子的大牛~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

linkjd

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
UICollectionView可移动item

在iOS9之后，UICollectionView貌似添加一了个新特性，可以摁住某个item，然后拖拽移动，类似UITableView的cell可以编辑移动位置一样。
复制链接

扫一扫

专栏目录

UICollectionView的cell拖动交换位置

L_weiguo的博客

09-27

3742

collectionView的cell拖动交换位置

UICollectionView的item长按移动编辑

扬帆追梦人

06-20

6928

iOS9.0之后，UICollectionView多了两个代理方法，可以通过这俩个方法来对其上的item进行移动编辑，本文主要说下移动功能，移动前加了个抖动手势（类似APP删除时的抖动效果），然后拖动改变item的位置 - (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSI

1 条评论您还未登录，请先登录后发表或查看评论

iOS 可拖拽排序的UICollectionView

Andy Coding

03-22

1968

系统的UICollectionView和UITableView有提供在编辑态拖拽排序的功能，但是需要指定的EditStyle，而且还只能拖动排序按钮区域，大部分时候效果很难满足业务需求，因此我们需要定制可拖拽Cell的SDMovableCellCollectionView，拖拽效果类似于系统Reminder。文章最后附有Demo的Git地址，可查看完整代码，如有疑问和不妥，评论区交流。

iOS UIcollectionView 和 UITableView 限制item 或cell的交换方法

河马流星锤的博客

11-09

1867

UIcollectionView限制item的交换注意:其中的_optionsArr.count根据自己的需求为准- (NSIndexPath *)collectionView:(UICollectionView *)collectionView targetIndexPathForMoveFromItemAtIndexPath:(NSIndexPath *)originalIndexPath to

iOS UICollectionView 高级用法(长按cell移动重新排列)

热门推荐

夏天然后的技术专栏

05-27

1万+

iOS9 之后前言: 看完你可以学到哪些呢? 就是文章标题那么多, 只有那么多. . 手残效果图没弄好.@property (nonatomic, strong) UICollectionView *xtCollectionView; @property (nonatomic, strong) UICollectionViewFlowLayout *flowLayout; @property (

ios-UICollectionView 移动 Item ，类似游戏背包.zip

07-11

"ios-UICollectionView 移动 Item，类似游戏背包.zip"这个项目似乎专注于实现UICollectionView中的一项高级功能：拖放操作（Drag & Drop），让用户能够像在实际背包中那样移动和整理物品。下面我们将详细讨论如何...

ios-UICollectionViewCell移动效果.zip

07-11

在iOS开发中，UICollectionView是一个非常重要的组件，它用于展示可滚动的、布局灵活的数据集合，类似于UITableView但提供了更丰富的布局和交互方式。标题"ios-UICollectionViewCell移动效果.zip"暗示了我们将探讨...

使用iOS控件UICollectionView生成可拖动的桌面的实例

08-31

- (BOOL)collectionView:(UICollectionView *)collectionView canMoveItemAtIndexPath:(NSIndexPath *)indexPath：此方法决定某个item是否可以被移动。 - (void)collectionView:(UICollectionView *)collectionView ...

Swift下使用UICollectionView 实现长按拖拽功能

08-31

UICollectionView 是一个高度可定制的控件，允许开发者按照自己的需求来定义数据项的布局和外观。其基本概念包括： * UICollectionViewCell：表示单个数据项的视图。 * UICollectionViewLayout：定义数据项的布局和...

UICollectionView 代码大全

05-18

8. **插入、删除和移动数据**：可以使用`insertItems(at:)`、`deleteItems(at:)`和`moveItem(at:to:)`方法动态更新UICollectionView的内容。 9. **动画效果**：UICollectionView提供了一系列动画选项，如`...

仿iOS抖动单行GridView长按显示删除图标

08-29

仿iOS长按抖动点击删除的GridView，因为我项目用到的是单行横向滑动，需要多行的自己改改就行了

IOS 类似网易的频道选择功能、长按移动item、UICollectionView的高级使用

周为的博客

01-09

2566

IOS的一些新闻客户端都有“频道选择”功能，用户可以自定义自己喜欢的频道查看内容。本文讲解如何实现频道的定制选择，实现了点击频道和长按拖拽频道的功能。实现的思路和注意点如下： 1.通过实现关键方法和系统关键协议方法，实现点击item移动item的位置，不要忘记操作数据源！ [self.collectionView moveItemAtIndexPath:indexPa

iOS开发UICollectionView拖拽移动单元格

wgl_happy的专栏

08-11

7123

一.介绍 iOS9提供API实现单元格排序呢功能,使用UICollectionView及其代理方法.iOS9之后有自带方法可以实现该效果,只需添加长按手势,实现手势方法和调用iOS9的API交换数据,iOS9之前需要自己写方法实现这效果,除了要添加长按手势,这里还需要利用截图替换原理,手动计算移动位置来处理视图交换和数据交换. 二.方法和步骤 1.创建工程项目和视图控制器,如下图 2.

UICollectionView不能滑动特定位置的坑

L_813815的博客

02-06

2456

如果collectionview使用 NSInteger row = [[self.passedParamsnonNullObjectForKey:@"selectedImageIndexPath"]integerValue]; NSIndexPath *index = [NSIndexPath indexPathForItem:row inSection:0];

UICollectionView拖动调整布局

王正魁

04-18

1533

UICollectionView *collectionView = [[UICollectionView alloc]initWithFrame:frame collectionViewLayout:layout];collectionView.delegate = self;collectionView.dataSource = self;[self.view addSubview:colle...

IOS项目之UICollectionView中Item布局偏移问题

Francis-ChinaFeng

09-10

1万+

在使用UICollectionView做九宫格布局的时候，或多或少都会出现一些不尽人意的问题。图片是从网络上找来的，我自己懒得截图了，文章内容确是我自己写的。请不要有争议。看两个图，大家就很容易看出问题所在，这个是水平滑动后的问题，其实垂直滑动也是有这个问题的。大家看了水平滑动问题解决方案之后，就可以很好地解决垂直滑动的同样问题。首先我们可以确定UICollection

UICollectionView 拖动菜单的实现

ForeverMyheart的博客

06-04

1002

- (void)viewDidLoad { [super viewDidLoad]; self.array = [NSMutableArray arrayWithObjects:@"红包", @"转账", @"手机充值", @"芝麻信用", @"天猫", @"生活缴费", @"蚂蚁呗", @"世界那么大&q

UICollectionView item 两小一大

最新发布

06-02

如果你想在一个 UICollectionView 中实现两个小的 item 和一个大的 item 的布局，可以利用 UICollectionViewDelegateFlowLayout 协议的方法进行实现。具体思路如下： 1. 首先确定一个大的 item 和两个小的 item 的大小，可以使用两个 CGFloat 类型的常量来表示。 2. 然后，在 collectionView(_:layout:sizeForItemAt:) 方法中，根据每个 item 所在的 indexPath，判断当前的 item 是大的 item 还是小的 item，并返回对应的大小。可以使用三目运算符或者 switch 语句来实现。 3. 最后，在 collectionView(_:layout:insetForSectionAt:) 方法中，设置 section 的内边距，使得大的 item 和小的 item 的排列能够正确地对齐。下面是一个示例代码： ```swift class MyViewController: UIViewController { let bigItemSize: CGFloat = 200 let smallItemSize: CGFloat = 100 let itemSpacing: CGFloat = 10 let sectionInset: UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10) // ... 其他代码 ... } extension MyViewController: UICollectionViewDelegateFlowLayout { func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { if indexPath.item % 3 == 0 { // 大的 item return CGSize(width: bigItemSize, height: bigItemSize) } else { // 小的 item return CGSize(width: smallItemSize, height: smallItemSize) } } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets { return sectionInset } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat { return itemSpacing } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat { return itemSpacing } } ``` 在上面的例子中，我们假设每行有三个 item，其中每个大的 item 占据一行，每个小的 item 占据一列。因此，在 minimumLineSpacingForSectionAt 和 minimumInteritemSpacingForSectionAt 方法中，我们都返回了 itemSpacing，即 item 之间的间距。