UICollectionView--九宫格

最新推荐文章于 2023-02-15 22:25:21 发布
最新推荐文章于 2023-02-15 22:25:21 发布
阅读量1.1k 收藏
点赞数
分类专栏： UI基本知识 文章标签： iOS 九宫格
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Obses_sion/article/details/47837557
版权
博客介绍了如何利用UICollectionView在iOS应用中实现九宫格布局。内容提到了UICollectionView与UITableView的区别，强调在UICollectionView中设计item的重要性，并指出需要自定义UICollectionViewCell来包含显示元素，如UILabel。同时，注册cell和实现相关方法是实现九宫格的关键步骤。
摘要由CSDN通过智能技术生成

它是苹果提供的一种瀑布流效果
它与tableView相似,但是UICollectionView中我们设计的是他的Item,它用item进行显示, 它可以等于cell的大小,但是cell不能够等于他的大小,

    UICollectionViewFlowLayout *flowLayout = [UICollectionViewFlowLayout alloc]init];
//设计item大小
    flowLayout.itemSize = CGSizeMake(200,160);
//设置行间距
    flowLayout.minimumLineSpacing = 2;
//设置列间距
    flowLayout.minmumInteritrmSpacing = 2;
//设置滚动方式,默认是垂直方向
        flowLayout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
//创建一个collect
最低0.47元/天 解锁文章
Obses_sion
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS ---用collectionView实现九宫格图片调整顺序，任意拖拽
weixin_43259805的博客
01-12 2361
用collectionView实现九宫格图片调整顺序，任意拖拽
iOS- 用UICollectionViewController 来进行横竖屏九宫格布局
alexhua1444的博客
02-13 338
1.简单说说UICollectionViewController　　　　　　　　　　　　　　　　　 我们在做九宫格布局时，可以使用UIScrollView，也可以使用UICollectionViewController。 当我们用UICollectionViewController来进行九宫格布局，可以更加方便，省去很多麻烦，例如横竖屏的适配。 UICollectio...
UICollectionViewController 用来创建流水布局 和 常见九宫格布局
user_begin的博客
10-21 553
1、概述 UICollectionView控件主要是用来做九宫格的，其用法与UITableView一样，首先要使控制器遵守数据源协议，再将控制器设置为UICollectionView的数据源。同样，控制器遵守了UICollectionView的代理后也可以实现代理方法等。 注意＊在控制器push的时候，需要给控制器一个布局方式UICollectionViewFlowLayout *layout
iOS- UICollectionView Controller 横竖屏九宫格布局
果汁的专栏
05-27 3332
1.简单说说UICollectionViewController　　　　　　　　　　　　　　　　　 我们在做九宫格布局时，可以使用UIScrollView，也可以使用UICollectionViewController。 当我们用UICollectionViewController来进行九宫格布局，可以更加方便，省去很多麻烦，例如横竖屏的适配。 UICollectionViewC
利用collectionView实现九宫格移动（参照工商银行手机app首页）
XuLaoDaDaGuo的博客
04-14 1257
对于九宫格移动的问题，其主要就是在collectionView  上面添加一个长按手势，在实现长按手势的代码里面 主要有3个状态， 一个是长按手势的开启UIGestureRecognizerStateBegan  UIGestureRecognizerStateChanged UIGestureRecognizerStateEnded这三种状态， 把握好在不同的状态下他们的趋势 #imp
UICollectionView点击 UICollectionView_基础 九宫格
weixin_34194702的博客
12-14 111
2019独角兽企业重金招聘Python工程师标准>>> ...
swift-BAGridView支付宝首页九宫格布局封装
08-14
通过研究和学习这个项目，开发者不仅可以了解如何在Swift中实现九宫格布局，还能深入理解UICollectionView和自定义布局的工作原理，这有助于提升iOS开发技能，特别是在界面设计和用户体验优化方面。
代码写布局-九宫格
04-01
总的来说，无论是Android还是iOS，实现九宫格布局的关键在于理解布局管理系统（如RecyclerView或UICollectionView）的工作原理，并有效地利用它们来创建和管理视图。通过这种方式，我们可以创建出响应式、可扩展的...
swift-简单九宫格算法与使用
08-15
在Swift编程中，九宫格布局是一种常见的UI设计模式，尤其在移动应用中，它能够高效地展示多项内容，如应用的功能图标或者商品列表。本文将深入探讨如何使用Swift实现一个简单的九宫格算法，以及如何在实际项目中应用...
UICollectionViewFlowLayout自定义布局
03-17
流水布局 方正布局 旋转布局
IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView
08-31
主要介绍了IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView的相关资料,需要的朋友可以参考下
UICollectionView实现不同大小cell等间距
05-12
在项目中有时会用到UICollectionView，本项目解决了不同大小的cell等间距的问题
iOS瀑布流及各种UICollectionView样式
01-27
重写UICollctionViewFlowLayout实现瀑布流 实现左边大右边小的样式 或者左边1个右边2个item的样式等等 很好用欢迎各位童鞋下载学习使用分享 email:ioszhaoyi@163.com
ios-简单九宫格移动效果.zip
07-11
2. **Grid Layout**: 使用UICollectionView或自定义布局可以更方便地创建九宫格。UICollectionView提供了灵活的方式来展示复用的单元格，并且可以很容易地调整它们的布局。 3. **触摸事件处理**: 为了响应用户的...
给我两分钟的时间：微博风格九宫格：UICollectionView实现
GarveyCalvin
02-15 207
首先讲下今天的目标，我们将要使用 UICollectionView 来创建仿微博的九宫格内容。
android 九宫格 瀑布流,Swift实现UICollectionView支持多 section 场景下瀑布流、线性排列、九宫格样式...
weixin_42347873的博客
06-01 279
通过UICollectionViewLayout实现瀑布流代码如下@objc protocol WaterfallFlowLayoutDelegate: NSObjectProtocol {// 必选delegate实现/// collectionItem高度func heightForRowAtIndexPath(collectionView collection: UICollectionVi...
swift -> UICollectionView 网格布局(九宫格) 可 移动，删除
mft8899的博客
04-19 1260
    import UIKit var itemWh:CGFloat = 0,itemHt:CGFloat = 75; class ViewController:UIViewController,UICollectionViewDelegate,UICollectionViewDataSource{ var data:[String] = [String...
UICollectionView实现多九宫格拖拽
IT江湖的刀光剑影
01-26 212
> 我这里要记录使用UICollectionView实现类似九宫格的拖拽的效果，类似iPhone桌面的SpringBoard，包括文件夹的合并 * SpringBoard：这是我第一次实现类似的效果，前期做了比较充分的调研工作。找了很多开源库进行研究，虽然有很多类似的实现，但是基本上都只局限于一个UICollectionView内不同的cell之间...
用swift写一下用uicollectionview显示九宫格的代码
最新发布
04-20
以下是用 Swift 编写的 UICollectionView 显示九宫格的代码： 首先，在 ViewController.swift 中添加以下代码： ``` import UIKit class ViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate { let reuseIdentifier = "cell" let items = ["1", "2", "3", "4", "5", "6", "7", "8", "9"] override func viewDidLoad() { super.viewDidLoad() let layout = UICollectionViewFlowLayout() layout.sectionInset = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10) layout.minimumLineSpacing = 10 layout.minimumInteritemSpacing = 10 layout.itemSize = CGSize(width: (view.frame.size.width - 30)/3, height: (view.frame.size.width - 30)/3) let collectionView = UICollectionView(frame: CGRect(x: 0, y: 0, width: view.frame.size.width, height: view.frame.size.height), collectionViewLayout: layout) collectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: reuseIdentifier) collectionView.backgroundColor = UIColor.white collectionView.dataSource = self collectionView.delegate = self view.addSubview(collectionView) } func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return items.count } func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) cell.backgroundColor = UIColor.blue let label = UILabel(frame: CGRect(x: 0, y: 0, width: cell.frame.size.width, height: cell.frame.size.height)) label.textAlignment = .center label.text = items[indexPath.row] label.textColor = UIColor.white cell.contentView.addSubview(label) return cell } } ``` 代码解释： - `UICollectionViewFlowLayout` 是集合视图的布局对象，用于设置集合视图的外观和布局。 - `UICollectionView` 是集合视图的视图对象，用于显示 客户端 端的 IU。我们注册了 UITableViewCell，在 cellForItemAt 方法中添加了数字标签，然后返回 UITableViewCell。 最后，我们运行代码，就可以看到一个显示九宫格的集合视图。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值