视频教程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