视频教程Swift零基础学习之TableView

作者: iCloudEnd | 来源:发表于2019-04-17 17:06 被阅读7次

之前的文章主要介绍swift的语法,本篇将带领大家从UI层面学习iOS开发

视频教程Swift零基础学习之TableView

开过过程

  1. 创建一个项目tableapp

  2. 添加navigation controller,editor->embed in >Navigation Controller

  3. 新建一个Swift VideoFileScreen文件

  4. 拖拽一个tableview到 storyboard中。配置constrain,入下图


    Jietu20190417-143857@2x.jpg
  5. 拖拽一个tableviewcell 到tableview上。

  • 调整一下cell的高度,例如设置高度为90
  1. 拖拽一个imageview到 tableviewcell里
  • 调整imageview大小。例如设置为132x74

  • 设置constrain ,我们为了让imgeview以后适应 width和aspect ratio(长宽比)


    Jietu20190417-144601@2x.jpg
  • 设置 aligment contrains,设置vetically in container
    让我们的imageview垂直居中


    Jietu20190417-144911@2x.jpg
  1. 增加label,label和imageview相反。label要设置高度的,因为它的宽度会随着字数增加而增加。如下图


    Jietu20190417-164634@2x.jpg

8 command+n 新建个uitableviewcell,例如我们叫VideoCell,配置storeboard里的tableviewcell的class为VideoCell

  1. 将imageview拖拽到 VideoCell代码中,命名为videoImageView
    将label拖拽到VideoCell代码中,命名为videoTitleLabel

相关文章

网友评论

    本文标题:视频教程Swift零基础学习之TableView

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