2015年7月23日 星期四

iOS筆記：Auto Layout

利用規則來決定框架的位置

Way number one: Blue guideline suggested constraints.

常見的使用方式是搭配對其的藍色線,但只有藍色線是不夠的, 因為這些blue line是告訴Xcode你想要什麼, 但還必須要告訴Xcode為我執行這些規則 or Contraints. 這邊選擇使用Reset to Suggest Contraints
enter image description here

在視圖中設定完約束條件之後，約束線（constraint line）不是以橘色就是藍色來呈現。橘色約束線表示目前的約束條件不足，你必須要去修正它。

出現藍色的約束條件，表示你的佈局已經正確的設定，沒有其他模糊不清的情況。
enter image description here

Way number two: Use the little menu at the button.

  • Align – 建立一個對齊的約束條件，例如對齊兩個視圖的左側。
  • Pin – 建立間距約束條件，例如定義一個UI控制的寬度。
  • Issues – 解決佈局問題。
    enter image description here

用來設置對齊
enter image description here

可以透過以下的方式自動對齊.
enter image description here

當你對已經約束的物件進行移動時,它的約束並不會變. 如下圖所示
enter image description here

Way number three: To control drag.

Apple讓開發者可以更彈性使用Control加上拖曳來設定Auto Layout，你只要從任何視圖按住control鍵不放，然後拖曳來設定相互間的約束條件即可。當你將滑鼠放開，它會呈現一個相關約束條件列表來讓你選取。
enter image description here

按住Shift就可以多選
enter image description here

也可以control-drag to superview 就會出現跟上面不一樣的選項. or can control-drag to it self 也會有一個不一樣的選項.
enter image description here

參考：
Standford CS193P Lecture 9.
http://www.appcoda.com.tw/introduction-auto-layout/

張貼者： 於

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)