美文网首页iOS开发
定制表视图单元

定制表视图单元

作者: d2031869e667 | 来源:发表于2016-10-12 00:07 被阅读19次

方法一:通过创建UITableViewCell子类

第一步 创建UITableViewCell子类

.h文件内容:

继承UITableViewCell,并且声明NSString类型的属性,在此例子中声明name和color

.h文件内容

.m文件内容:

定义name和color的set函数,然后重写initWithStyle: reuseIdentifier方法,用来定义单元的4个label,用CGRectMake确定位置,然后设置文本及字体等细节。

Note:值得注意的是,记得用addSubview方法把Label放到当前View中

.m文件内容一 .m文件内容二

第二步  在viewController里初始化

viewController.h文件内容:

声明实现UITableViewDataSource协议

viewController.h文件内容

viewController.m文件内容:

import NameAndColorCell头文件

用存储字典的数组computers(NSArray类型)来初始定义样例数据,把tableView绑定到IBOutlet实例

重写tableView: numberOfRowsSection:方法告诉该tableView有多少个cell

重写tableView:cellForRowAtIndexPath: 方法,获得computers数组的其中一个字典,用键取出其中的相应字符串,依次初始化具体一个cell

NOTE: 值得注意的是,需要在viewDidLoad方法中调用 [self.tableView registerClass:forCellReuseIdentifier:]方法,否则无法获取表单元对象!

viewController.m文件内容

大功告成啦!其实很简单呢

方法二:使用nib文件

第一步:创建user interface空文件,在得到的nib文件中拖拽出tableViewCell,然后根据需要放置控件,然后添加约束完成autolayout

nib文件具体样式

然后打开属性检查器,将identifier栏选择为CellTableIdentifier(此例子中的可重用标识符为CellTableIdentifier,忘了的可在viewController中看到)

第二步:将原NameAndColorCell.h中的两个UIlabel改成IBOutlet 


NameAndColorCell.h 第三步:回到NameAndColorCell.m文件,把上面方法一中定义的initwithStyle:reuseIdentifier:方法注释掉,已经不需要啦,因为初始化过程在nib文件完成了。


第四步:在ViewController.m文件,将上面方法一中的配置注册机语句注释掉,换成registerNib:forCellReuseIdentifier:方法

ViewController.m

相关文章

  • 定制表视图单元

    方法一:通过创建UITableViewCell子类 第一步 创建UITableViewCell子类 .h文件内容:...

  • iOS设置UITableView分割线从边框最左端开始绘制

    以下是我在项目中的部分代码: 如果以上代码设置后无效可以使用以下方法: 定制表格视图单元的外观: 这个方法会在表格...

  • swift 4.2代码实现集合视图UICollectionVie

    集合视图的组成 单元格: 是集合视图中的一个单元格. 节: 是集合视图中的一个行数据,由多个单元格构成. 补充视图...

  • Swift UI 14.视图级别的关系(父、子视图)

    1: 父视图隐藏则子视图也隐藏,子视图隐藏父视图不一定隐藏2:父视图透明则子视图也透明,子视图透明父视图不一定透明...

  • UITableView&UICollectionView设置单元

    1. 场景需求 一个表格视图(或者宫格视图)中,当一个单元格被选中时设置彩色样式,选中其它单元格时设置灰色样式。 ...

  • 练习1-20detab

    这个练习说难不难说简单也不简单。首先要明白制表符终止位,可以把制表符终止位看成是excel表格,每一个单元格宽度是...

  • 单元格 - IOS

    -、表视图的编辑状态 1、表视图的编辑状态有两种 2、实现表视图编辑的步骤 二、单元格的移动 cell折叠的核心逻...

  • 合并单元格内容必学的2个文本合并函数

    Excel制表,不可随意合并单元格,否则会影响后续的数据计算、透视表分析等操作。那么需要将单元格中的内容合并到一起...

  • 学习笔记-集合视图创建(初学)

    集合视图 collectionView 1.dataSource delegate 2.显示单位:单元格cell ...

  • 常用 SQL

    新建表 索引 新建注释 序列 增加列 删除表 复制表 新建或修改视图 去重 查询前10条记录 通过日期年份进行分组...

网友评论

    本文标题:定制表视图单元

    本文链接:https://www.haomeiwen.com/subject/uzbbyttx.html