ios 使用xib实现自动布局

1.首先建立一个xib文件,在xib上建一个UIView

2.在新建的UIView上创建一些控件

3.在右边选中View,点击右下角第一个按钮,选择水平和垂直距离,然后点击Add 2 Constraints。

4.点击右下方第二个按钮,选择宽和高(创建的时候是320*480,现在要适配320*568),上下各44((568-480)/2),点击Add 3 Constraints

5.选中view上的所有控件,点击右下角第三个按钮,选择Add Missing Contraints

这样就适配成功了320*480 和320*568两种屏幕大小了

时间: 2024-07-30 10:18:20

ios 使用xib实现自动布局的相关文章

iOS中xib与storyboard原理,与Android界面布局的异同

用文本标记语言来进行布局,用的最多的应该是HTML语言.HTML可以理解为有一组特殊标记的XML语言. 一.iOS中xib与storyboard显示原理 在iOS中主要的布置界面的方式有3种:代码,xib,storyboard. 1. 代码 代码布置界面是万能的,但通常很复杂.布置一个简单的界面可能需要很多行代码,因此十分繁琐. 下面为创建一个按钮的代码,最少也要3行: UIButton *btn = [UIButton buttonWithType:UIButtonTypeContactAdd

【iOS】Xib的使用与File'Owner总结

一.XIB的适用范围 xib(也叫Nib)与storyboard一样是用来描述界面的. storyboard描述的是比较大型的,大范围.适合描述界面跳转等. 二.XIB的使用 Xib是小范围的的,是轻量级的.比较适合描述小块的界面. 创建xib:新建界面里面user interface -->empty. 加载xib:[NSBundle mainBudle]loadNibNamed:XXX-.]来加载xib 三.关于loadNibNameed方法 [[NSBundle mainBundle] l

[iOS] 使用xib做为应用程序入口 with Code

[iOS] 使用xib做为应用程序入口 with Code 前言 开发iOS APP的时候,使用storyboard能够快速并且直觉的建立用户界面.但在多人团队开发的情景中,因为storyboard是以单一档案的方式存在,很容易造成签出.签入时,档案被锁定.档案合并冲突等等问题的发生.这时开发人员可以选择使用xib做为用户接口的开发单位,将用户接口拆散为独立存在的xib档案,分散团队成员同时编辑同一文件的风险. 在Xcode中默认是以storyboard做为应用程序入口,变更为使用xib做为应用

[iOS] 使用xib作为应用程序入口 with IDE

[iOS] 使用xib作为应用程序入口 with IDE 在「使用xib做为应用程序入口 with Code」这篇文章中,介绍了如何透过写Code的方式,来使用xib做为应用程序的入口.但其实在Xcode中,透过IDE所提供的工具,也可以达到相同的功能.本篇文章说明在iOS APP开发的过程中,如何透过IDE的操作,来使用xib做为应用程序的入口,为自己留个纪录也希望能帮助到有需要的开发人员.(透过IDE操作的方式,会比使用Code的方式复杂许多.但是在操作的过程中,可以理解xib档案的操作与概

【iOS】Xib的使用与File'Owner总结

一.XIB的适用范围 xib(也叫Nib)与storyboard一样是用来描写叙述界面的. storyboard描写叙述的是比較大型的,大范围.适合描写叙述界面跳转等. 二.XIB的使用 Xib是小范围的的,是轻量级的.比較适合描写叙述小块的界面. 创建xib:新建界面里面user interface -->empty. 载入xib:[NSBundle mainBudle]loadNibNamed:XXX-.]来载入xib 三.关于loadNibNameed方法 [[NSBundle mainB

IOS 免受xib自动布局影响

1.适配苹果手机  iPhone 4 ,4s 一个xib  iPhone 5 5s xib   以后iPhone6一个xib 2.再根据ios6 和 ios7 进行 微调 就是状态栏的那个问题 3.#define isIPhone5 ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(640, 1136), [[UIScreen mainScreen] curre

IOS开发之Bug--使用xib的自动布局和代码中修改遇到的bug

首先,在xib中约束了宽高22,但是需要代码动态重设,所以一开始如下设置,但是实际显示的仍然是22,而不是重设的值: 然后直接拿xib的将布局约束对象拖线重新通过代码重设约束值,虽然打印的结果宽高值是22,但是显示效果是33:

iOS AutoLayout 及SizeClass 自动布局(一)

一.关于自动布局(Autolayout) 在Xcode中,自动布局看似是一个很复杂的系统,在真正使用它之前,我也是这么认为的,不过事实并非如此. 我们知道,一款iOS应用,其主要UI组件是由一个个相对独立的可视单元构成,这些可视单元有的主要负责向用户输出有用的信息,有些则负责信息的输入(交互),交互的过程中往往还伴随有动画的效果,已达到整个信息传递的连贯性以及用户体验的细腻感.可视单元,在实际开发中主要是view.button等,那么这些可视单元的关系由两个基本的关系构成:兄弟关系和父子关系,整

iOS之XIB拖拽scrollView

在使用storyboard和xib时,我们经常要用到ScrollView,还有自动布局AutoLayout,但是ScrollView和AutoLayout 结合使用,相对来说有点复杂.根据实践,我说一下我的理解,在故事板或xib中,ScrollView是根据其下面的一个View的大小来确定ContentSize的大小. 看一下效果 1. 创建一个项目,拖拽一个ScrollView到故事板中,如下图 2. 选中ScrollView,添加约束. 3. 拖拽一个View到ScrollView上, 然后