2018-06-07 自動旋轉(zhuǎn)和自動調(diào)整大小

一.在模擬器中旋轉(zhuǎn)

按住Command+??或者Command+??進(jìn)行相應(yīng)的操作,iPhone默認(rèn)支持正、左、右三個(gè)方向的旋轉(zhuǎn),iPad默認(rèn)支持四個(gè)方向旋轉(zhuǎn)。

二.使用約束控制界面

在我們設(shè)計(jì)完一個(gè)界面之后,豎屏是正常的,突然發(fā)現(xiàn)橫屏變得很奇怪。




再看看我們的約束就知道了,是因?yàn)槲覀兊腢L沒有和父屏幕建立相應(yīng)的約束,導(dǎo)致旋轉(zhuǎn)之后,UL在父布局中的位置發(fā)生了改變,四個(gè)label位置在橫屏都發(fā)生改變了,這時(shí)候需要我們右鍵到父視圖,建立相應(yīng)的聯(lián)系。



可以看到即使是橫屏我們也可以操作成功。

三.與屏幕等寬的標(biāo)簽

當(dāng)我們設(shè)置UL和UR的背景寬度大小的時(shí)候,可以發(fā)現(xiàn),旋轉(zhuǎn)屏幕之后它們是不等寬的。



解決方法:在PIN里面設(shè)置Equal Widths,這代表著他們在水平的約束上面寬度相等。



四.創(chuàng)建自適應(yīng)布局

有時(shí)候我們想要一個(gè)控件在豎屏的時(shí)候顯示較長,橫屏的時(shí)候顯示較寬,按以下的視圖來看,好像效果不太好。




怎么辦?這時(shí)候就要創(chuàng)建基于橫向的布局了:



只選擇Height則代表你希望對所有滿足 Width:Any且Height:Regular 的情況單獨(dú)設(shè)計(jì)UI,如圖:

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

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

  • 1、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...
    陽明AI閱讀 16,211評論 3 119
  • 本文內(nèi)容:參考外文學(xué)習(xí)并使用Auto Layout,順便翻譯記錄。 原文 Beginning Auto Layou...
    獨(dú)木舟的木閱讀 2,062評論 0 4
  • 翻譯自“Auto Layout Guide”。 2 自動布局細(xì)則手冊 2.1 堆棧視圖 接下來的章節(jié)展示了如何使用...
    lakerszhy閱讀 1,989評論 3 9
  • 朱朱老師個(gè)人介紹: 一個(gè)對生命充滿好奇,熱情和敬畏的女子,兩個(gè)男孩的母親,致力于修身心命,愿生如夏花,溫暖,綻放,...
    親親燕閱讀 210評論 0 0
  • 三歲零一個(gè)月。 暑假,跟奶奶一起住在姑姑家避暑,每天在小區(qū)里野,不亦樂乎,很快就跟一群大孩子玩熟了。奶奶每天還是照...
    不離不染閱讀 218評論 4 0

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