从头开始swift2.0 仿乐乐医项目(二)列表的填充

上一节我们已经成功搭建好一个主流框架,为了演示更加真实,并请自行将ItemBar上的文字、图标更换为自定义的内容,我这里是仿写乐乐医APP,将4个item分别设置为首页、咨询、快问、我,如图所示:


到目前为止我们甚至连一行代码都没有写过,iOS的这个Xcode确实是非常方便的。现在我们来将首页的医生列表展示出来。

新建一个TableViewCell,


命名为DoctorCell,把create XIB勾上,语言还是选择Swift,创建完成后看到项目中多了两个文件,一个是cell,一个是xib,并且已经自动关联上了。

将cell的视图拖到高为100的大小,并向其放入一个UIImageView,设置为60x60,并添加一个演示图片,最后添加约束。

添加的约束都可以在右边看到


再拖入一个UILabel,显示为医生姓名,并添加约束,距头像右边68,与头像顶部对齐

然后依次添加职位、公司、科系、擅长

布局完成,然后我们关联到cell.swift中。点击箭头所指处,如果打开的不是DoctorCell的话,按住option键并点击左边的DoctorCell.swift

按住control键并连线,给一会儿会在编码中使用到的控件都申明一个变量



连线完成后DoctorCell中至少有以下控件:

@IBOutlet weak var ivHead: UIImageView!

@IBOutlet weak var lblName: UILabel!

@IBOutlet weak var lblPosition: UILabel!

@IBOutlet weak var lblHospital: UILabel!

@IBOutlet weak var lblGood: UILabel!

然后在awakeFromNib方法中,将ivHead设置为圆形

ivHead.layer.cornerRadius = 30//ivHead.frame.size.height/2

ivHead.layer.borderWidth = 0.5

ivHead.layer.borderColor = UIColor.lightGrayColor().CGColor

ivHead.layer.masksToBounds = true

OK,Cell这边我们暂时可以不动了,现在我们新建一个UITableViewController


回到StoryBoard,选中首页的Controller,将class更改为刚创建的MainViewController

进入MainViewController.swift,我们开始编码啦!终于要开始编码了。。。

因为我们是自定义的Cell,所以tableView需要注册一下

tableView.registerNib(UINib(nibName:"DoctorCell", bundle:nil), forCellReuseIdentifier:"cell")

然后只需要修改这三个地方,我们运行起来看看效果

numberOfSectionsInTableView 列表分为几部分,通常都是1

numberOfRowsInSection 一共有多少条数据

cellForRowAtIndexPath 每行cell显示的样式,类似于android中的getView

我们运行后看到数据是出来了,不过都挤到一起去了

重写一个heightForRowAtIndexPath的方法,返回100的高度(之前我们在xib中就是写的100)

override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {

return 100

}

再次运行,非常完美的显示出来了

我们修改一下文字看看,在cellForRowAtIndexPath方法中

let cell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! DoctorCell

cell.lblName.text = "严律南"

cell.lblPosition.text = "主任医师"

cell.lblHospital.text = "四川大学华西医院 肝胆胰外科"

cell.lblGood.text = "肝脏移植,肝癌,肝硬化等。"

return cell

分别在4s/5s/6s上运行




OK,显示都很正常,说明我们约束是正确的,好了第二节《列表的填充》先到这里,谢谢观看。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习swift差不多两三个月了,其中看swift的官方文档看了差不多一个月,接下来的时间就在写swift的Demo...
    陈阿票阅读 2,131评论 1 4
  • 生活中,我们总是习惯各种犹豫,思前想后,有的事情明明想到了,就是没有去做;有的想法明明很好,就是没有实施,一会觉得...
    处处1阅读 497评论 0 2
  • 青藏公路,笔直的公路,蓝天白云,一路歌唱,一路骑行。 青海湖的鸟儿欢快地捕食 早起的鸟儿被虫吃 如痴如醉的美景 成...
    月半婉阅读 469评论 0 3
  • 可以说PCH文件每个项目都会用到,但是隔一段时间不用就记不太清怎么添加了,在此记录一下, 首先创建: New Fi...
    高手世界阅读 299评论 0 0
  • 本书中倡导美国百万富翁的真实生活方式以及伪富人的思想及行为! 真富VS装富 消费习惯:量入...
    逐乐生活阅读 300评论 0 0