基本屬性
坐標(biāo)屬性
- frame:CGRect格式缎脾，定義其大小和在superView的坐標(biāo)位置
- bounds:CGRect格式熄诡，定義其大小和在自己坐標(biāo)系的位置
-
center:CGPoint格式虱歪，定義其在superView的中心點
frame&bounds.jpg
demo
UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(20, 20, 280, 250)];
[view1 setBounds:CGRectMake(-20, -20, 280, 250)];
view1.backgroundColor = [UIColor redColor];
[self.view addSubview:view1];//添加到self.view
NSLog(@"view1 frame:%@========view1 bounds:%@",NSStringFromCGRect(view1.frame),NSStringFromCGRect(view1.bounds));
UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
view2.backgroundColor = [UIColor yellowColor];
[view1 addSubview:view2];//添加到view1上,[此時view1坐標(biāo)系左上角起點為(-20,-20)]
NSLog(@"view2 frame:%@========view2 bounds:%@",NSStringFromCGRect(view2.frame),NSStringFromCGRect(view2.bounds));
結(jié)果
透明度屬性
-
hidden：BOOL茉帅，默認(rèn)值是NO统扳；為YES時
- 該view和其subViews都會從window中消失爷光，不接收任何輸入事件
- 該view會從響應(yīng)鏈中移除灶芝，響應(yīng)鏈中的第二個有效的view會成為第一響應(yīng)者
-
opaque：BOOL麦箍，默認(rèn)值是YES瓦哎；但是當(dāng)其設(shè)置為NO時砸喻，并沒有消失，是因為
- GPU會對相重合的的部分進(jìn)行重新計算蒋譬，理想情況的公式R = S + D * ( 1 – Sa )割岛，其中S表示源顏色[上層]，D表示目標(biāo)顏色[下層]犯助，Sa是S的opaque
- 如果opaque為YES癣漆，則公式變?yōu)镽 = S，不需要任何計算
- opaque其實是給繪圖的性能優(yōu)化開關(guān)
- 注意：這個是和alpha有關(guān)的剂买，opaque為YES,alpha也必須為1.0
An opaque view is expected to fill its bounds with entirely opaque content—that is, the content should have an alpha value of 1.0. If the view is opaque and either does not fill its bounds or contains wholly or partially transparent content, the results are unpredictable. You should always set the value of this property to NO if the view is fully or partially transparent.
-
alpha：浮點值惠爽，取值范圍0~1.0癌蓖，表示從完全透明到完全不透明；默認(rèn)值是1婚肆；當(dāng)alpha設(shè)為0時
- 和hidden類似租副，view和subviews都會消失，該view會從響應(yīng)鏈中被移除
- 會有動畫效果较性，因為alpha是CALayer的隱式動畫
內(nèi)容屬性
- contentMode：枚舉類型用僧，決定內(nèi)容在view中如何展示的，比如圖像是等比拉伸赞咙，還是填滿view等等
transform
- transform在矩陣變換的層面上改變視圖的顯示效果责循，完成旋轉(zhuǎn)、形變人弓、平移等等操作沼死。在它被修改的同時着逐，視圖的frame也會被真實改變崔赌。其是CGAffineTransform類型，2D層面的變化耸别。還有個關(guān)于CALayer層面的3D操作：CATransform3D健芭。
- 其原點是view.center或者layer.anchorPoint;默認(rèn)值是CGAffineTransformIdentity矩陣。
- 常用的函數(shù)
// 用來連接兩個變換效果并返回秀姐。返回的t = t1 * t2
CGAffineTransformConcat(CGAffineTransform t1, CGAffineTransform t2)
// 矩陣初始值
CGAffineTransformIdentity
// 自定義矩陣變換
CGAffineTransformMake(CGFloat a, CGFloat b, CGFloat c, CGFloat d, CGFloat tx, CGFloat ty)
// 旋轉(zhuǎn)視圖慈迈，傳入?yún)?shù)為 角度 * (M_PI / 180)；如：CGAffineTransformRotate(self.transform, angle)
CGAffineTransformMakeRotation(CGFloat angle)
CGAffineTransformRotate(CGAffineTransform t, CGFloat angle)
// 縮放視圖省有。如：CGAffineTransformScale(self.transform, sx, sy)
CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)
CGAffineTransformScale(CGAffineTransform t, CGFloat sx, CGFloat sy)
// 平移視圖痒留。如：CGAffineTransformTranslate(self.transform, tx, ty)
CGAffineTransformMakeTranslation(CGFloat tx, CGFloat ty)
CGAffineTransformTranslate(CGAffineTransform t, CGFloat tx, CGFloat ty)
- (void)viewDidLoad {
[super viewDidLoad];
UIView *redView = [[UIView alloc]initWithFrame:CGRectMake((kScreenWidth - VIEW_WIDTH)/2, 60, VIEW_WIDTH, VIEW_HEIGHT)];
redView.backgroundColor = [UIColor redColor];
CGPoint anchorPoint = redView.layer.anchorPoint;
UIView *pointView = [[UIView alloc]initWithFrame:CGRectMake(anchorPoint.x*VIEW_WIDTH - POINT_W_H/2,anchorPoint.y*VIEW_HEIGHT -POINT_W_H/2 ,POINT_W_H ,POINT_W_H )];
pointView.layer.cornerRadius = POINT_W_H/2;
pointView.backgroundColor = [UIColor blackColor];
pointView.clipsToBounds = YES;
[redView addSubview:pointView];
[self.view addSubview:redView];
// [self performSelector:@selector(rotateView:) withObject:redView afterDelay:3];
// [self performSelector:@selector(translateView:) withObject:redView afterDelay:3];
[self performSelector:@selector(scaleView:) withObject:redView afterDelay:3];
}
- (void)rotateView:(UIView *)view
{
view.transform = CGAffineTransformRotate(view.transform, M_PI/6);
NSLog(@"view frame:%@========view bounds:%@",NSStringFromCGRect(view.frame),NSStringFromCGRect(view.bounds));
NSLog(@"view layer posistion:%@========view layer anchorPoint:%@",NSStringFromCGPoint(view.layer.position),NSStringFromCGPoint(view.layer.anchorPoint));
[self performSelector:@selector(rotateView:) withObject:view afterDelay:1];
}
- (void)translateView:(UIView *)view
{
view.transform = CGAffineTransformTranslate(view.transform, VIEW_WIDTH/10, VIEW_HEIGHT/10);
[self performSelector:@selector(translateView:) withObject:view afterDelay:1];
}
- (void)scaleView:(UIView *)view
{
//縮小
view.transform = CGAffineTransformScale(view.transform , 0.8, 0.8 );
//放大
// view.transform = CGAffineTransformScale(view.transform , 1.25, 1.25 );
[self performSelector:@selector(scaleView:) withObject:view afterDelay:1];
}
//增加動畫過程展示,以rotate為例
- (void)rotateViewWithAnimation:(UIView *)view
{
[UIView animateWithDuration: 3. animations: ^ {
view.transform = CGAffineTransformRotate(view.transform, M_PI/6);
}];
}
setNeedsDisplay、setNeedsLayout蠢沿、layoutIfNeeded伸头、layoutSubviews
- 布局/定位相關(guān)
- setNeedsLayout：在receiver標(biāo)上一個需要被重新布局的標(biāo)記，在系統(tǒng)runloop的下一個周期自動調(diào)用layoutSubviews
- layoutIfNeeded：會遍歷subviews鏈舷蟀，如果需要layout,立即調(diào)用layoutSubviews
- layoutSubviews：核心函數(shù)恤磷，最終的目的就是調(diào)用該函數(shù)，開發(fā)者不要直接調(diào)用該函數(shù)野宜，但可以重寫該函數(shù)扫步，來加入些自己的代碼。該函數(shù)只會進(jìn)行位置匈子，視圖大小的數(shù)字計算河胎，并不會引起屏幕的繪制。
在蘋果的官方文檔中強(qiáng)調(diào): You should override this method only if the autoresizing behaviors of the subviews do not offer the behavior you want.自動布局達(dá)不到想要效果時你才有必要重寫這個方法.可以直接設(shè)置subviews的尺寸;不要直接調(diào)用這個方法,因為不會有任何的作用.如果你需要強(qiáng)制layout刷新,調(diào)用setNeedsLayout來代替; 如果你想要立即刷新你的view,調(diào)用layoutIfNeeded.
- 顯示相關(guān)
- setNeedsDisplay：在receiver標(biāo)上一個需要被重新繪圖的標(biāo)記虎敦，在下一個draw周期自動重繪
- setNeedsDisplayInRect：不但設(shè)置了標(biāo)記游岳，而且詳細(xì)規(guī)定了需要刷新的區(qū)域搁吓。
- drawRect：核心函數(shù)，將重繪的結(jié)果顯示到屏幕上吭历。開發(fā)人員不可以直接調(diào)用該函數(shù)堕仔，只能重寫該函數(shù)，額外做一些事晌区。
- 約束相關(guān)（Auto layout）
- setNeedsUpdateCOnstraints：當(dāng)一個自定義view的某個屬性發(fā)生改變摩骨，并且可能影響到constraint時，需要調(diào)用此方法去標(biāo)記constraints需要在未來的某個點更新朗若，系統(tǒng)然后調(diào)用updateConstraints恼五。
- updateConstraintsIfNeeded：如果需要更新約束，立即執(zhí)行
- updateConstraints：自定義view應(yīng)該重寫此方法在其中建立constraints
layoutSubviews在以下情況下會被調(diào)用：
- init初始化不會觸發(fā)layoutSubviews
- addSubview會觸發(fā)layoutSubviews
- 設(shè)置view的Frame會觸發(fā)layoutSubviews哭懈，當(dāng)然前提是frame的值設(shè)置前后發(fā)生了變化
- 滾動一個UIScrollView會觸發(fā)layoutSubviews
- 旋轉(zhuǎn)Screen會觸發(fā)父UIView上的layoutSubviews事件
- 改變一個UIView大小的時候也會觸發(fā)父UIView上的layoutSubviews事件
drawRect在以下情況下會被調(diào)用：
- 如果在UIView初始化時沒有設(shè)置rect大小灾馒，將直接導(dǎo)致drawRect不被自動調(diào)用。drawRect調(diào)用是在Controller->loadView, Controller->viewDidLoad兩個方法之后掉用的.所以不用擔(dān)心在控制器中遣总，這些View的drawRect就開始畫了睬罗。這樣可以在控制器中設(shè)置一些值給View(如果這些View draw的時候需要用到某些變量值)。
- 該方法在調(diào)用sizeToFit后被調(diào)用旭斥，所以可以先調(diào)用sizeToFit計算出size容达。然后系統(tǒng)自動調(diào)用drawRect:方法。
- 通過設(shè)置contentMode屬性值為UIViewContentModeRedraw垂券。那么將在每次設(shè)置或更改frame的時候自動調(diào)用drawRect:花盐。
- 直接調(diào)用setNeedsDisplay或者setNeedsDisplayInRect: 觸發(fā)drawRect:，但是有個前提條件是rect不能為0菇爪。
參考
UIView 文檔
理解position和anchorPoint
iOS動畫-Transform和KeyFrame動畫
CGAffineTransform放射變換
內(nèi)存惡鬼drawRect - 談畫圖功能的內(nèi)存優(yōu)化
