自定义瀑布流（可添加自定义header和footer）

于 2017-09-07 17:37:51 发布
阅读量1.2k 收藏
点赞数
分类专栏： ios开发随记 文章标签： github 布局 自定义瀑布流
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_23907467/article/details/77884637
版权



github 地址github.com/Wanghongchao12138/CustomerCollectionView

/* 设置cell 的宽高 */

(CGFloat)collectionView:(UICollectionView)collectionView layout:(WHCWaterfallFlowLayout)collectionViewLayout heightForWidth:(CGFloat)width atIndexPath:(NSIndexPath*)indexPath;

/* 设置collection 的头视图的size */

(CGSize)collectionView:(UICollectionView)collectionView layout:(WHCWaterfallFlowLayout)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section;

/* 设置collection footer 视图的size */

(CGSize)collectionView:(UICollectionView)collectionView layout:(WHCWaterfallFlowLayout)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section;

-- colCount --   设置CollectionView 的cell 的列数   -- sectionInset --    设置cell 的间距

疯狐狸12138
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android RecyclerView实现瀑布流布局
happy_horse的博客
04-09 3088
先看看效果：       RecyclerView简单介绍： 1 背景： 常规的ListView功能已经足够强大，但是还是存在一些问题，例如，每次都需要自己创建一个ViewHolder、并手动判断是否有缓存View。Google推出的 RecyclerView，类继承public class RecyclerView extends ViewGroup implement
Waterfall & Header Bidding机制
南柯say广告
09-07 1019
在前面几篇的文章中，我们讲到游戏广告变现指南3中 如何售卖流量，可以通过聚合SDK进行广告变现，传统采用的方式为配置多个Adnetwork 的N个广告位ID – waterfall 进行广告变现。在广告市场演变waterfall本身有什么优缺点呢？Header Bidding有什么优点呢？ 1. waterfall 本质 广告位瀑布流，由多个Adnetwork 中的多个广告位ID组成。在流量发起广告请求时系统按照一定规则对waterfall中的广告位进行广告拉取。相对于单个ADN来讲，流量能充分向不同A
ios-自定义瀑布流（可添加自定义header和footer）.zip
07-11
自定义瀑布流（可添加自定义header和footer） github地址：https://github.com/Wanghongchao12138/CustomerCollectionView
瀑布流（自定义布局实现）
TSLee的博客
02-28 698
这篇文章主要分享如何用自定义布局来实现瀑布流，关于瀑布流的其他实现方式可以参考我的另一篇文章 瀑布流（UIScrollView实现），利用UICollectionView实现瀑布流有个非常大的好处就是我们不用关心重用机制，只把注重点放在如何自定义布局来排布每一个cell的位置新建一个布局DSWaterFlowLayout，继承自UICollectionViewLayout一、提供可用接口（列数，行间
RecyclerView封装——添加Header、Footer（在网格瀑布流布局中独占一行）
王人冉的博客
07-06 1265
RecyclerView封装——添加Header、Footer（在网格瀑布流布局中独占一行） 标签： header加头加尾material设计适配器android 2016-03-17 15:11 1313人阅读 评论(0) 收藏 举报  分类： android开发小栈（38）  版权声明：本文为博主原创文章，未经博主允许不得转载。如果觉得文章不错，记
swift-自定义瀑布流可添加自定义header和footer
08-15
在本项目"swift-自定义瀑布流可添加自定义header和footer"中，我们将探讨如何实现这样一个功能丰富的用户界面，并且能够添加自定义的头部和尾部视图。 首先，我们从创建自定义UICollectionViewFlowLayout开始。这个...
使用RecyclerView添加Header和Footer的方法
09-02
要为RecyclerView添加Header和Footer，我们需要自定义适配器(Adapter)。关键在于适配器的onCreateViewHolder方法，这里我们需要根据传入的viewType来创建不同类型的ViewHolder。viewType是我们自己定义的整型常量，...
创意组合瀑布流网站模板
03-20
【创意组合瀑布流网站模板】是一种网页设计模板，主要用于创建具有独特视觉效果和用户体验的网站。瀑布流布局，又称无限滚动或Masonry布局，是一种在网页上以网格形式展示内容的布局方式，常用于图片展示类网站，如...
iOS UICollectionView 纯代码布局，添加Section Header 头部视图跟 Section Footer尾部视图
01-05
它提供了高度自定义的布局方式，使得开发者可以构建各种复杂的视图结构，如瀑布流、宫格等。在这个主题中，我们将深入探讨如何通过纯代码方式设置UICollectionView的布局，并添加Section Header和Footer视图。 首先...
iOS - UICollectionView 瀑布流 添加表头视图的坑
weixin_33836223的博客
04-25 357
UICollectionView 瀑布流 添加表头视图的坑 首先是，需求加了个头视图在顶部，在collectionView中的头视图跟TableView的不一样，TableView的表头只要设置tableview.tableHeaderView就可以了.collectionView 怎么添加这样的效果的呢 有两种思路 第一种：在collectionView的段头代理中设置 （只在第一段中...
WaterfallFlowLayout瀑布流用重写UICollectionViewFlowLayout类实现Demo
01-25
WaterfallFlowLayout瀑布流用重写UICollectionViewFlowLayout类实现Demo; 一下是博客地址 http://blog.csdn.net/margaret_mo/article/details/50581959
使用CSStickyHeaderFlowLayout实现头部固定的CollectionView
aodiyi6351的博客
06-29 252
近期流行的一种界面效果，是瀑布流的header固定，也叫sticky header或者parallax。对于UITableView，能够比較方便地让table header固定，可是对于UICollectionView，原生的iOS API比較难以实现。本文推荐一个开源组件。专门用于实现这样的效果：CSStickyHeaderFlowLayout 总体效果 贴个总...
代码添加UICollectionView添加头视图
More丶的博客
09-20 4761
Demo 地址 ：https://github.com/MoreZone/UIcollectionHeadDemo.git 往期瀑布流 地址：https://github.com/MoreZone/CLWaterFlowDemo.git  最近用到UICollectView 头视图，不同于tableview 的头视图一句话完事 。 1）tabview 用到头视图时候只需要一句话就能用
自定义瀑布流控件WaterfallFlowLayout
SpringQi
05-26 1398
效果如下图所示： 实现效果：每个子项的宽度相同高度可能不同的布局 实现思路： 1.由于项宽度相同，则高度需要根据图片比例进行计算得出 2.用一个数组来存储每一列的总高度，将子控件添加到总高度最小的那一列的后面 3.通过onMeasure()方法计算出控件的高度，控件的高度为所有列高中最大的值，并自定义LayoutParams类，将子控件的left,top,right,bottom封装到
CollectionView瀑布流添加头视图，自定义Cell计算高度
COOL_BEAR_XX的专栏
12-30 4457
在开发时，看到CollectionView制作的瀑布流图册很好看，于是就做了一个，效果确实可以。刚好在开发时有这种布局需求，于是把之前做的瀑布流拿来改进，还是遇到了许多问题。 先看一下效果， 首先是，需求加了个头视图在顶部，在collectionView中的头视图跟TableView的不一样，TableView只要设置 tableview.tableHea
IOS-UICollectionView的基本使用以及添加headerView
阿雷的专栏
08-01 5752
UICollectionView 说白了就是照片墙 在展示类的App，
IOS 如何实现灵活的瀑布流界面（1）
hengshujiyi的专栏
05-22 957
现在很多的iOS应用都是有瀑布流的设计的，今天我要介绍的是整齐的那种，也就是说瀑布流中的每张图片的大小都是一样的瀑布，这样的板式在壁纸这些应用中时会用到。等高的图片，可以用表格来实现。  表格能实现单元格的重用，优化内存，能实现scrollview的一些代理方法（有点废话），这些都是一些重要的特征，之后所要讲的都是和这些有关。            我们现在来逐步的分解实现瀑布流的步骤:
Android RecyclerView瀑布流布局添加Footer实现上拉加载
热门推荐
区长的专栏
11-30 1万+
这篇文章应该是晚到了好几个月，之前想写，但是中途遇到了一些棘手的问题，无奈没有去写。写这篇文章的最初来源是一个朋友问我在Android中如何实现瀑布流布局？，当时我的回答是使用RecyclerView，后来他又问我那怎么实现上拉加载并添加Footer呢？我想都没想就回答他根据type的不同去添加一个Footer，监听滚动事件，当滑动到最后显示footer并回调对应的接口，那么，这个过程就会遇到一个F
在自定义的ROS消息类型中添加header
最新发布
05-27
在ROS中，消息类型的头部（header）通常包含时间戳（stamp）、坐标系（frame_id）等信息。如果我们需要在自定义的ROS消息类型中添加header，可以按照以下步骤进行操作： 1. 在msg文件夹下创建一个新的.msg文件，例如MyMessage.msg。 2. 在该文件中定义消息格式，包括header和其他字段，例如： ``` Header header float32 data1 float32 data2 ``` 这里定义了一个包含header和两个浮点型数据的自定义消息类型。 3. 在CMakeLists.txt文件中添加以下代码： ``` add_message_files( FILES MyMessage.msg ) ``` 这里告诉ROS编译器要编译MyMessage.msg。 4. 在package.xml文件中添加以下代码： ``` <build_depend>message_generation</build_depend> <exec_depend>message_runtime</exec_depend> ``` 这里告诉ROS这个包依赖于消息生成器和消息运行时。 5. 在CMakeLists.txt文件中添加以下代码： ``` generate_messages( DEPENDENCIES std_msgs ) ``` 这里告诉ROS要生成消息代码，并且依赖于std_msgs。 6. 在源代码中引用自定义消息类型，例如： ``` #include "my_package/MyMessage.h" ``` 7. 在源代码中创建一个MyMessage类型的消息，并填充header和其他字段，例如： ``` my_package::MyMessage msg; msg.header.stamp = ros::Time::now(); msg.header.frame_id = "map"; msg.data1 = 1.0; msg.data2 = 2.0; ``` 这里创建了一个MyMessage类型的消息，并设置了时间戳为当前时间，坐标系为map，以及其他字段的值。 8. 在源代码中发布该消息，例如： ``` ros::Publisher pub = node_handle.advertise<my_package::MyMessage>("my_topic", 10); pub.publish(msg); ``` 这里创建了一个发布者，并将MyMessage类型的消息发布到my_topic话题上。 这样就可以在自定义的ROS消息类型中添加header了。注意，在使用header时，需要先包含std_msgs/Header头文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值