源码下载地址:http://download.csdn.net/detail/liu537192/8474103
效果图:
如上图所示,这是手机QQ的一个界面,像这种界面一般是固定不变的,也就是说这种界面不是动态变化的。我们可以使用静态单元格(静态cell)来实现这种界面。
步骤如下:
1,对main.storyboard进行操作,删掉原来的UIViewController控制器,搞一个UITableViewController控制器
2,设置UITableView的一些属性
Content 设置为Static Cells
Style设置为Grouped
Sections先不用管,暂时为1
这时,会自动生成一组cell,cell的个数为3,如下图所示:
可是按照效果图来弄的话,我们第一组数据只有一个cell——“好友动态”,没关系,删掉两个cell:
3,选中这个唯一的cell,然后设置一些属性
Style设置为Basic
Image设置为QQ空间的图片
Accessory设置为Disclosure Indicator
效果如图所示:
然后双击“Title”所在的文本区域,将“Title”改成“好友动态”:
这样第一组数据就搞定了
4,选中整个UITableView,设置Sections属性为3,这样我们就有了3组数据:
然后选中第2组数据,修改第二组数据的rows属性,设置为2,这样第二组数据就有两个cell:
然后修改第2组数据中每个cell的图片和文字:
然后,至于第3组数据怎么弄,你应该已经明白了。
另外,如果我们要改变cell的高度,可以选中整个UITableView,设置Row Height属性: