iOS適配

一、發(fā)展史

iPhone1代/3G/3GS  不需要適配
iPhone4/4S/ipad 需要適配-autoresizing
iPhone5/5S/5C 需要適配(autoresizing) iOS6以后(autoLayout)

二、autoresizing-sb使用

注意:一定要把autoLayout去掉
上:跟父控件上邊距離固定
下:跟父控件下邊距離固定
左:跟父控件左邊距離固定
右:跟父控件右邊距離固定
中橫:跟隨父控件寬度進行變化
中豎:跟隨父控件高度進行變化

三、autoresizing-代碼使用

UIView.autoresizingMask 屬性來設(shè)置.
UIViewAutoresizingNone //父控件的frame發(fā)生改變,子控件沒有任何反應(yīng)
UIViewAutoresizingFlexibleLeftMargin //距離父控件的左邊間距是可伸縮的(右邊是固定的)
UIViewAutoresizingFlexibleWidth //子控件的寬度跟隨父控件的寬度伸縮而伸縮
UIViewAutoresizingFlexibleRightMargin //距離父控件的右邊間距是可伸縮的(左邊是固定的)
UIViewAutoresizingFlexibleTopMargin //距離父控件的頂邊間距是可伸縮的(底邊是固定的)
UIViewAutoresizingFlexibleHeight //子控件的高度跟隨父控件的高度伸縮而伸縮
UIViewAutoresizingFlexibleBottomMargin //距離父控件的底邊間距是可伸縮的(頂邊是固定的)

四、AutoLayout - sb使用

1. Pin中的內(nèi)容作用
  上:自己上邊距離另外一個控件的距離
  下:自己下邊距離另外一個控件的距離
  左:自己左邊距離另外一個控件的距離
  右:自己右邊距離另外一個控件的距離
  Constrain to margins 選項 是 iOS8以后才有的
     意思是左右兩邊默認有一個16的間距
  width : 控件寬度
  height : 控件高度
  Equal Widths 等寬
  Equal Heights 等高
  Aspect Radio 等比例放大或者縮小
  Align 多個組件對齊方式
2. Align中的內(nèi)容
  Leading Edges 左邊對齊
  Trailing Edges 右邊對齊
  Top Edges 頂部對齊
  Bottom Edges 底部對齊
  Horizontal Centers 中心點水平對齊
  Vertical Centers 中心點垂直對齊
  Baselines
  Horizontal Center in Container 水平居中
  Vertical Center in Container 垂直居中

五、AutoLayout - 代碼使用

NSLayoutConstraint

六、第三方插件 - Masonry

導(dǎo)入插件
pod 'Masonry'  

6.1使用


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.尺寸適配1.原因 iOS7中所有導(dǎo)航欄都為半透明,導(dǎo)航欄(height=44)和狀態(tài)欄(height=20)不...
    LZM輪回閱讀 6,389評論 1 4
  • 字體設(shè)配 1.iPhone4和iPhone5寬度一樣,5只是比4高176像素,所以5和4一套規(guī)范即可; 2.iPh...
    ZYWu閱讀 2,517評論 4 12
  • 一、機型的適配; 1.機型的變化: 坐標:表示屏幕物理尺寸大小,坐標變大了,表示機器屏幕尺寸變大了; 像素:表示屏...
    mingxinnian閱讀 1,120評論 0 0
  • 分為兩個部分:VFL代碼適配和Masonry框架適配 1.VFL代碼適配 一、VFL介紹 1、VFL全稱是Visu...
    IIronMan閱讀 767評論 0 5
  • 一 那一年的那一天,桃花叢中,我淚雨紛紛。你問何故? 我說,多年后,我若先你謝幕人生,留下你,你的老境是多么的凄涼...
    秦占勇閱讀 551評論 1 6

友情鏈接更多精彩內(nèi)容