------------注:(非海腾原创)
视图鼻祖之UIView详解
引言
UIView表示屏幕上的一块矩形区域,它在App中占有绝对重要的地位,因为iOS中几乎所有可视化控件都是UIView的子类。负责渲染区域的内容,并且响应该区域内发生的触摸事件
目录
- 1、UIView家族
- 2、UIView的基本属性
- 3、几何方法类
- 4、控制级别类
- 5、渲染类
- 6、动画类
- 7、手势类
- 8、移动效果类
- 9、基于布局约束类(iOS6.0)
- 10、基于布局的约束core方法(iOS 6.0)
- 11、基于约束的兼容性(iOS 6.0)
- 12、层次布局的约束(iOS 6.0)
- 13、设备大小布局约束(iOS 6.0)
- 14、布局调度(iOS 6.0)
- 15、状态恢复(iOS 6.0)
- 16、快照 (iOS7.0)
1、UIView家族
下图就是视图的内层次
2、UIView的基本属性
// UIView是否接受events事件,默认为YES
BOOL userInteractionEnabled;
// 用于做标识所用,默认为0
NSInteger tag;
// Core Animation layer有关,在常用方法中再详细讲解
CALayer *layer;
// UIView在父视图中的位置
CGRect frame;
// UIView相对自己的位置
CGRect bounds;
// UIView的中心点. animatable
CGPoint center;
// 线性代数里面讲的矩阵变换,这个是恒等变换,一般用来旋转,缩放
CGAffineTransform transform;
// 修改contentScaleFactor可以让UIView的渲染精度提高,这样即使在CGAffineTransform放大之后仍然能保持锐利。
CGFloat contentScaleFactor;
// 是否允许多点触摸
BOOL multipleTouchEnabled;
// default is NO
BOOL exclusiveTouch;
// UIView的背影颜色
UIColor backgroundColor;
// UIView是否隐藏
BOOL hidden;
// 为0时完全透明,为1时完全不透明。
CGFloat alpha;
//在类的层次结构中,如果clipsTobounds设为YES,超出superView的部分subview就不会显示,否则会做显示, 默认情况下是NO。
BOOL clipsToBounds;
//这是一个优化属性,如果该值为YES, 那么绘图在绘制该视图的时候把整个视图当作不透明对待。这样,绘图系统在执行绘图过程中会优化一些操作并提升系统性能;如果是设置为NO, 绘图系统将其和其他内容平等对待,不去做优化操作。为了性能方面的考量,默认被置为YES(意味着‘优化’)。
BOOL opaque;
UIView *superview;// 父视图
NSArray *subviews;// 子视图
注:frame和center都是相对于父视图的,bounds是相对于自身的。当view完全透明和隐藏时不能响应事件。
opaque和alpha 是有关系的。 一个不透明视图需要整个边界里面的内容都是不透明的。基于这个原因,opaque设置为YES,要求对应的alpha必须为1.0。如果一个UIView实例opaque被设置为YES, 而同时它又没有完全填充它的边界(bounds),或者它包含了整个或部分的透明的内容视图,那么将会导致未知的结果。 因此,如果视图部分或全部支持透明,那么你必须把opaque这个值设置为NO.
3、几何方法类
// hitTest主要用途是用来寻找那个视图是被触摸了
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event;
// 如果我们不想让某个视图响应事件,让此方法返回NO就行了。默认为YES
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event;
举个例子,建立一个TestView里面重载hitTest和pointInside方法:
- (UIView*)hitTest:(CGPoint)point withEvent:(UIEvent *)event{
[super hitTest:point withEvent:event];
return self;
}
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event{
NSLog(@"view pointInside");
return YES;
}
然后在TestView中增加一个子视图TestSecondView也重载这两个方法
- (UIView*)hitTest:(CGPoint)point withEvent:(UIEvent *)event{
[super hitTest:point withEvent:event];
return self;
}
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event{
NSLog(@"second view pointInside");
return YES;
}
这里注意[super hitTest:point withEvent:event];必须要包括,否则hitTest无法调用父类的方法,这样就没法 使用PointInside:withEvent:进行判断,那么就没法进行子视图的遍历。当去掉这个语句的时候,触摸事件就不可能进到子视图中了,除非你在方法中直接返回子视图的对象。这样你在调试的过程中就会发现,每次你点击一个view都会先进入到这个view的父视图中的hitTest方法,然后 调用super的hitTest方法之后就会查找pointInside是否返回YES如果是,则就把消息传递个子视图处理,子视图用同样的方法递归查找 自己的子视图。所以从这里调试分析看,hitTest方法这种递归调用的方式就一目了然了。
// 将像素point由point所在视图转换到目标视图view中,返回在目标视图view中的像素值
- (CGPoint)convertPoint:(CGPoint)point toView:(UIView *)view;
// 将像素point从view中转换到当前视图中,返回在当前视图中的像素值
- (CGPoint)convertPoint:(CGPoint)point fromView:(UIView *)view;
// 将rect由rect所在视图转换到目标视图view中,返回在目标视图view中的rect
- (CGRect)convertRect:(CGRect)rect toView:(UIView *)view;
// 将rect从view中转换到当前视图中,返回在当前视图中的rect
- (CGRect)convertRect:(CGRect)rect fromView:(UIView *)view;
4、控制级别类
// 把视图从父类移除
- (void)removeFromSuperview;
// 添加子视图到某个位置
- (void)insertSubview:(UIView *)view atIndex:(NSInteger)index;
// 更改子视图的位置
- (void)exchangeSubviewAtIndex:(NSInteger)index1 withSubviewAtIndex:(NSInteger)index2;
// 添加子视图
- (void)addSubview:(UIView *)view;
// 把view放在siblingSubview下面
- (void)insertSubview:(UIView *)view belowSubview:(UIView *)siblingSubview;
// 把view放在siblingSubview上面
- (void)insertSubview:(UIView *)view aboveSubview:(UIView *)siblingSubview;
注:1、addSubview:和insertSubview: atIndex:的区别:
[view addSubView:oneView] == [view insertSubview:oneView atIndex:view.subviews.cout];
// 将view显示在最前面(要将一个view显示在最前面,只要调用其父视图的bringSubviewToFront:方法)
- (void)bringSubviewToFront:(UIView *)view;
// 将view推送到背后
- (void)sendSubviewToBack:(UIView *)view;
// 当加入视图完成后调用
- (void)didAddSubview:(UIView *)subview;
// 将移除子视图会调用
- (void)willRemoveSubview:(UIView *)subview;
// 通知即将移动到新的父视图中
- (void)willMoveToSuperview:(UIView *)newSuperview;
// 通知已经到新父视图
- (void)didMoveToSuperview;
// 通知即将已移动到新的窗口
- (void)willMoveToWindow:(UIWindow *)newWindow;
// 通知已经移动新的窗口
- (void)didMoveToWindow;
// 判断一个视图是否在父视图层中
- (BOOL)isDescendantOfView:(UIView *)view;
// 获取标记的子视图
- (UIView *)viewWithTag:(NSInteger)tag;
// 标记为需要重新布局,异步调用layoutIfNeeded刷新布局,不立即刷新,但layoutSubviews一定会被调用
- (void)setNeedsLayout;
// 如果有需要刷新的标记,立即调用layoutSubviews进行布局(如果没有标记,不会调用layoutSubviews)
- (void)layoutIfNeeded;
// 重新布局
- (void)layoutSubviews;
5、渲染类
// 重写此方法,执行重绘
- (void)drawRect:(CGRect)rect;
// 标记为需要重绘,异步调用drawRect
- (void)setNeedsDisplay;
// 标记为需要局部重绘
- (void)setNeedsDisplayInRect:(CGRect)rect;
注:drawRect是对receiver的重绘。setNeedDisplay在receiver标上一个需要被重新绘图的标记,在下一个draw周期自动重绘,iphone device的刷新频率是60hz,也就是1/60秒后重绘
6、动画类
// 开始一个动画
+ (void)beginAnimations:(NSString *)animationID context:(void *)context;
// 执行动画,类似数据库的事务处理
+ (void)commitAnimations;
// 设置动画代理,默认为nil
+ (void)setAnimationDelegate:(id)delegate;
// 当动画执行开始时,执行selector方法,默认为NULL
+ (void)setAnimationWillStartSelector:(SEL)selector;
// 当动画执行结束时,执行selector方法
+ (void)setAnimationDidStopSelector:(SEL)selector;
// 设置动画时间,时间参数为double类型,默认0.2
+ (void)setAnimationDuration:(NSTimeInterval)duration;
// 设置动画延迟时间
+ (void)setAnimationDelay:(NSTimeInterval)delay;
// 设置在动画块内部动画内部动画属性改变的开始时间
+ (void)setAnimationStartDate:(NSDate *)startDate;
// 设置动画的旋转曲度变化,默认为UIViewAnimationCurveEaseInOut.值定义在UIViewAnimationCurve结构体中。
typedef NS_ENUM(NSInteger, UIViewAnimationCurve) { //动画曲线
// 缓慢开始,中间加速,然后减速到结束
UIViewAnimationCurveEaseInOut,
// 缓慢开始,加速到结束
UIViewAnimationCurveEaseIn,
// 加速开始,加速到结束
UIViewAnimationCurveEaseOut,
//正常速度
UIViewAnimationCurveLinear
};
+ (void)setAnimationCurve:(UIViewAnimationCurve)curve;
// 设置动画在动画模块中的重复次数
+ (void)setAnimationRepeatCount:(float)repeatCount;
// 设置动画块中的动画效果是否自动重复播放
+ (void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses;
// 设置动画是否从当前状态开始播放,默认为NO.
+ (void)setAnimationBeginsFromCurrentState:(BOOL)fromCurrentState;
// 在动画设置过渡效果
+ (void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache;
transition把一个过渡效果应用到视图中。值定义在UIViewAnimationTransition结构体中。
typedef NS_ENUM(NSInteger, UIViewAnimationTransition) {
UIViewAnimationTransitionNone, 没有过渡
UIViewAnimationTransitionFlipFromLeft, 翻转视图从左到右
UIViewAnimationTransitionFlipFromRight, 翻转视图从右到左
UIViewAnimationTransitionCurlUp, 从上卷动
UIViewAnimationTransitionCurlDown, 从下卷动
};
view:需要过渡的视图对象。
cache:如果是YES,那么在开始和结束图片视图渲染一次并在动画中创建帧;否则,视图将会在每一帧都渲染。例如缓存,你不需要在视图转变中不停的更新,你只需要等到转换完成再去更新视图。
1、开始一个动画块。
2、在容器视图中设置转换。
3、在容器视图中移除子视图。
4、在容器视图中添加子视图。
5、结束动画块。
// 设置是否开启动画,默认YES,开启
+ (void)setAnimationsEnabled:(BOOL)enabled;
// 验证动画是否开启,YES开启,NO关闭
+ (BOOL)areAnimationsEnabled;
// iOS7之后替代 setAnimationsEnabled
+ (void)performWithoutAnimation:(void (^)(void))actionsWithoutAnimation;
// iOS4.0之后,动画效果处理块
+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion;
(NSTimeInterval)duration :动画时间
(NSTimeInterval)delay:延迟时间
(UIViewAnimationOptions)options 动画参数
typedef NS_OPTIONS(NSUInteger, UIViewAnimationOptions) {
UIViewAnimationOptionLayoutSubviews = 1 << 0,
UIViewAnimationOptionAllowUserInteraction = 1 << 1, // turn on user interaction while animating
UIViewAnimationOptionBeginFromCurrentState = 1 << 2, // start all views from current value, not initial value
UIViewAnimationOptionRepeat = 1 << 3, // repeat animation indefinitely
UIViewAnimationOptionAutoreverse = 1 << 4, // if repeat, run animation back and forth
UIViewAnimationOptionOverrideInheritedDuration = 1 << 5, // ignore nested duration
UIViewAnimationOptionOverrideInheritedCurve = 1 << 6, // ignore nested curve
UIViewAnimationOptionAllowAnimatedContent = 1 << 7, // animate contents (applies to transitions only)
UIViewAnimationOptionShowHideTransitionViews = 1 << 8, // flip to/from hidden state instead of adding/removing
UIViewAnimationOptionCurveEaseInOut = 0 << 16, // default
UIViewAnimationOptionCurveEaseIn = 1 << 16,
UIViewAnimationOptionCurveEaseOut = 2 << 16,
UIViewAnimationOptionCurveLinear = 3 << 16,
UIViewAnimationOptionTransitionNone = 0 << 20, // default
UIViewAnimationOptionTransitionFlipFromLeft = 1 << 20,
UIViewAnimationOptionTransitionFlipFromRight = 2 << 20,
UIViewAnimationOptionTransitionCurlUp = 3 << 20,
UIViewAnimationOptionTransitionCurlDown = 4 << 20,
UIViewAnimationOptionTransitionCrossDissolve = 5 << 20,
UIViewAnimationOptionTransitionFlipFromTop = 6 << 20,
UIViewAnimationOptionTransitionFlipFromBottom = 7 << 20,
} NS_ENUM_AVAILABLE_IOS(4_0);
(void))animations :动画效果块
可以设置属性如下:frameoundscenter ransformalphaackgroundColorcontentStretch
completion:(void (^)(BOOL finished))completion 动画结束块
例:
[UIView animateWithDuration: 2.00 delay:3.00 options:UIViewAnimationOptionAllowAnimatedContent
animations:^{
insertDemoTwo.alpha = 0.1;
insertDemoOne.alpha = 1.0;
}
completion:^(BOOL finished) {
[UIView animateWithDuration:3.00
animations:^{
insertDemoTwo.center = CGPointMake(500.0, 470.0);
insertDemoOne.center = CGPointMake(140.0, 100.0);
}
];
}
];
// 动画效果处理(无延迟,无参数)iOS4.0之后,默认delay = 0.0,options = 0;
+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion;
例:
[UIView animateWithDuration:3.00
animations:^{
insertDemoOne.alpha = 1.0;
insertDemoTwo.alpha = 0.1;
}
completion:^(BOOL finished) {
insertDemoTwo.center = CGPointMake(500.0, 470.0);
insertDemoOne.center = CGPointMake(140.0, 100.0);
}
];
//动画效果处理简单版 iOS4.0之后(delay = 0.0,options = 0,completion = NULL)
+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations;
+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion NS_AVAILABLE_IOS(7_0);
// 过渡动画效果块,iOS4.0
+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion;
例:
[UIView transitionWithView:insertDemoOne duration: 1.0 options:UIViewAnimationOptionTransitionFlipFromLeft
animations:^{
[insertDemoTwo removeFromSuperview];
[insertDemoOne addSubview:insertDemoTwo];
}
completion:^(BOOL finished) {
insertDemoOne.backgroundColor = [UIColor brownColor];
}];
// 视图之间切换的过渡动画效果块,iOS4
+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion;
+ (void)performSystemAnimation:(UISystemAnimation)animation onViews:(NSArray *)views options:(UIViewAnimationOptions)options animations:(void (^)(void))parallelAnimations completion:(void (^)(BOOL finished))completion NS_AVAILABLE_IOS(7_0);
7、手势类
// 手势识别器(iOS3.2)
NSArray *gestureRecognizers;
UIKit 中UIGestureRecognizer类的子类系列如下:
UITapGestureRecognizer – “轻击”手势。可以配置为“单击”和“连击”的识别。
UIPinchGestureRecognizer –“捏合”手势。该手势通常用于缩放视图或改变可视组件的大小。
UIPanGestureRecognizer – “平移”手势。识别拖拽或移动动作。
UISwipeGestureRecognizer – “轻扫”手势。当用户从屏幕上划过时识别为该手势。可以指定该动作的方向(上、下、左、右)。
UIRotationGestureRecognizer – “转动”手势。用户两指在屏幕上做相对环形运动。
UILongPressGestureRecognizer – “长按”手势。使用1指或多指触摸屏幕并保持一定时间。
// 绑定手势到视图(iOS3.2)
- (void)addGestureRecognizer:(UIGestureRecognizer*)gestureRecognizer;
//从视图中移除手势 (iOS3.2)
- (void)removeGestureRecognizer:(UIGestureRecognizer*)gestureRecognizer;
//手势识别处理方式在gesture recognizer视图转出《UIGestureRecognizerStatePossible》状态时调用,如果返回NO,则转换到《UIGestureRecognizerStateFailed》;如果返回YES,则继续识别触摸序列.(默认情况下为YES)。(iOS6.0)
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer;
8、移动效果类(iOS7.0)
- (void)addMotionEffect:(UIMotionEffect *)effect;
- (void)removeMotionEffect:(UIMotionEffect *)effect;
9、基于布局约束类(iOS6.0)
// 视图布局约束
- (NSArray *)constraints;
// 视图布局上添加一个约束
- (void)addConstraint:(NSLayoutConstraint *)constraint;
// 视图布局上添加多个约束
- (void)addConstraints:(NSArray *)constraints;
// 移除视力布局上的一个约束
- (void)removeConstraint:(NSLayoutConstraint *)constraint;
// 移除视图布局上的多个约束
- (void)removeConstraints:(NSArray *)constraints;
10、基于布局的约束core方法(iOS 6.0)
// 调用新的视图布局自动触发,更新视图布局上的约束
- (void)updateConstraintsIfNeeded;
// 更新自定义视图布局约束
- (void)updateConstraints;
// 判断视图布局是否需要更新约束
- (BOOL)needsUpdateConstraints;
// 设置视图布局是否需要更新约束
- (void)setNeedsUpdateConstraints;
11、基于约束的兼容性(iOS 6.0)
// 标示是否自动遵循视图布局约束,默认为YES
- (BOOL)translatesAutoresizingMaskIntoConstraints;
// 设置是否自动遵循视图布局约束
- (void)setTranslatesAutoresizingMaskIntoConstraints:(BOOL)flag;
// 返回是遵循自定义视图布局约束
+ (BOOL)requiresConstraintBasedLayout NS_AVAILABLE_IOS(6_0);
12、层次布局的约束(iOS 6.0)
// 返回矩形对于指定视图框架
- (CGRect)alignmentRectForFrame:(CGRect)frame;
// 返回框架对于指定视图矩形
- (CGRect)frameForAlignmentRect:(CGRect)alignmentRect;
// 返回自定义视图大小
- (UIEdgeInsets)alignmentRectInsets;
// 如果超出约束范围,自动生成基线限制,以满足视图需求
- (UIView *)viewForBaselineLayout;
// 返回放大的视图布局轴线
- (UILayoutPriority)contentHuggingPriorityForAxis:(UILayoutConstraintAxis)axis;
// 设置放大的视图布局的轴线
- (void)setContentHuggingPriority:(UILayoutPriority)priority forAxis:(UILayoutConstraintAxis)axis;
// 返回缩小的视图布局的轴线
- (UILayoutPriority)contentCompressionResistancePriorityForAxis:(UILayoutConstraintAxis)axis;
// 设置缩小的视图布局轴线
- (void)setContentCompressionResistancePriority:(UILayoutPriority)priority forAxis:(UILayoutConstraintAxis)axis;
13、设备大小布局约束(iOS 6.0)
// 满足约束视图布局的大小
- (CGSize)systemLayoutSizeFittingSize:(CGSize)targetSize;
14、布局调度(iOS 6.0)
// 返回影响视图布局限制的轴线
- (NSArray *)constraintsAffectingLayoutForAxis:(UILayoutConstraintAxis)axis;
// 返回视图布局约束是否影响指定视图,主要用于调试约束布局,结合exerciseAmbiguityInLayout。
- (BOOL)hasAmbiguousLayout;
// 随机改变不同效值布局视图,主要用于调试基于约束布局的视图
- (void)exerciseAmbiguityInLayout;
15、状态恢复(iOS 6.0)
// 标志是否支持保存,恢复视图状态信息
@property (nonatomic, copy) NSString *restorationIdentifier;
// 保存视图状态相关信息
- (void) encodeRestorableStateWithCoder:(NSCoder *)coder;
// 恢复和保存视图相关信息
- (void) decodeRestorableStateWithCoder:(NSCoder *)coder;
16、快照 (iOS7.0)
我们有时候可能需要取UIView对象的快照,有几个原因,您可能希望从动画性能改进上去分享您的应用程序的屏幕截图。现有的方法面临几个问题:
1代码不简单
2复杂的渲染选项,比如层面罩的难再生
3OpenGL层需要特殊的事例代码
4快照处理十分慢
事实上,真的没有任何通用的“快照”代码可以应付所有可能的场景。 但是IOS7将会改变,UIView和UIScreen会有一些新的方法,为各种用例提供简单的快照功能。
动画快照 我们可能经常想对一个视图进行动画处理,但是视图的动画太复杂,要么是动画太密集,要么就是需要额外的代码来控制正确的行为。 例如附带的项目,我们创建一个UIView的子类,它只是简单的添加一些子视图,并旋转来生成一个有趣的几何排列。
// 调用snapshotViewAfterScreenUpdates:方法去创建复杂视图的快照。方法返回一个UIView,来呈现被调用的视图的界面。用这个方法去获取视图快照非常有效,比制作位图要快的多。 当获得视图快照后,我们把它添加到容器视图上,并移除实际的复杂视图。然后可以动画处理快照视图了:
- (UIView *)snapshotViewAfterScreenUpdates:(BOOL)afterUpdates;
- (UIView *)resizableSnapshotViewFromRect:(CGRect)rect afterScreenUpdates:(BOOL)afterUpdates withCapInsets:(UIEdgeInsets)capInsets;
- (BOOL)drawViewHierarchyInRect:(CGRect)rect afterScreenUpdates:(BOOL)afterUpdates;