今天有同學問我關(guān)于Xcode7的適配的問題芽突,有好多約束不知道怎么加,或者說加不上钠糊,我就簡單寫一個教程
如圖抄伍,我們的目的是讓上面的圖片能夠到屏幕的左右兩邊截珍,并且隨著屏幕的寬相對應的變化高度。
開始秋度,選擇這個imageView給它加上圖片? 我的圖片是400x300的
所以圖片的比例就是4:3
然后點擊下圖的按鈕埠居,這個按鈕的作用是鎖定寬高比利
然后我們吧圖片適應屏幕如下
這個對號勾著,據(jù)屏幕左右邊緣就是-20捏浊,一般我是直接去掉的
看到紅色的豎線金踪,點擊一下就是確定距屏幕頂端的距離然后把左右都勾上這樣這個圖片就確定好了
接下來是label如下圖勾上就好
因為label有個初始化行數(shù)胡岔,如圖吧lines改成0? 那么當字數(shù)增多的時候靶瘸,就能直接下一行了
這里的紅圈是上下間距,Xcode7 加約束不再是默認以距屏幕上下左右距離來加了润匙,所以直接勾上就好了孕讳,就是小心勾多了厂财,會有重復的約束(然并卵)
當然有時候這種方法不好用也可以按住ctrl 從一個控件連到下一個控件上就回出現(xiàn)下面的圖
倒數(shù)第五個是兩個控件等寬与斤,下面同理是等高 等寬高比
這個button 我想讓他水平在中間
上面四個是兩個或者兩個控件以上的控件全選梅鹦,然后他們左對齊齐唆,右對齊箍邮,同理上下
然后是兩個控件的垂直對齊叨叙,水瓶對齊,(這個沒用過)味滞,然后就是垂直居中剑鞍,水平劇中
最后就是這四個按鈕蚁署,做成等寬等高的正方形隨著屏幕變化
先排好然后加上水平間距都為0,然后是四個按鈕的下圖屬性
全選之后加上這兩個遂赠,這時候還有紅框不要擔心如下圖镇饺,給第一個button加上一比一的寬高比,還有距圖片的距離當然距屏幕左邊的距離惋啃,還有最右邊button距屏幕右邊的距離都是0
最后選擇四個按鈕加上等寬等高
這時候會有一大堆警告,但是不要怕
點擊這個按鈕称簿,選擇下半籃的Update Frames 就把警告全部去除了(適用全局),上半籃的這個選項是單個適用父虑,
完成了。但是莱衩,下面的頁面或許好多人沒看過娇澎,所以我拿出來
點擊會有一個Preview
在點擊就回出來了括细。兩邊都要是sb哦@占辱匿!
對了
這個?號是添加不同的機型的匾七,快去動手試試吧喵`~~
文章寫得不好昨忆,望大家見諒