IOS中xcode6以上控件布局适配,两控件的距离,控件占百分比

1.控件的适配

让下面的view(绿色部分)模拟器,这就需要做一下人为的约束(constraints)

1、首先做一个顶端约束,选中view(一定要选中要需要调整的控件)——Editor——Pin——Top Space to Superview


2、接下来将Contant值设为为0,意思是view这个控件与模拟器顶端距离为0,设置为0了之后,左侧视图并不会发生变化,这个约束会在编译时起作用,开发中并不会实时响应


接下来依次添加左侧约束(Leading Space to Superview)、右侧约束(Trailling Space to Superview)、底端约束(Bottom Space to Superview),将它们的contant全部设置为10,command+s 保存一下


查看效果,如下,这样变出现了顶端约束为0,左、右、底端约束为10的一个view(但是我们开发的面板并不会发生变化,为了方便开发可以手动调整下显示,方便开发)

2.两控件之间的距离

快速的适配1.2.3步骤带图 详解……

  

xcode6中storyboard视图之间的约束【易懂】

xcode6中storyboard视图之间的约束【易懂】

xcode6中storyboard视图之间的约束【易懂】

xcode6中storyboard视图之间的约束【易懂】

xcode6中storyboard视图之间的约束【易懂】

xcode6中storyboard视图之间的约束【易懂】

xcode6中storyboard视图之间的约束【易懂】

xcode6中storyboard视图之间的约束【易懂】

xcode6中storyboard视图之间的约束【易懂】


xcode6中storyboard视图之间的约束【易懂】

更新 2015-04-09  

点击gif图片看动态操作!
1)视图如何居中?
xcode6中storyboard视图之间的约束【易懂】

2)2个视图始终保持之间距离?
xcode6中storyboard视图之间的约束【易懂】

3)。。。
 
 
 
 
 

建议:直接使用 control+鼠标左键 ,选中一个视图拉线到另一个视图上去选择,非常的方便!
总结:  只是简单的约束,适配屏幕更加的方便,少写了代码。对于如何使用storyborad(github找下简单demo,很简单)不演示了, 如有不明白 可以微博联系,一起研究学习,谢谢^_^
3.设置控件占屏幕到百分比
 
原文地址:https://www.cnblogs.com/transcendent/p/4573215.html