之前的文章主要介绍swift的语法,本篇将带领大家从UI层面学习iOS开发
视频教程Swift零基础学习之TableView
开过过程
-
创建一个项目tableapp
-
添加navigation controller,editor->embed in >Navigation Controller
-
新建一个Swift VideoFileScreen文件
-
拖拽一个tableview到 storyboard中。配置constrain,入下图
Jietu20190417-143857@2x.jpg -
拖拽一个tableviewcell 到tableview上。
- 调整一下cell的高度,例如设置高度为90
- 拖拽一个imageview到 tableviewcell里
-
调整imageview大小。例如设置为132x74
-
设置constrain ,我们为了让imgeview以后适应 width和aspect ratio(长宽比)
Jietu20190417-144601@2x.jpg -
设置 aligment contrains,设置vetically in container
让我们的imageview垂直居中
Jietu20190417-144911@2x.jpg
-
增加label,label和imageview相反。label要设置高度的,因为它的宽度会随着字数增加而增加。如下图
Jietu20190417-164634@2x.jpg
8 command+n 新建个uitableviewcell,例如我们叫VideoCell,配置storeboard里的tableviewcell的class为VideoCell
-
将imageview拖拽到 VideoCell代码中,命名为videoImageView
将label拖拽到VideoCell代码中,命名为videoTitleLabel
网友评论