Day3 : Auto layout 和 JVFloatLabeledTextfield架構 學習筆記

標籤：

　　為了可以最佳化項目的UI，為了可以使用JVFloatLabeledTextfield架構來構建文本輸入框（動畫效果超贊），今天重點學習了Auto Layout（以下簡稱AL）技術，主要是瞭解AL的工作原理，並且要掌握用代碼添加constraints。

1.JVFloatLabeledTextfield

　　JVFloatLabeledTextfield架構可以讓文字框呈現一個漂浮的PlaceHolder，簡潔、明確、生動。而這個架構另一個讓我大開眼界的是他利用AL技術畫直線，做出一個簡單的表單頁面。畫面方法簡單的說有這幾步：

　　-new一個UIView （並不需要設定size）

　　-在添加約束時把UIView插入需要畫分割線的地方 （橫線就單插一行，豎線要和控制項一起建立關係）

　　-利用constraits來控制UIView的形狀 （這裡是重點，橫線：設定uiview兩邊邊距，不設高度；豎線：設定長度為1，高度與控制項同高）

 

2.Auto Layout

　　1.用IB構建UI很方便，節省代碼，但是有局限性。例如不能利用uiview畫線。

　　2.用代碼添加控制項時可以不用CGRectMake了，直接添加constraits來設計位置，大小。

　　3.接下來還要繼續深入學習此項技術。

Day3 : Auto layout 和 JVFloatLabeledTextfield架構 學習筆記