UIUITableView仿淘宝的两列式cell显示

本文介绍如何使用UITableView仿照淘宝应用创建两列式的显示效果。通过自定义UITableViewCell,每个Cell内包含两个UIView,每个UIView中分别添加UIImageView和UILabel,并在UIView顶部添加透明UIButton以实现点击事件的Block回调,从而完成两列商品展示并能捕获点击位置。
摘要由CSDN通过智能技术生成

       一开始看到很多购物类的APP物品展示都是以两列形式显示出来,好多人可能会用CollectionView来实现。但这里我们用UITableView来简单实现其原理。至于物品个数可能为单数的情况这里暂时不去判断,只是简单的实现一下其大概功能,其余判断有待完善。

自己新建一个UItableViewcell的类,这里不想用XIB来实现,想敲一敲代码。

实现的思路:自定义一个cell,每个cell上添加2个UIVIew,在UIView上加上一个UIimageVIew和UILable,再在UIVIew的顶上加一个透明的UIButton提供点击事件,通过Block回调实现点击对应视图的响应事件,打印出相应的行数和列数。这样一个简单的2列形式的Cell就做出来了。


命名为:

DoubleQuequeTableViewCell

工程结构表如图:

                                   


DoubleQuequeTableViewCell的.h文件


<span style="font-size:14px;color:#339999;">#import <UIKit/UIKit.h>

typedef void(^LeftButtonBlock)(void);
typedef void(^RightButtonBlock)(void);

@interface DoubleQuequeTableViewCell : UITableViewCell

@p
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值