Autolayout 01

Auto Layout Concepts

auto layout的基本概念是constraint(约束)。表示了你interface中的layout元素。例如,你可以创建一个约束来指定元素的宽度或者距离另一个元素的水平距离。你可以添加或者移除约束或者改变约束的属性来作用你的interface的布局。

当计算user interface运行时候的位置时,auto layout系统会在同一时间考虑所有的约束并且设置能最好满足约束的位置。

Constraint Basics

属性囊括left, right, top, bottom, leading, trailing, width, height, centerX, centerY, baseline. constant value: 以points为单位的物理大小或者offset. Relation: Auto layout支持更多。你可以使用关系和不等式比如greater-than-or-equal来说明。例如,一个view的宽度>=20。priority level。约束有优先级。默认的优先级是必须的。(NSLayoutPriorityRequired),意思是约束必须完全满足。layout系统会尽可能的满足一个可选的约束,即使不能完全实现这个约束。

优先级允许你表达有用的条件选择。例如,他们被用来表示一些控件应当总是重置大小来填充他们的contents。除非一些更加重要的出现。

约束是积累的,并且不会彼此覆盖。如果你有一个现存的约束,设置同样类型的约束不会覆盖之前的。例如,设置一个view的第二个宽度约束不会移除或者改变第一个约束宽度。你需要手动移除第一个约束。

约束可以和一些限制条件贯穿存在于view层中。在os x的mail app中,例如,默认的删除按钮在toolbar里与信息一起。

你不能设置贯穿view层的约束如果层中包含一个在layoutSubviews方法中自定义的手动设置的subviews。也不可能贯穿有bounds改变的人和views,例如scroll view。你可以认为这种情况下,有一个里面和外面的世界,但是里面的世界无法通过约束来连接到外面的世界。

Intrinsic Content Size

leaf-level views例如buttons比代码更清楚应当在什么位置。这通过intrinsic content size来告知layout系统一个view包含一些content并不是由来就被理解的并且指示这个content多大。

再比如text labels等,你应当设置元素的intrinsic size通过Editor->Size To Fit Content.这个意味着元素将grow并且shrink根据不同语言的content.

Working with Constraints in Interface Builder

添加,编辑或者移除约束的最简单方法是使用interface builder中的可视化layout tools。你可以简单得使用不同的pop-up窗口。

Adding Constraints

当添加好一个控件,但是并没有添加约束,你会发现运行时候不论device的方向时怎样的,这个控件的宽度和高度总是一样的。而且总是记住了左上角的相对位置。即便重置window的大小也无法移除或者重置元素的大小。为了让你的interface能正确的改变大小或者方向,你就需要开始添加约束了。

下面是几种添加约束的方法。

Adding Constraints with Control-Drag

添加约束最快的方法就是ctrl+drag一个view。

Adding Constraints with Align and Pin Menus

使用auto layout menu功能。

Align : 创建校准约束,例如在容器内居中一个view或者校准两个view的左边缘。

Pin: 创建间隔约束,例如定义一个view的高度或者指定他同其他view的水平间距。

Issues : 解决layout问题通过根据建议添加或者重新设置约束的方法。

Resizing:指出resizing如何作用于约束。

如果你只有一个元素被选择,那么约束选项需要多个元素的对应选项就无法选择。

To add a constraint from the Align or Pin menu

1. Select the checkbox next to the appropriate constraint.

To select a “Spacing to nearest neighbor” constraint, select the red constraint corresponding to the appropriate side of the element.

If you need to create a constraint related to another view that is not the nearest neighbor, click the black disclosure triangle in the value text field to display a drop-down menu of other nearby views.

  1. Enter a corresponding constant value.
  2. Press a button to create the constraints.

    The Add Constraints button adds the new constraints to the selected elements.

    The Add and Update Frames button adds the new constraints to the selected elements, and moves the elements in your interface to satisfy every constraint as well as possible.

时间: 2024-08-09 06:21:50

Autolayout 01的相关文章

我喜欢减肥我们来减肥吧

http://www.ebay.com/cln/honus.jyw4mvptb/cars/158313278016/2015.01.28.html http://www.ebay.com/cln/honus.jyw4mvptb/cars/158313282016/2015.01.28.html http://www.ebay.com/cln/honus.jyw4mvptb/cars/158313289016/2015.01.28.html http://www.ebay.com/cln/usli

百度回家看沙发沙发是减肥了卡斯加积分卡拉是减肥

http://www.ebay.com/cln/hpryu-caw8ke/cars/158056866019/2015.01.31 http://www.ebay.com/cln/xub.50x2l7cj/cars/158445650015/2015.01.31 http://www.ebay.com/cln/xub.50x2l7cj/cars/158445674015/2015.01.31 http://www.ebay.com/cln/xub.50x2l7cj/cars/1584456790

巢哑偕倥乇椭煞谙暗逞帕俸

IEEE Spectrum 杂志发布了一年一度的编程语言排行榜,这也是他们发布的第四届编程语言 Top 榜. 据介绍,IEEE Spectrum 的排序是来自 10 个重要线上数据源的综合,例如 Stack Overflow.Twitter.Reddit.IEEE Xplore.GitHub.CareerBuilder 等,对 48 种语言进行排行. 与其他排行榜不同的是,IEEE Spectrum 可以让读者自己选择参数组合时的权重,得到不同的排序结果.考虑到典型的 Spectrum 读者需求

我国第三代移动通信研究开发进展-尤肖虎200106

众所周知,数据科学是这几年才火起来的概念,而应运而生的数据科学家(data scientist)明显缺乏清晰的录取标准和工作内容.此次课程以<星际争霸II>回放文件分析为例,集中在IBM Cloud相关数据分析服务的应用.面对星际游戏爱好者希望提升技能的要求,我们使用IBM Data Science Experience中的jJupyter Notebooks来实现数据的可视化以及对数据进行深度分析,并最终存储到IBM Cloudant中.这是个介绍+动手实践的教程,参会者不仅将和讲师一起在线

pl/sql学习1——标量变量psahnh6S

为类型.不能用于表列的数据类型.范围为的子类型.自然数.为的子类型.具有约束为单精度浮点数.为变量赋值时.后面要加为双精度浮点数.为变量赋值时.后面要加.为数字总位数.为小数位数是的子类型.最大精度位是的子类型.最大精度位单精度浮点型是的子类型.最大精度位双精度浮点型定义精度为位的实数..定义为位的整数.变长字符串.最长测试变量数据!.定长字符串.最长测试变长二进制字符串物理存储的为类型...固定长度.个字节使用定义数据类型那个最小值:最大值:最小值:最大值:最小值:最大值:最小值:最大值:最小

在StoryBoard对UICollectionViewCell 进行Autolayout是遇到的Xcode6.01的BUG

使用Sb对UICollectionViewCell 的内容进行Autolayout约束时候,发现了一个Xcode6.01的BUG,就是你对UICollectionCell约束完了之后,在模拟器上现实的Label是居中,但是真机显示的确实不是居中,后来Google了一下,发现了问题,这是因为使用ios8 SDk编译出来的项目运行在iOS 7引起ContentView大小没有变导致的,解决办法之一:就是在你的定义的UICollectionViewCell 的子类重LayoutSubviews方法,在

Autolayout代码实现举例-01使用线性公式

1.例子1 需求: 令一个宽高都为200的view永远显示在屏幕的中央. 1 // 1.创建蓝色view 2 UIView *blueView =[[UIView alloc] init]; 3 blueView.backgroundColor = [UIColor blueColor]; 4 // 使用Autolayout必须关闭下面这个属性, 意思是不要把AutoresizingMask应用到Contrainsts中 5 blueView.translatesAutoresizingMask

如何解决IOS 动画中 Autolayout 与View Transforms的冲突

IOS 的动画放大与缩小,并非按照找它的中心点放大和缩小,而是左上角 .我分析了下原来是Autolayout 与View Transforms的冲突造成的. - (void) addSubviewWithZoomInAnimation:(UIView*)view duration:(float)secs option:(UIViewAnimationOptions)option { // first reduce the view to 1/100th of its original dimen

AutoLayout深入浅出五[UITableView动态高度]

本文转载至 http://grayluo.github.io//WeiFocusIo/autolayout/2015/02/01/autolayout5/ 我们经常会遇到UITableViewCell的高度要跟随内容而调整,在未引入AutoLayout之前,我们使用以下方法计算Label高度,然后heightForRowAtIndexPath中返回计算的高度,这种做法,真的很土很局限很不好,如果UILabel使用了CoreText或者UIKit进行了富文本不同字体的排版,它更是没办法,我还得分段