Giter Club home page Giter Club logo

autolayoutexamplewithmasonry's Introduction

Autolayout Example With Masonry

用Masonry实现的Autolayout示例。

Build Status

目录

博客

有趣的Autolayout示例-Masonry实现
讲解了Case1到Case3

有趣的Autolayout示例2-Masonry实现
讲解了Case4到Case6

有趣的Autolayout示例3-Masonry实现
讲解了Case7到Case9

有趣的Autolayout示例4-Masonry实现
讲解了Case10到Case12

有趣的Autolayout示例5-Masonry实现
讲解了Case13到Case15

Case1: 并排两个label，宽度由内容决定。父级View宽度不够时，优先显示左边label的内容

Case2: 四个ImageView整体居中，可以任意显示、隐藏

Case3: 子View的宽度始终是父级View的一半（或者任意百分比）

Case4: 动态高度UITableViewCell，附加简单的高度缓存

Case5: topLayoutGuide和bottomLayoutGuide使用案例

Case6: 自定义baseline效果

Case7: 给UITableView加上简单的Parallax视差效果Header

Case8: 实时改变UITableViewCell的高度

Case9: 等间距View

Case10: 用约束优先级保证可移动View的内容可见性

Case11: Autolayout的约束=控件间位置关系的“绑定”

Case12: 利用layoutIfNeeded控制约束的生效时机

Case13：Cell中并排多个变高Label

Case14: 自定义View的intrinsicContentSize，并支持在UITableViewCell中自动计算高度

Case15: 同一个属性可以添加多重约束

autolayoutexamplewithmasonry's People

Contributors

zekunyan avatar xvxvxxx avatar

Watchers

James Cloos avatar Nil avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.