關(guān)于iOS10 SizeClasses應(yīng)用橫屏各型號適配

首先提供下Demo的地址换况,持續(xù)更新

GitHubDemo地址

Gif動畫.gif

恩,從iOS8 SizeClasses出來之后橫屏適配變簡單了許多救欧。但是變成XCode8的時候下面的視圖變了找不到上哪里改變SizeClasses磷杏。在這里寫一個整個過程的日記劫流,方便自己和道友們記下。
現(xiàn)在的Xib的樣子


Xib整體截圖.png

首先復(fù)習(xí)一下SizeClasses的知識點钦无。

SizeClasses概念模型.png

SizeClasses之所以能夠適配所有型號逗栽,就是因為三個屬性Compact(緊湊),Any(所有)失暂,Regular(常規(guī))彼宠。
屏幕的寬度和高度的這三個屬性的變化能夠讓我們在特定的尺寸下進(jìn)行控件的位置不同布局,當(dāng)然布局還是需要AutoLayout趣席,SizeClasses只是幫助我們在一個Xib中建立起了多個模型平臺兵志。
首先豎屏的時候就是Width Compact(C) Height Regular(R)

iPhone豎屏.png

橫屏不帶Plus是Width Compact(C) Height Compact(C)

iPhone不帶PLUS橫屏.png

iPhonePlust為Width Regular(R) Height Compact(C)

iPhonePlus橫屏.png

我的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橫屏隔崎。

點擊Vart for Traits 選擇選項.png

選取確定之后整個SizeClasses選項框就變成藍(lán)色的撵彻,也就是進(jìn)入了編輯模式。點擊空白處觀點introduce 選項欄铲掐。

進(jìn)入編輯模式.png

恩携栋,需要注意的一點是鸯隅,如果想要在橫豎屏之間空間擁有不同的位置擺放的話炕舵,一定要先進(jìn)入編輯模式也是是選擇框變藍(lán)徊件,然后在添加約束睹耐,比如Demo中的NewButton在豎屏的時候是在右上方略就,進(jìn)入橫屏的編輯模式之后也就是W C H C變藍(lán)之后要按住Command+Delete鍵來刪除豎屏?xí)r候的約束窄绒。

結(jié)尾:

來啊~ 互相傷害啊~ 這篇文章我會慢慢改的敲茄,只不過好長時間都沒有寫點筆記了掏父,總感覺欠別人什么一樣仅讽,就先大概寫了一點~ 希望道友們支持~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蛛砰,隨后出現(xiàn)的幾起案子琅翻,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異新荤,居然都是意外死亡痒芝,警方通過查閱死者的電腦和手機校哎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門瞳步,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人腰奋,你說我怎么就攤上這事单起。” “怎么了劣坊?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵嘀倒,是天一觀的道長。 經(jīng)常有香客問我,道長测蘑,這世上最難降的妖魔是什么灌危? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮碳胳,結(jié)果婚禮上勇蝙,老公的妹妹穿的比我還像新娘。我一直安慰自己挨约,他們只是感情好味混,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著诫惭,像睡著了一般翁锡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上夕土,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天馆衔,我揣著相機與錄音,去河邊找鬼怨绣。 笑死角溃,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的梨熙。 我是一名探鬼主播开镣,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼咽扇!你這毒婦竟也來了邪财?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤质欲,失蹤者是張志新(化名)和其女友劉穎树埠,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嘶伟,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡怎憋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了九昧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片绊袋。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖铸鹰,靈堂內(nèi)的尸體忽然破棺而出癌别,到底是詐尸還是另有隱情,我是刑警寧澤蹋笼,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布展姐,位于F島的核電站躁垛,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏圾笨。R本人自食惡果不足惜教馆,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望擂达。 院中可真熱鬧土铺,春花似錦、人聲如沸谍婉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽穗熬。三九已至镀迂,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間唤蔗,已是汗流浹背探遵。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留妓柜,地道東北人箱季。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像棍掐,于是被迫代替她去往敵國和親藏雏。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

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