[相關(guān)信息:Xcode7.2 ; Swift2.0]
先回顧一下效果圖
看起來(lái)還不錯(cuò)的設(shè)計(jì)圖
上次我們已經(jīng)把大致的框架搭好了,那接下來(lái)只要把東西放滿(mǎn)就好了,Go,Go病游,Go!
添加文本框
設(shè)置文本框的高度
當(dāng)然時(shí)間欄跟上面這個(gè)是一樣的衬衬,就不贅述了。
添加Label控件并設(shè)置屬性
控件添加完的樣子
設(shè)置第一個(gè)文本框的約束
設(shè)置第二個(gè)文本框的約束
設(shè)置第二個(gè)文本框右邊的按鈕的約束
設(shè)置三個(gè)小按鈕的約束
設(shè)置三個(gè)小按鈕邊上的分割線的約束
剩下還有那個(gè)Label約束沒(méi)有添加改橘,其實(shí)那個(gè)不用添加滋尉,因?yàn)槿萜鞯母叨炔蛔儯琇abel又是左對(duì)齊的飞主。
下一步是把三個(gè)按鈕的圖標(biāo)設(shè)置一下
設(shè)置按鈕的圓角和邊框狮惜,圖片和背景顏色
設(shè)置第二個(gè)按鈕的文字和文字格式
設(shè)置按鈕文字格式的對(duì)比圖
so~~我們來(lái)運(yùn)行下看看APP的效果 (Command+R)
運(yùn)行APP的效果
收工~