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

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

先回顧一下效果圖


看起來還不錯的設計圖

之前我們已經把第一行的圖標的圓角及其相關屬性都設置好了藤违。那第二行的色塊也是同理顿乒，只是第二行的色塊我們不加邊框和邊框顏色吧雹，來用另外一種方法設置選中 (為什么要用另外一種雄卷？因為我..喜..歡..折騰Ａ住鳄炉！)


設置色塊的圓角
設置好以后我們需要添加一個選中的效果佑女，那我選擇的就是在他們的后面添加一個View
拖入一個新的View空凸，設置它的大小呀洲，位置和層級

然后我們?yōu)樗砑訄A角和邊框 (跟第一行的圖標是一樣的設置)


設置圓角和邊框
接下來我們需要給這個用來選中的View添加約束，讓它能夠始終和色塊處在合適的位置
為新添加的View設置約束1
PS：如果你在右邊部分選不中控件，可以在左側樹狀欄那里找到相應的控件此蜈，然后雙擊舶替，你就可以通過鍵盤的上下左右移動控件了
為新添加的View設置約束2
添加完約束以后讓我們來看看我們剛剛添加的約束，觀察一下
我們來觀察一下剛剛添加的約束
然后我們運行一下APP，看下效果 (Command+R)
運行APP的效果

嗯，很好，它可以跟著色塊排好隊伍膝晾。

那我們就繼續(xù)下一步吧幻赚。


新增三個View，并設置屬性佳谦，寬高和位置

為三個View分別添加約束


Content這個View的約束添加

Date這個View的約束添加

Photo這個View的約束添加

大致的框架已經搭完了胧瓜，讓我們最后來運行下APP看下效果 (Command+R)


運行APP的效果
嗯蘑拯，很好。收工～
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子晋柱，更是在濱河造成了極大的恐慌雁竞，老刑警劉巖碑诉，帶你破解...
    沈念sama閱讀 222,378評論 6贊 516
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件捎拯，死亡現(xiàn)場離奇詭異署照，居然都是意外死亡建芙，警方通過查閱死者的電腦和手機禁荸，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評論 3贊 399
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門瑰妄，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人竹宋，你說我怎么就攤上這事蜈七§瑁” “怎么了三娩？”我有些...
    開封第一講書人閱讀 168,983評論 0贊 362
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長伊诵。 經常有香客問我曹宴，道長笛坦，這世上最難降的妖魔是什么版扩？ 我笑而不...
    開封第一講書人閱讀 59,938評論 1贊 299
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任悼尾，我火速辦了婚禮闺魏，結果婚禮上析桥，老公的妹妹穿的比我還像新娘。我一直安慰自己，他們只是感情好，可當我...
    茶點故事閱讀 68,955評論 6贊 398
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般谷遂。 火紅的嫁衣襯著肌膚如雪肾扰。 梳的紋絲不亂的頭發(fā)上集晚，一...
    開封第一講書人閱讀 52,549評論 1贊 312
  • 城市分裂傳說
    那天，我揣著相機與錄音欺旧，去河邊找鬼切端。 笑死踏枣，一個胖子當著我的面吹牛茵瀑，可吹牛的內容都是我干的马昨。 我是一名探鬼主播屹篓，決...
    沈念sama閱讀 41,063評論 3贊 422
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼谍肤！你這毒婦竟也來了荒揣？” 一聲冷哼從身側響起焊刹，我...
    開封第一講書人閱讀 39,991評論 0贊 277
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎举农，沒想到半個月后颁糟，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體棱貌，經...
    沈念sama閱讀 46,522評論 1贊 319
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡勺像，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,604評論 3贊 342
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年篮洁，在試婚紗的時候發(fā)現(xiàn)自己被綠了袁波。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片篷牌。...
    茶點故事閱讀 40,742評論 1贊 353
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖偷卧，靈堂內的尸體忽然破棺而出，到底是詐尸還是另有隱情晌梨，我是刑警寧澤仔蝌，帶...
    沈念sama閱讀 36,413評論 5贊 351
  • ?日本核電站爆炸內幕
    正文 年R本政府宣布，位于F島的核電站瞧挤，受9級特大地震影響特恬，放射性物質發(fā)生泄漏。R本人自食惡果不足惜尝丐，卻給世界環(huán)境...
    茶點故事閱讀 42,094評論 3贊 335
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望呢簸。 院中可真熱鬧瘦赫，春花似錦确虱、人聲如沸校辩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評論 0贊 25
  • 一樁弒父案儿咱，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽场晶。三九已至混埠，卻和暖如春诗轻，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背使套。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評論 1贊 274
  • 情欲美人皮
    我被黑心中介騙來泰國打工鞠柄， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人奉呛。 一個月前我還...
    沈念sama閱讀 49,159評論 3贊 378
  • 代替公主和親
    正文 我出身青樓夯尽，卻偏偏與公主長得像，于是被迫代替她去往敵國和親咆槽。 傳聞我的和親對象是個殘疾皇子圈纺，可洞房花燭夜當晚...
    茶點故事閱讀 45,747評論 2贊 361

推薦閱讀更多精彩內容