UITableView实现网格视图效果GridView

最新推荐文章于 2020-12-28 11:32:26 发布

原创最新推荐文章于 2020-12-28 11:32:26 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Objc #gridview #ios 5 #网格视图

iOS开发专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在iOS 5中利用UITableView实现网格视图效果，为iOS 6之前的版本提供解决方案。虽然iOS 6及之后可以使用UICollectionView实现更丰富的布局，但此方法仍适用于简单网格布局。通过在每个cell内添加自定义的itemView，实现了类似GridView的功能。

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

更好的支持iOS 5实现网格视图效果，用UITableView 实现。

IOS 6 以后可以用UICollectionView 使用更方便，而且collectiionView提供更多的布局自定义类，可以实现更炫酷的效果；

本文主要是以uitableview 的行为基础，然后在每个cell上再添加布局各个自定义的itemView（uiview）。

使用如下：

<span style="font-size:18px;background-color: rgb(255, 255, 204);">- (FWGridViewCell *) gridView:(FWGridView *)grid cellForGridIndex:(FWGridViewIndex *)gridIndex
{
    FWGridViewCell *cell = [grid dequeueReusableCell];
    
    if (!cell) {
        cell = [[FWGridViewCell alloc] initWithCellStyle:FWGridViewCellStyleTitle];
    }
    
    cell.thumbnail.image = [UIImage imageNamed:@"wechat"];
//    cell.thumbnail.highlightedImage = [UIImage imageNamed:@"txweibo"];
    cell.label.text = @"微信朋友圈";
    cell.selectedBackgroundView.backgroundColor = [UIColor colorWithWhite:0 alpha:0.25];
    
    return cell;
}</span>

实现源码：FMGridView