Giter Site home page Giter Site logo

zekunyan / autolayoutexamplewithmasonry Goto Github PK

View Code? Open in Web Editor NEW
704.0 23.0 146.0 1.1 MB

Different Autolayout examples with Masonry. 用Masonry写的Autolayout案例,持续更新中。详细解答请看tutuge.me

Home Page: http://tutuge.me

Objective-C 99.90% Ruby 0.10%
ios objective-c animation autolayout uitableviewcell demo

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

xvxvxxx avatar zekunyan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

autolayoutexamplewithmasonry's Issues

Case4: 如果两个 cell 的高度总和小于 imageView的高度,cell 高度就不对了

在 Case4:UITableView 变高中 发现一个问题 :
snip20170630_1

如上图,如果我把 titleLabelcontentLabel 的字体变小,然后在 contentLabel 一行的情况下,cell 的高度就不对了,因为这时候 imageView 的高度大于两个 Label 高度的总和,所以 cell 的高度应当等于 imageView 的最大 y 值加上 someMargin,这时候要怎么解决?或者说这种情况下约束怎么加(要求不手动算高)?

Case1

我把_label2的content compression改成1000 [_label2 setContentCompressionResistancePriority:UILayoutPriorityRequired forAxis:UILayoutConstraintAxisHorizontal]; 或者把设置content hugging和content compression的这四行代码都注释了..运行起来效果好像没区别呀

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.