XIB做适配（一）

今天做项目的适配，用的是XIB，autolayout的适配还是第一次用，中间很多不熟悉，现在把过程写出来，留作备忘。

第一个页面只有一个TableView，设置它的上左右三个约束就好，cell的高度还是要自己通过tableview的高度和cell的个数计算才行。

第二个页面麻烦一点，是个登录界面，一个view上有两个lable和两个textfiled，其中lable只要设置它的上和左，就是说只要指定了它的X和Y坐标，它的长和宽是不需要我们管的，如果有需要，和可以指定两个lable上下对齐，textfiled的坐标要根据lable的坐标设置，和下面textfiled指定，只需要指定它的上左右三个约束就行了。

　　之后就遇到了一些麻烦，两个button并排放置，设置了他们的上左右约束，但是一运行第二个button总会变长，而第一个button却不变，我找了好久终于找到原因，原来是我没设置两个button等宽约束，把他们设置成等宽的之后就一切OK了，当然，button下面还有一个lable，这个lable要指定上左下三个约束才行，我的理解是，每个控件的坐标都是要通过其他控件的坐标计算出来的，那么在每个方向上，至少要有一个控件是和最底层的父视图（即这个页面上的所有view的父视图）相关联的，这样系统才能在四个方向上找到定位的依据。

　　第三个页面和第二个差不多，控件数量多了几个，但是排列还是一样的，只要找准了参照控件，适配也不是那么麻烦，第一次用autolayout，还算顺利，新手，还有很多不清楚的地方，下次弄明白了再写吧

时间： 2024-11-23 06:55:14

XIB做适配（一）的相关文章

XIB做适配（二）

今天做适配,遇到了一件麻烦事,在一个view上并排放着四个button,一开始我给四个button添加了宽度相等约束,又设置了每个button的上下左右的约束,但是发现还是不对,最后一个button距离第三个button的距离明显比其他button的距离要小,后来在查了一下才知道,不但要设置button的宽度相等,还要给每个button的宽度约束设置为父视图的1/4,这样才能使四个button等距离排列在视图上.

iOS开发过程中，是用Storyboard/xib做界面，还是用代码来写界面，还是混合使用

以下是个人观点,非喜勿喷 关于iOS 开发过程中,是用Sb/xib 做界面 还是代码写界面,一直是讨论不断 各自成帮结派, 拖拉派.代码派.中间派 1. 拖拉派 ,Storyboard/xib 使用者, 像是海贼王里的能力者,开发快.Auto Layout .结构清晰,直观,一目了然 (个人觉得,小项目如此,超过10个界面以上,界面关系在复杂的话,看起来真是一团糟),能力者是有缺点的不会游泳, 同样Storyboard/xib 同样有它的缺点:(以下摘自) a). 所有的ViewControll

移动端页面使用rem来做适配

rem介绍 rem(font size of the root element)是指相对于根元素(即html元素)的字体大小的单位.假设根元素的字体大小是10px, 则5rem的大小为 5*10=50px,例如 1 html{ 2 font-size: 10px; 3 } 4 width: 2rem; /* 2*10 = 20px;*/ 5 margin: 1rem; 6 } 7 img{ 8 width:.6rem; 9 } rem来做适配 以前我们往往这样做页面:viewport width

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

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

IOS之ipad和iphone之间的xib的适配所有的屏幕

今天在项目中运到了这个的一个问题,就是在原来的xib的是适配所有的iphone屏幕,然而现在既要适配iphone 也要适配Ipad,搞的很头大,现在就为了实现这个效果,老大给我了两种方法,就是在xib的基础上修改的,之直接上代码了,不多说了. 第一种方式:修改xib的文件(source code) 1.在适配所有的iphone的屏幕的xib中会出现这个东西: <variation key="default"> <mask key="subviews"

【移动适配】移动Web怎么做屏幕适配（一）

屏幕适配是一个很容易被忽略的问题,但对于精益求精的产品而言,是必不可少的.对于Web开发的求职者而言,也是一个必需要理解清楚的经典问题 首发于微信公众号(啃先生)  (一) 移动端适配的是什么? 我们讨论的是网页适配多种尺寸屏幕,让网页效果看起来和设计师的设计稿一样.说白了就是同一套代码在不同分辨率的手机上跑时,页面元素间的间距,留白,以及图片大小会随着变化,在比例上跟设计稿一致. 举个粟子吧 图1.  260*400的屏幕 图2.  380*400的屏幕 上边的页面在不同大小屏幕上的展现,咋一

iOS:界面适配--iPhone不同机型适配 6/6plus

iOS:界面适配--iPhone不同机型适配 6/6plus        机型变化 坐标:表示屏幕物理尺寸大小,坐标变大了,表示机器屏幕尺寸变大了: 像素:表示屏幕图片的大小,跟坐标之间有个对应关系,比如1:1或1:2等: ppi:代表屏幕物理大小到图片大小的比例值,如果ppi不变,则坐标和像素的比例不会变: iPhone 4以前 iPhone.iPhone3/3G机型未采用retina,坐标是320 x 480,屏幕像素320 x 480 ,他们一一对应,1:1关系.即一个坐标对应1个像素.

iOS 纯代码屏幕适配

首先说下让自己的程序支持iPhone6和6+,第一种使用官方提供的launch screen.xib,这个直接看官方文档即可,这里不再多述:第二种方法是和之前iPhone5的类似,比较简单,为iPhone6和6+添加两张特殊的png iPhone6:命名:[email protected]   分辨率:750*1334 6+ 命名:[email protected]  分辨率:1242*2208 注意: 如果要在app的介绍页面里有“为iPhone6,6 plus优化”的字样就必须使用第一种方法

IOS 适配的几种模式

1.尺寸适配  1.原因  iOS7中所有导航栏都为半透明,导航栏(height=44)和状态栏(height=20)不再单独占用高度,即View的(0,0)坐标是从屏幕左上角开始的:而在iOS7之前的系统中,导航栏和状态栏单独占用高度,即View的(0,0)的坐标从导航栏下面开始的. 解决方案: 1> 修改window的frame坐标 这个思路是在iOS7系统里面把windows下拉20个pixel,这样可以让开status bar的位置,于是一切都恢复了正常. 好处是不用每个viewCont