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

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

时间:2015-06-13 12:32:46      阅读:3203      评论:0      收藏:0      [点我收藏+]

标签:

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步骤带图 详解……

  

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享


技术分享

更新 2015-04-09  

点击gif图片看动态操作!
1)视图如何居中?
技术分享

2)2个视图始终保持之间距离?
技术分享

3)。。。
 
 
 
 
 

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

 

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

标签:

原文地址:http://www.cnblogs.com/transcendent/p/4573215.html

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