1.创建UITableView

iOS UITableView(二)原生代码实现
首先在viewController类的扩展里,添加两个协议,分别是UITableViewDataSource和UITableViewDelegate

1.1创建一个UITableView,并添加到根View

iOS UITableView(二)原生代码实现
初始化一个UITableView对象
设置当前类为tableView的委托对象以及数据源
最后添加到self.view根视图上

1.2设置tableView数据源

iOS UITableView(二)原生代码实现
numberOfSectionsInTableView:方法用于设置section的个数

tableView: numberOfRowsInSection:方法用于设置每个section中的cell数量

tableView: cellForRowAtIndexPath:方法用于设置cell的样式
其中能够在重用池找到一个已标记的cell就取出来进行渲染
[tableView dequeueReusableCellWithIdentifier:cellID];
如果找不到,我们就重新创建一个自定义cell,并把它的id标记下来,以便重用
最后设置cell被选中的样

1.3创建自定义cell

首先我们新建一个类文件,选择CocoaTouchClass
iOS UITableView(二)原生代码实现
然后编辑clas类名,以及需要继承的父类,选择O-C语言
iOS UITableView(二)原生代码实现
在MyCellTableViewCell.h文件中添加四个属性
iOS UITableView(二)原生代码实现
其中包含一个图标,一个标题,一个副标题还有一个时间
接下来在它的实现文件里添加一下代码
iOS UITableView(二)原生代码实现
主要是对一些view元素设置样式以及属性,最后添加到cell的view上

1.4设置每个section的header以及footer内容

首先设置默认的header和footer内容
iOS UITableView(二)原生代码实现
默认的header和footer的操作范围有限,在实际的开发中更多采用自定义header和footer
iOS UITableView(二)原生代码实现
同样通过设置样式完成了header与footer自定义
注:如果设置了自定义header与footer,默认的将会失效

1.5 设置整体样式

iOS UITableView(二)原生代码实现
分别设置cell高度,以及header高度,footer高度,最后设置cell缩进
样式上已经全部设置完毕,让我们看看运行后的效果
iOS UITableView(二)原生代码实现

1.6添加事件响应

1.6.1设置cell点击事件

iOS UITableView(二)原生代码实现
当点击cell时,会触发相应的事件,打印当前序号

1.6.1设置左滑删除

iOS UITableView(二)原生代码实现
首先允许cell左滑,接着设置删除按钮的title,然后设置点击删除按钮事件响应,最后设置完成左滑后的事件响应
当然这都是默认提供的事件类型,我们也可以自定义左滑按钮与事件

1.6.2自定义左滑按钮

iOS UITableView(二)原生代码实现
最后让我们看看实现后的效果
iOS UITableView(二)原生代码实现
ok,UITableView的基本demo就已经完成了

相关文章: