首先提供下Demo的地址换况,持續(xù)更新
恩,從iOS8 SizeClasses出來之后橫屏適配變簡單了許多救欧。但是變成XCode8的時候下面的視圖變了找不到上哪里改變SizeClasses磷杏。在這里寫一個整個過程的日記劫流,方便自己和道友們記下。
現(xiàn)在的Xib的樣子
首先復(fù)習(xí)一下SizeClasses的知識點钦无。
SizeClasses之所以能夠適配所有型號逗栽,就是因為三個屬性Compact(緊湊),Any(所有)失暂,Regular(常規(guī))彼宠。
屏幕的寬度和高度的這三個屬性的變化能夠讓我們在特定的尺寸下進(jìn)行控件的位置不同布局,當(dāng)然布局還是需要AutoLayout趣席,SizeClasses只是幫助我們在一個Xib中建立起了多個模型平臺兵志。
首先豎屏的時候就是Width Compact(C) Height Regular(R)
橫屏不帶Plus是Width Compact(C) Height Compact(C)
iPhonePlust為Width Regular(R) Height Compact(C)
我的Xib剛剛進(jìn)來的就想第一個圖一樣是widthC Height R 也就是豎屏狀態(tài)下的狀態(tài),但是如果直接編輯會發(fā)現(xiàn)這個狀態(tài)下不過是橫屏豎屏啊Pad啊都是會出現(xiàn)的按价,所以其實現(xiàn)在的編輯模式為Width Any 和Height Any 也就是所有適配的意思。那么怎么才能進(jìn)入編輯模式呢點擊下圖中的Vary for Traits 彈出了Width和Height選項凄杯,前面打?qū)μ柧鸵詾檫@這個屬性為Compact 也就是說你選取Width不選取Height 就是豎屏戒突,選取Height不選取Width就是Plus橫屏膊存,兩個都選取 就是不帶Plus橫屏隔崎。
選取確定之后整個SizeClasses選項框就變成藍(lán)色的撵彻,也就是進(jìn)入了編輯模式。點擊空白處觀點introduce 選項欄铲掐。
恩携栋,需要注意的一點是鸯隅,如果想要在橫豎屏之間空間擁有不同的位置擺放的話炕舵,一定要先進(jìn)入編輯模式也是是選擇框變藍(lán)徊件,然后在添加約束睹耐,比如Demo中的NewButton在豎屏的時候是在右上方略就,進(jìn)入橫屏的編輯模式之后也就是W C H C變藍(lán)之后要按住Command+Delete鍵來刪除豎屏?xí)r候的約束窄绒。
結(jié)尾:
來啊~ 互相傷害啊~ 這篇文章我會慢慢改的敲茄,只不過好長時間都沒有寫點筆記了掏父,總感覺欠別人什么一樣仅讽,就先大概寫了一點~ 希望道友們支持~