第一個圖標,是兩個或多個view 的 constraints less
1)第一部分4個分別是,前對齊,後對齊,上對齊,下對齊(注意看前面的圖標指示)佈局
2)第二部分3個分別是,表示兩個或多個堅直對齊(如圖標示),第二個表示水平居中對齊,第三個不知道,大概是基線字體
3)第三部分2個分別是,in Container 在父view中,你選一個view勾上這個,表示它會以父view爲基準,豎直對齊,第二個同理.net
2. 第二個圖標,是單個view orm
1)第一部分,是view自己,上下左右,相對於最近的view的間距, 下面的constrain to margins 勾不勾上是同樣的,勾上會減去默認的8個點,若是肯定要用設定的值,就點中間的 紅色虛線 「工」 ,變成實線「工」就表示運用了圖片
2)第二部分,是view自己,的高寬比,設定高寬?get
3)第三部分,是兩個view 等寬,等高 一塊兒變化,aspect ratio 不知道沒用string
3. 每三個圖標,是更新it
1)上部分,是選中的view io
update frames 在設好constrainst 的狀況下,根據設好的constraints列新frme
update constrainst 與上相反
add missing constraints 是有時候你設置了一半的constraints時能夠用這個增長餘下的,但有時會出現亂七八糟的東東
reset to suggested constraints 不知道,也會加亂七八糟的
clear constraints 清除全部的constraints
2)下部分,是全部的view
在UIButton中有三個對EdgeInsets的設置:ContentEdgeInsets、titleEdgeInsets、imageEdgeInsets
//使圖文 上下居中
tfRightBtn.titleLabel?.font = UIFont.systemFontOfSize(11)
let image = UIImage(named: "篩選")
tfRightBtn.setImage(image, forState: UIControlState.Normal)
//計算size
var size = CGRect();
let size2 = CGSize();
let string = "篩選";
size = string.boundingRectWithSize(size2, options: NSStringDrawingOptions.UsesFontLeading, attributes: [NSFontAttributeName: UIFont.systemFontOfSize(11)], context: nil);
tfRightBtn.imageEdgeInsets = UIEdgeInsetsMake(1, 10, 15, -size.width)
tfRightBtn.setTitle("篩選", forState: UIControlState.Normal)
tfRightBtn.setTitleColor(UIColor.grayColor(), forState: UIControlState.Normal)
tfRightBtn.titleEdgeInsets = UIEdgeInsetsMake(15, 10 - image!.size.width, 0, 0)
tfRightBtn.titleLabel?.textAlignment = NSTextAlignment.Center;//設置title的字體居中
圖片縮進 (edge 有 content title image 可選 ) content 表示圖片和文字一塊兒移動
button 設置時遇到的問題, 發現一個圖片加到button上時被壓縮的好小,緣由是這裏設置了縮進(edge 選 image)
這樣能夠作那種按鈕很大,容易點,但中間的圖片看起來又不大的效果
若是要定製圖片 文字 frame , 就兩個都要改,先選image,再選title
用代碼寫,會覆蓋XIB
2. 設置relation
relation 有equal = less than or equal <= greater than equal
priority -- 優先級。這個能夠調。有時有衝突,調低一點就沒有紅色 衝突了。 若是調成250,則那個約束的名字後面會加個@250 。
constraint 能夠連線拉出來作一個變量,好比
@IBOutlet weak var likeButtonWidth: NSLayoutConstraint!
這樣就可動態改變,同時可用來改變與之相關的一變量的佈局
xib file's owner---------custom class 與那個類對應在這裏改