美文网首页Swift初体验
Swift编程(九):纯代码制作一个酷炫的列表页面

Swift编程(九):纯代码制作一个酷炫的列表页面

作者: zZ爱吃菜 | 来源:发表于2016-02-28 15:14 被阅读1039次

写在最前面:

欢迎大家关注我的个人博客:<a href="http://blog.noasis.cn" >博客地址</a>,这里主要是我在个人开发时候遇到的坑和挖完的坑,包括 PHP CentOS 以及 Swift 等相关只是
说实话我是一个执着于纯代码布局的人,但这有一个前提就是你在使用全代码布局前应该如何使用storyboard布局,这样你才能很好的使用纯代码布局,理解两种不同的布局形式,其实底层做的都是同样的事情。好啦话不多说上效果图

noasis-01.gif

知识点:

  • 学会使用Snapkit做纯代码的AutoLayout布局,我之前的文章有讲解过
  • 使用纯代码创建自定义的UITableViewCell
  • 使用UITableView注册UITableViewCell
  • 使用UITableView自适应行高(>= iOS 8.0)
  • 常用知识点:整理一下,我经常忘记的知识点

常用知识点

UITableView的一些简单设置:

  • 去掉分割线
    <code>tableView.separatorStyle = .None</code>

  • 去掉点击事件

  • UITableView的注册自定义Cell方法
    <pre>```Swift
    private var postListCellIdentifier = "postList"
    //注册纯代码UITableViewCell时
    tableView.registerClass(PostList.self, forCellReuseIdentifier: postListCellIdentifier)
    //注册基于Xib的UITableViewCell时使用
    tableView.registerNib(UINib(nibName: "PostCell", bundle: nil), forCellReuseIdentifier: postListCellIdentifier)


-UITableViewCell自适应高度(iOS8.0新特性)
>UITableViewCell必须给予AutoLayout布局,最后一个UILable一定要给他一个bottom布局属性,否则将没办法自适应高度(坑,勿踩)

<pre>```Swift
tableView.estimatedRowHeight = 450//MARK: 预估高度
tableView.rowHeight = UITableViewAutomaticDimension //MARK: 自适应高度
```</pre>

####clipsToBounds与maskToBounds
>如果你如下操作,如果你不加上

<pre>```Swift 
let img = UIImage(named: "us.jpg")
let vImg = UIImageView()
//vImg.layer.masksToBounds = true
//vImg.clipsToBounds = true
vImg.layer.cornerRadius = 50
vImg.image = img
vImg.frame = CGRect(origin: CGPointMake(100, 100), size: CGSizeMake(100, 100))
vImg.contentMode = .ScaleAspectFill
vImg.center = view.center
self.view.addSubview(vImg)
```</pre>




- clipsToBounds:
>子视图在父视图之外的将被截取

- maskToBounds:
>子视图在父视图图层之外的将被截取

相关文章

  • Swift编程(九):纯代码制作一个酷炫的列表页面

    写在最前面: 欢迎大家关注我的个人博客: 博客地址 ,这里主要是我在个人开发时候遇到的坑和挖完的坑,包括 PHP ...

  • 资料查询经典合集

    Swift - 纯代码实现页面segue跳转,以及参数传递http://www.hangge.com/blog/c...

  • 纯CSS3一个炫酷动画

    预览地址:纯CSS3一个炫酷动画 通过下边的代码可以看到这个例子的html代码还是很简单的,中间类似图标的部分是通...

  • Swift纯代码页面传值

    Update: 之前的代码会造成循环引用,导致两个类都不能被正确回收,应做如下修改: 页面跳转啊页面间传值啊,这是...

  • Swift炫酷动效StarWars.iOS剖析

    Yalantis团队简直就是我的偶像,用OC和Swift代码实现了诸多炫酷的动效。在这里,我将以Yalantis的...

  • 信手自助建站系统

    信手自助建站系统 信手的优势: 1、页面炫酷,颜值高。 信手拥有大气舒适的界面和众多精美模板,用信手制作一个高逼格...

  • Material Design

    教你写一个炫酷的Material Design 风格的登录和注册页面

  • Swift 和 Objective-C的区别

    swift是静态语言 oc是动态语言 swift是面向协议编程 oc是面向对象编程 纯swift的函数派发方式是直...

  • 编程狂人-第一零三期

    推酷诚意满满的技术周刊《编程狂人》, 下面是内容列表,干货多多,也可以移步到官网进一步阅读。 业界新闻 Swift...

  • 他还在穿开裆裤,就在电脑前编程啦?

    2019年到啦,宝爸宝妈们不会对编程不了解。远在西半球,一年前就有一个黑人叔叔呼吁世界学习编程。酷炫是酷炫,无人驾...

网友评论

    本文标题:Swift编程(九):纯代码制作一个酷炫的列表页面

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