20storyboard自定義cell_屏幕的適配_size class_Autolayout_圖片適配_Masonry

一、storyboard自定義cell
核心要點:
1,如何創(chuàng)建,根據(jù)cell的identifier自動創(chuàng)建
2,不需要注冊
3,不需要為cell單獨創(chuàng)建xib

二库说、屏幕的適配
(一)為什么需要做屏幕的適配
橫豎屏情況,界面內(nèi)部的控件根據(jù),界面view的高度和寬度的不同變化,做出相應適配
不同尺寸屏幕的情況,同上
核心:界面內(nèi)部的控件根據(jù)界面的大小的變化而進行適配

iPhone都有哪些尺寸:
分辨率(px:像素點) 程序坐標系單位(pt 點) 美工出圖

iPhone3gs    320*480        320*480 (縮放因子 1)  320*480
iPhone4/4s   (4s)640*960    320*480 (縮放因子 2)  640*960
iPhone5/5s   640*1136     320*568 (縮放因子 2)  640*1136
iPhone6/6s   750*1334       375*667 (縮放因子 2)  750*1334

iPhone6 Plus /6s Plus
             1080*1920      414*736 (縮放因子 3) 1242*2208

程序里面有一個縮放因子,scale px和pt的縮放比例

px = scale*pt

//iPad的課下自己查,所有的
iPad mini/mini2
iPad 2
iPad air

(二)屏幕的適配都要做哪些事情
改變控件的大小,來適應屏幕的變化

蘋果提供的適配的技術
1,6.0之前 Autosizeing
2,6.0之后 Autolayout (推薦)
程序員自己搞
3,相對坐標 (推薦)

(三)size class

核心:
使用 Compact,Regular据忘,Any怯疤,即緊湊,正常和任意流炕。
三種組合來代表所有的設備的屏幕.

//從 Xcode 6 開始,xib 默認的大小是 600 * 600仅胞。這是因為蘋果在 iOS 8 中新增了一個屏幕適配的技術每辟,叫做 sizeClass。

//實際開發(fā)項目的時候干旧,通常有 iPhone 和 iPad 兩個版本渠欺,兩者內(nèi)容完全一樣,只是 UI 不同椎眯。我們需要建立兩個工程對應實現(xiàn)挠将。sizeClass 拋棄了我們傳統(tǒng)上的屏幕寬高尺寸,它把屏幕的寬高分別抽象為三種情況:Compact盅视,Regular捐名,Any,即緊湊闹击,正常和任意。這樣寬高總共有九種組合成艘,包含了所有 iOS 設備的屏幕類型(iPhone赏半,iPod贺归,iPad,iWatch)断箫。我們就可以在一個 xib 文件中為每個控件在不同類型的屏幕下設置不同約束條件拂酣,達到在不同屏幕下展示不同效果的目的。
    
//具體寬高組合和屏幕尺寸對應關系如下圖仲义,或者在 xib 中選擇查看婶熬。

    
//寬高組合中,any * any 組合是默認的埃撵,即 600 * 600赵颅。在這個狀態(tài)下我們設置約束在所有的屏幕分辨率下都會生效。
    
//如果我們需要為某一個屏幕單獨設置約束暂刘,我們需要選擇我們需要的狀態(tài)饺谬,然后設置約束。
        
//sizeClass 允許我們?yōu)橥粋€控件在不同的屏幕下設置不同的約束谣拣。
    
//xib 中設置約束參考如下圖片:

1.Autolayout圖解

2.添加約束

3.xib

(四)使用autolayout動態(tài)計算cell的高度
http://www.th7.cn/Program/IOS/201501/376965.shtml

Content Hugging Priority和Content Compression Resistance Priority
Content Hugging:內(nèi)容壓縮募寨,阻止視圖的實際尺寸比intrinsicContentSize返回的更大
Content Compression Resistance:阻止內(nèi)容壓縮,阻止視圖的實際尺寸比intrinsicContentSize返回的更小森缠。
Content Hugging Priority:內(nèi)容壓縮優(yōu)先級拔鹰,默認為250
Content Compression Resistance Priority:阻止內(nèi)容壓縮優(yōu)先級,默認為750

1,添加合理的約束
2,設置 Content Hugging Priority和Content Compression Resistance Priority

二贵涵、圖片適配
1.@2x 的來源格郁。
2.Image.xcassets 的簡單使用。
3.Image.xcassets 中可以使用 pdf 圖片独悴。

(一)圖片適配

(二)Masonry屬性對照表

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末例书,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子刻炒,更是在濱河造成了極大的恐慌决采,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件坟奥,死亡現(xiàn)場離奇詭異树瞭,居然都是意外死亡,警方通過查閱死者的電腦和手機爱谁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門晒喷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人访敌,你說我怎么就攤上這事凉敲。” “怎么了?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵爷抓,是天一觀的道長势决。 經(jīng)常有香客問我,道長蓝撇,這世上最難降的妖魔是什么果复? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮渤昌,結果婚禮上虽抄,老公的妹妹穿的比我還像新娘。我一直安慰自己独柑,他們只是感情好迈窟,可當我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著群嗤,像睡著了一般菠隆。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上狂秘,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天骇径,我揣著相機與錄音,去河邊找鬼者春。 笑死破衔,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的钱烟。 我是一名探鬼主播晰筛,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼拴袭!你這毒婦竟也來了读第?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤拥刻,失蹤者是張志新(化名)和其女友劉穎怜瞒,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體般哼,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡吴汪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了蒸眠。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片漾橙。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖楞卡,靈堂內(nèi)的尸體忽然破棺而出霜运,到底是詐尸還是另有隱情脾歇,我是刑警寧澤,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布觉渴,位于F島的核電站介劫,受9級特大地震影響徽惋,放射性物質(zhì)發(fā)生泄漏案淋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一险绘、第九天 我趴在偏房一處隱蔽的房頂上張望踢京。 院中可真熱鬧,春花似錦宦棺、人聲如沸瓣距。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蹈丸。三九已至,卻和暖如春呐芥,著一層夾襖步出監(jiān)牢的瞬間逻杖,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工思瘟, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留荸百,地道東北人。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓滨攻,卻偏偏與公主長得像够话,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子光绕,可洞房花燭夜當晚...
    茶點故事閱讀 43,612評論 2 350

推薦閱讀更多精彩內(nèi)容