瀑布流

最新推荐文章于 2024-02-02 19:26:07 发布

wangbao1991

最新推荐文章于 2024-02-02 19:26:07 发布

阅读量379

点赞数

CC 4.0 BY-SA版权

分类专栏：简述 Sket 文章标签：瀑布流 ios

本文链接：https://blog.youkuaiyun.com/wangbao1991/article/details/49802023

简述 Sket 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了如何利用UITableView的重用机制实现瀑布流布局，包括数据读取、高度获取和视图展示等关键步骤。通过合理设置列数、初始化uitableview并调整其属性，实现动态高度的瀑布流效果。此方法适用于大量图片展示，简化了复杂操作，提高了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

大家知道现在网上流行的瀑布流，是根据一个外国的网站得来的。能够大量展现信息的方式。可以用UIScrollView来实现但是想来想去比较麻烦，这个经常用来展现图片，最好用uitableview的重用机制，这个是官方自己实现好的。所以越简单越好。

1. 总先做成几列是事先要清楚，有多少条记录，这个可以从json或者xml中读取后知道（json或xml最好将图片的高度和宽度也显示出来，便于后面用到）。

2. 假设要做成3列，就用三个uitableview，宽度平均，高度动态，页面高度取uitableview中最高的。

3. 三个uitableview初始化的时候用到tag（我越来越觉得tag在ios中的用处很大，就像js中读取html控件中的id一样），然后showsVerticalScrollIndicator和scrollEnabled设为no，separatorStyle设为UITableViewCellSeparatorStyleNone，添加到UIview中。

获取高度

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
     return 当行记录数/列;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    int arrIndex= 当前indexPath.row * 列(3)＋当前indexPath.column;|
   return [[XML/JSON objectAtIndex:arrIndex] objectForKey:@"高度"];
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
   //从数据源中得到当前数组对应的数据，然后再用uitableviewcell填充
｝