iOS AutoLayout自动布局中级开发教程(7)-底部顶部baseLine基线对齐
2015-09-30 14:30
483 查看
如何对多个view或者Button添加底部对齐顶部对齐等等类似的对齐约束呢?最简单的方法使用 storyboard,在后续的教程中将使用代码实现.
如下图,如何为这两个或者多个视图添加 底部对齐呢?
(或者顶部对齐,左对齐,右对齐,基线baseLine对齐?)
注意对齐的前提是要 这其中的一个的顶部(或者底部,等等)约束已经确定,如下图,确定好button1的 约束之后我们在选中其他的按钮,然后就可以 添加对齐约束了!
添加对齐的步骤:
1.设置好任意一个 button的约束,最好确定其位置,避免它从屏幕上消失:
2.按住 CMD键+鼠标/单击 选中 你需要对齐的所有的视图 如下图的3个按钮,
3.添加约束
步骤如下图:
选中你需要对齐的视图控件
添加对齐约束,有很多,具体的含义我已经标注了
最终效果,底部对齐 ,其他的对齐 方法类似,在此不再赘述.
如下图,如何为这两个或者多个视图添加 底部对齐呢?
(或者顶部对齐,左对齐,右对齐,基线baseLine对齐?)
首先说明一下对齐的实质: 顶部或者底部对齐: 本质上就确定了 一个视图的y坐标 左边或者右边对齐:本质上确定了一个视图的x坐标 centerX/Y对齐:确定 x/y坐标
注意对齐的前提是要 这其中的一个的顶部(或者底部,等等)约束已经确定,如下图,确定好button1的 约束之后我们在选中其他的按钮,然后就可以 添加对齐约束了!
添加对齐的步骤:
1.设置好任意一个 button的约束,最好确定其位置,避免它从屏幕上消失:
2.按住 CMD键+鼠标/单击 选中 你需要对齐的所有的视图 如下图的3个按钮,
3.添加约束
步骤如下图:
选中你需要对齐的视图控件
添加对齐约束,有很多,具体的含义我已经标注了
最终效果,底部对齐 ,其他的对齐 方法类似,在此不再赘述.
相关文章推荐
- 萌货猫头鹰登录界面动画iOS实现分析
- iOS AutoLayout自动布局中级开发教程(2)-初识autolayout
- ios-动画组
- iOS AutoLayout自动布局中级开发教程(6)-淘宝客户端iPhone 6/6 Plus 设计·适配方案
- iOS开发之身份证号码校验
- iOS AutoLayout自动布局中级开发教程(3)-等宽等高等中心
- 使用 fastlane 实现 iOS 持续集成
- iOS AutoLayout自动布局中级开发教程(5)-修改约束的值,延迟加载
- iOS的导航栏颜色
- ios开发学习--动画(Animation)效果源码分享
- iOS AutoLayout自动布局中级开发教程(4)-label等文字自动适应大小,宽度
- iOS工程适配64-bit经验分享
- iOS/mac开发的一些知名个人博客
- iOS 使用TableView实现下拉放大
- iOS AutoLayout 及SizeClass 自动布局(一)
- iOS 8 自动布局sizeclass和autolayout的使用
- IOS 开源库总结
- addSubview和insertSubview 区别(ios自学笔记)
- iOS和OS X中的bundle
- iOS和OS X中的bundle