第一個Xcode項目(2) - Auto Layout - 布局⑤

［相關信息：Xcode7.2 ; Swift2.0］

先回顧一下效果圖


看起來還不錯的設計圖

上次我們已經把大致的框架搭好了，那接下來只要把東西放滿就好了，Go，Go，Go！


添加文本框
然后我們把文本框的高度設置的高一點，方便使用的時候點擊
設置文本框的高度

當然時間欄跟上面這個是一樣的，就不贅述了。


添加Label控件并設置屬性
控件添加完以后是這樣子的
控件添加完的樣子
接下來當然是要添加約束了
設置第一個文本框的約束

設置第二個文本框的約束

設置第二個文本框右邊的按鈕的約束

設置三個小按鈕的約束

設置三個小按鈕邊上的分割線的約束

剩下還有那個Label約束沒有添加，其實那個不用添加，因為容器的高度不變，Label又是左對齊的。

下一步是把三個按鈕的圖標設置一下


設置按鈕的圓角和邊框，圖片和背景顏色

設置第二個按鈕的文字和文字格式

設置按鈕文字格式的對比圖

so～～我們來運行下看看APP的效果 (Command+R)


運行APP的效果

收工～
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容