使用xib文件自定义UItableViewCell

关于xib文件的使用，大家都不陌生，我最初是喜欢用纯代码编写程序的，直到一天，一个同学的一句话点醒了我“我们公司都用xib做ui，所有界面都是自定义方便，这样就有更多的时间思考逻辑的问题~”，恩，后来想想也对，当时已经很多人都在使用Storyboard,我权衡再三，决定还是用xib吧，我也不是拖完控件自动生成代码，那样界面上的控件多了，我会迷糊，一般都是看了需求确定ui，在纸上画出需要哪些控件，哪些控件叫什么名字，再做操作，代码中相应添加注释，这是我喜欢的，下面就使用xib自定义表视图的cell。

首先创建一个demo，选择“Empty Application”，命名为CellDemo

继续添加需要自定义的视图控制器

我们要创建一个表视图，但是呢，不要勾选xib文件，因为我们要自定义xib文件，如下图：

选择next，创建好视图控制器后，将该视图控制器作为应用的根视图显示，这里不做解释，直接展示自定义cell部分,创建文件，选择“UITableviewCell”,如下图

点击next,创建成功后，为该cell添加xib文件，同样需要新建文件，选择"User interface"，在右侧选择Empty,xib文件的命名与刚刚的cell名字最好相同，下图为应用的结构：

下面我们打开TableviewCell.xib文件，搜索到UITableViewCell控件，并将其拖到界面中，如下图所示：

现在，我们需要将这个xib文件关联到相应的类，如下图操作：

这样我们就把xib文件与类关联好了，那么现在我们来给这个xib文件添加一些控件，打开TableviewCell.h类，输入如下代码：

我们使用了关联词IBOutlet,我们现在去xib文件中添加这三个控件，如下图所示

我们现在需要将这个三个控件关联，操作如下：

选择框中得圆圈，连接到

下面两个控件依次关联，然后回到myTBViewContrller.m中，修改cellForRowAtIndexPath函数中代码，如下：

这样，程序就结束，点击运行，效果如下：