码迷,mamicode.com
首页 > 移动开发 > 详细

iOS AutoLayout自动布局中级开发教程(7)-底部顶部baseLine基线对齐

时间:2015-02-07 17:33:09      阅读:1035      评论:0      收藏:0      [点我收藏+]

标签:ios视图对齐   底部对齐   顶部对齐   baseline   

如何对多个view或者Button添加底部对齐顶部对齐等等类似的对齐约束呢?最简单的方法使用 storyboard,在后续的教程中将使用代码实现.

如下图,如何为这两个或者多个视图添加 底部对齐呢?

(或者顶部对齐,左对齐,右对齐,基线baseLine对齐?)

首先说明一下对齐的实质:
顶部或者底部对齐: 本质上就确定了 一个视图的y坐标
左边或者右边对齐:本质上确定了一个视图的x坐标
centerX/Y对齐:确定 x/y坐标


技术分享

注意对齐的前提是要 这其中的一个的顶部(或者底部,等等)约束已经确定,如下图,确定好button1的 约束之后我们在选中其他的按钮,然后就可以 添加对齐约束了!


添加对齐的步骤:

1.设置好任意一个 button的约束,最好确定其位置,避免它从屏幕上消失:

2.按住 CMD键+鼠标/单击   选中 你需要对齐的所有的视图 如下图的3个按钮,

3.添加约束

步骤如下图:

选中你需要对齐的视图控件

技术分享

添加对齐约束,有很多,具体的含义我已经标注了

技术分享

最终效果,底部对齐 ,其他的对齐 方法类似,在此不再赘述.

技术分享


原文来自:http://blog.csdn.net/yangbingbinga


iOS AutoLayout自动布局中级开发教程(7)-底部顶部baseLine基线对齐

标签:ios视图对齐   底部对齐   顶部对齐   baseline   

原文地址:http://blog.csdn.net/yangbingbinga/article/details/43604033

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!