事故板(storyboard)部分知识一

转载 2015年11月19日 15:13:28

Storyboard对于多屏幕适配来说再合适不过了!但是有一些技巧可能很容易被忽略,今天要介绍的使用比例来控制布局可能就是其中之一。

在实际项目开发过程中,有些布局是按照比例来确定大小的,这个时候用下面的方法可以减少你的代码量,完全可以在Storyboard中完成!

下面介绍subview相对于superview的比例。完成从一个控制器里面添加一个Button,并使Button.width = Button.superview.width/4;

Step 1 添加一个UIButton,并使用布局使它居于view中心

  • Storyboard中添加一个UIViewController,然后往里面添加一个UIButton
  • 选中Button,在右下角的快捷操作中如图所示进行设置,点击Add 2 Constraints
  • 此时,你可能还需要再次选中这个Button,再使用快捷键Command+option+=修复frame,这时Button的frame和layout的约束才会对应起来。如果不修复frame也不会影响实际运行的效果,但是Xcode会提示警告!

Step 2

  • 在View的树形图中,先选中View再选中Button
  • 如图所示添加约束,勾选Equal Widths,点击Add 2 Constraints

Step 3

  • 选中Button如图所示编辑约束的参数,Multiplier设置为1:4

Done

  • Command+option+=修复frame

补充

  • 相同层级和不同层级的view之间都可以用这种比例方式确定大小,但是必须有条件先确定其中一个view的大小。这里说的条件,指的是约束,或者UIViewController.view这种由父级容器确定了大小的条件。
  • 一般情况下,宽度和高度需要分别设置比例,看需求而定。
  • 宽度和高度之间也可以设置比例,设置方法和上面基本相同,不同的是,只需要选择一个view,添加约束的时候只勾选Aspect Ratio,设置比例的方法同上。

Swift语言Storyboard教程:第一部分

本文由CocoaChina翻译小组@TurtleFromMars翻译自:Storyboards Tutorial in Swift: Part 1。 更新记录: 该Storyboard教程由Ca...
  • lx31433
  • lx31433
  • 2015年03月16日 15:33
  • 358

iOS XIB以及Storyboard的部分使用方法

在我们的工作中很多时候使用拖控件的方式搭建一些界面,可以比较直观的将界面展现在你的眼前,也很方便,但是中间的关系以及拖线比较繁杂,一旦出现问题不太好找bug,但是实现一些相对简单的界面还是很方便的,下...

Storyboard全解析-第一部分

(Storyboard)是一个能够节省你很多设计手机App界面时间的新特性,下面,为了简明的说明Storyboard的效果,我贴上本教程所完成的Storyboard的截图:    现在,你就可以清...

主题:[IOS] Storyboard全解析-第一部分

Storyboard)是一个能够节省你很多设计手机App界面时间的新特性,下面,为了简明的说明Storyboard的效果,我贴上本教程所完成的Storyboard的截图: 现在,你就可以清楚的看...
  • sinuo12
  • sinuo12
  • 2013年03月29日 17:06
  • 699

iOS开发教程:Storyboard全解析-第一部分

iosuinavigationcontrollertablexcodeinterfacelibrary 目录(?)[+] 故事版(Storyboard)是一个能够节省你...

iOS开发教程:Storyboard全解析-第一部分

故事版(Storyboard)是一个能够节省你很多设计手机App界面时间的新特性,下面,为了简明的说明Storyboard的效果,我贴上本教程所完成的Storyboard的截图: 现在,...

iOS开发教程:Storyboard全解析-第一部分

分类: Xcode 2012-09-05 12:28 5304人阅读 评论(2) 收藏 举报 iosuinavigationcontrollertablexcodeinterfacelib...

iOS中的storyboard使用 (第一部分)

故事版(Storyboard)是一个能够节省你很多设计手机App界面时间的新特性,下面,为了简明的说明Storyboard的效果,我贴上本教程所完成的Storyboard的截图: ...

iOS开发教程:Storyboard全解析-第二部分

如果你想了解更多Storyboard的特性,那么你就来对了地方,下面我们就来接着上次的内容详细讲解Storyboard的使用方法。 在上一篇《iOS开发教程:Storyboard全解析-第一部分...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:事故板(storyboard)部分知识一
举报原因:
原因补充:

(最多只允许输入30个字)