Swift學(xué)習(xí)(一)

以下的都是在為iPhone 6設(shè)計自適應(yīng)布局(一)學(xué)習(xí)的個人總結(jié)

IOS自適應(yīng)布局

1.頁邊間距約束(Leading and Trailing space)

頁邊間距約束分前部間距約束(Leading space constaint)和尾部間距約束(Trailing space constaint)冰评。

2.水平間距約束(Horizontal space constaint)

給藍色方塊和粉色方塊添加水平間距約束蠢古,約束會使這兩個方塊之間的距離永遠不變稳诚。

3.等寬約束(Equal widths constaint)

給這兩個方塊添加一個等寬約束,使兩個方塊寬度保持一致随珠。

4.方向比例約束(Aspect ratio constaint)

給這兩個方塊添加方向比例約束,這個約束使方塊在滿足其他約束的前提下始終保持高和寬的比例相同蝶涩。所以在橫屏?xí)r就會以方塊的寬度為比例標準没讲,將高度的比例改為寬度的比例。

5.實踐布局約束

對自動布局還是不是很熟厚掷,應(yīng)該多加練習(xí)弟灼。

添加布局約束的方式

在storyboard中添加約束的方式:

1.底部布局約束按鈕

? ? ?在屏幕上選擇一個或多個對象,然后點擊底部的布局約束按鈕添加一個或多個需要的約束冒黑。它的好處是可以直觀的看到當前選擇的對象已經(jīng)添加了該類中的那些約束田绑。如果你只選擇了一個對象想要添加某個約束,但發(fā)現(xiàn)該約束是不可選的抡爹,那么就意味著這個約束是適用于兩個以上對象的約束掩驱。

2.按住Control鍵拖拽鼠標

? ? ? 也可以選擇一個對象,然后按住Control鍵和鼠標左鍵,拖拽鼠標到另一個對象(容器對象欧穴,也就是父對象或者選中對象自己)民逼,松開鼠標后會彈出適用的約束菜單,你可以選擇約束進行添加苔可。

3.菜單/綁定快捷鍵

? ? ? 也可以通過菜單選項editor —> pin給一個或多個對象添加布局約束缴挖。這是效率最低的一種方式。如果你發(fā)現(xiàn)有些約束你會一遍遍的反復(fù)添加焚辅,那么你就可以給該約束綁定一個快捷鍵來提高效率映屋。

檢查和編輯已添加的布局約束

? ? ? 選中一個對象,然后打開右側(cè)工具欄同蜻,選擇Size Inspector面板棚点。或者在storyboard界面左側(cè)的結(jié)構(gòu)樹中查看約束湾蔓。

移除布局約束

布局約束可以添加自然也就可以刪除瘫析。選中某個約束使其高亮顯示,然后按下Delete鍵移除該約束默责。

如果想移除某個對象上所有的約束贬循,有一個快捷的方式。選擇該對象桃序,然后在底部點擊Resolve Auto Layout Issues按鈕杖虾,選擇Clear Constaints。

布局出現(xiàn)的問題和沖突

? ? ?我們在添加約束時媒熊,經(jīng)常伴隨有警告或者錯誤出現(xiàn)奇适。雖然有些警告是因為我們還沒有添加完約束出現(xiàn)的,當我們添加完我們設(shè)想的約束后警告就會自然消失芦鳍。但大多數(shù)的警告還是指明我們的約束確實存在問題嚷往,需要我們修復(fù)。

錯誤擺放view的警告

view位置的錯誤擺放是一個很常見的警告柠衅。當一個view沒有擺放在約束規(guī)定的位置的時候皮仁,會出現(xiàn)該警告。

這些問題會在你切換不同設(shè)備的模擬器或鼠標不小心移動了某個對象時出現(xiàn)菲宴。

選中一個錯誤擺放的對象魂贬,在屏幕上會出現(xiàn)布局約束給你提示的正確的擺放位置。

缺少布局約束的錯誤

? ? ? 我們回到早些時候的示例中裙顽。這時候我們沒有給方塊添加Y坐標位置的約束。在運行時沒有問題宣谈,因為iOS會假設(shè)方塊的位置就是我們在storyboard中擺放的那個位置愈犹。但是Xcode會提示我們一個缺失約束的錯誤,為了避免意外發(fā)生(更換設(shè)備尺寸),我還是要根據(jù)Xcode的提示添加缺失的約束漩怎。

我們給這兩個方塊添加一個top space to to layout guide約束使方塊的位置更加清晰勋颖,并消除Xcode的錯誤提示。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末勋锤,一起剝皮案震驚了整個濱河市饭玲,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌叁执,老刑警劉巖茄厘,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異谈宛,居然都是意外死亡次哈,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門吆录,熙熙樓的掌柜王于貴愁眉苦臉地迎上來窑滞,“玉大人,你說我怎么就攤上這事恢筝“溃” “怎么了?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵撬槽,是天一觀的道長此改。 經(jīng)常有香客問我,道長恢氯,這世上最難降的妖魔是什么带斑? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮勋拟,結(jié)果婚禮上勋磕,老公的妹妹穿的比我還像新娘。我一直安慰自己敢靡,他們只是感情好挂滓,可當我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著啸胧,像睡著了一般赶站。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上纺念,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天贝椿,我揣著相機與錄音,去河邊找鬼陷谱。 笑死烙博,一個胖子當著我的面吹牛瑟蜈,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播渣窜,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼铺根,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了乔宿?” 一聲冷哼從身側(cè)響起位迂,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎详瑞,沒想到半個月后掂林,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡蛤虐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年党饮,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片驳庭。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡刑顺,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出饲常,到底是詐尸還是另有隱情蹲堂,我是刑警寧澤,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布贝淤,位于F島的核電站柒竞,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏播聪。R本人自食惡果不足惜朽基,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望离陶。 院中可真熱鬧稼虎,春花似錦、人聲如沸招刨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽沉眶。三九已至打却,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間谎倔,已是汗流浹背柳击。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留片习,地道東北人腻暮。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓彤守,卻偏偏與公主長得像,于是被迫代替她去往敵國和親哭靖。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,446評論 2 348

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