博客声明:
所有写的这些文字都只是我的个人学习笔记,内容不一定准确,仅供参考。如有错误请拍砖。鄙人及时更正。
UIView 类是 UIKit 中最基础的类。
在屏幕上我们能够看得见的东西基本上都是 UIView或者是 UIView 的子视图。一般翻译:视图、控件、组件。
- 注意点:
每一个UIView都是一个容器,能容纳其他UIView。
UIView 的功能:
1. 管理 UIView 视图中的内容
2. 处理 UIView 视图中的事件
我主要是通过的 UIView 的头文件进行分析,了解 UIView 中的各个细节知识点。在通过 UIView 中包含的细节知识点进行知识点的扩展学习。
UIView 接口文档分析:
- UIView 基本定义的头文件
- UIView 几何分类
- UIView 层级关系分类
- UIView 视图呈现的分类
- UIView 动画的分类
UIView 基本定义
// UIView 继承自 UIResponder 可以说所有继承自 UIView 的视图都是可以处理触摸事件。
NS_CLASS_AVAILABLE_IOS(2_0) @interface UIView : UIResponder
+ (Class)layerClass;
// default is [CALayer class]. Used when creating the underlying layer for the view.
//(默认是 [CALayer class] 当使用的时候创建 view 的根图层)
// 指定初始化构造器
// 代码创建的时候调用
- (instancetype)initWithFrame:(CGRect)frame NS_DESIGNATED_INITIALIZER;
// xib sb 创建的时候调用
- (nullable instancetype)initWithCoder:(NSCoder *)aDecoder NS_DESIGNATED_INITIALIZER;
// 是否允许与用户交互
@property(nonatomic,getter=isUserInteractionEnabled) BOOL userInteractionEnabled;
// default is YES. if set to NO, user events (touch, keys) are ignored and removed from the event queue.(默认是 yes,如果设置为 no ,用户的事件就会被忽略并且从事件队列中移除)
// 视图的标签(可以用来获取视图)
@property(nonatomic) NSInteger tag; // default is 0
// 返回 view 的根 图层,返回值总是一个非空的值 view 是 layer 的代理
@property(nonatomic,readonly,strong) CALayer *layer; // returns view's layer. Will always return a non-nil value. view is layer's delegate
// iOS9新加的方法,没有怎么关注
- (BOOL)canBecomeFocused NS_AVAILABLE_IOS(9_0); // NO by default
@property (readonly, nonatomic, getter=isFocused) BOOL focused NS_AVAILABLE_IOS(9_0);
+ (UIUserInterfaceLayoutDirection)userInterfaceLayoutDirectionForSemanticContentAttribute:(UISemanticContentAttribute)attribute NS_AVAILABLE_IOS(9_0);
@property (nonatomic) UISemanticContentAttribute semanticContentAttribute NS_AVAILABLE_IOS(9_0);
@end
问题 1:UIView 初始化方法的使用
- (instancetype)initWithFrame:(CGRect)frame
- (nullable instancetype)initWithCoder:(NSCoder *)aDecoder
- 我们使用 IB(使用拖拽的方式构建视图:xib、sb) 进行开发的时候, 我们需要在代码中动态调整 xib 或 sb 视图的属性的时候需要重写
- (nullable instancetype)initWithCoder:(NSCoder *)aDecoder
方法。 - 当我们使用手动 alloc 和 init 的方式来创建视图的时候。我们需要重写
- (instancetype)initWithFrame:(CGRect)frame
方法来添加视图或设置默认的属性。使用这个方法会根据指定的 frame 来创建子视图(有时候不一定)。这个方法的使用必须先调用父类。
// 调用init这个方法来初始化view的时候,系统会自动调用initWithFrame方法
- (instancetype)initWithFrame:(CGRect)frame{
NSLog(@"%s",__func__);
if (self = [super initWithFrame:frame])
{
}
return self;
}
// 如果系统是通过xib/storyboard初始化的时候会调用这个方法,
- (instancetype)initWithCoder:(NSCoder *)aDecoder{
NSLog(@"%s",__func__);
if (self = [super initWithCoder:aDecoder])
{
}
return self;
}
问题 2:UIView 初始化方法的时候 什么怎么使用 init
和 initWithFrame
UIView *view = [[UIView alloc] init]; // 这个是使用系统的类创建
// 我们自己创建一个子类 XXJView
XXJView *view = [[XXJView alloc] init];
//重写子类的方法 进行拦截
- (instancetype)init
{
self = [super init];
if (self) {
NSLog(@"%s",__func__);
}
return self;
}
- (instancetype)initWithCoder:(NSCoder *)coder
{
self = [super initWithCoder:coder];
if (self) {
NSLog(@"%s",__func__);
}
return self;
}
- (instancetype)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
NSLog(@"%s",__func__);
}
return self;
}
// 打印结果:
2016-04-21 02:11:00.813 UIViewDemo[12148:3954143] -[XXJView initWithFrame:]
2016-04-21 02:11:00.814 UIViewDemo[12148:3954143] -[XXJView init]
使用 init 的时候还是会调用 initWithFrame 方法。
所以:
当我们在 initWithFrame 执行完相应的初始化操作后,不应该再在 init 方法中进行初始化。
我们也有可能这么用:
XXJView *view = [[XXJView alloc] initWithFrame:CGRectZero];
打印的结构是:
2016-04-21 02:50:01.240 UIViewDemo[12281:4161758] -[XXJView initWithFrame:]
使用 initWithFrame 的时候, init 方法是不会被调用。
在使用纯代码创建视图的时候:我们一定要重写 initWithFrame 方法来进行相应的初始化操作。 init 方法可以重写也可以不重写。
UIView 的几何分类 ( 这个是我们用的最多的也是最重要的)
@interface UIView(UIViewGeometry)
// animatable. do not use frame if view is transformed since it will not correctly reflect the actual location of the view. use bounds + center instead.
// 视图在父视图中的尺寸和位置(以父控件的左上角为坐标原点)
@property(nonatomic) CGRect frame;
// use bounds/center and not frame if non-identity transform. if bounds dimension is odd, center may be have fractional part
// 控件所在矩形框的位置和尺寸(以自己左上角为坐标原点,所以bounds的x\y一般为0)
@property(nonatomic) CGRect bounds; // default bounds is zero origin, frame size. animatable
// 控件中点的位置(以父控件的左上角为坐标原点)
@property(nonatomic) CGPoint center; // center is center of frame. animatable
// 仿射变换(通过这个属性可以进行视图的平移、旋转和缩放)
@property(nonatomic) CGAffineTransform transform; // default is CGAffineTransformIdentity. animatable
// 内容视图伸张的模式
@property(nonatomic) CGFloat contentScaleFactor NS_AVAILABLE_IOS(4_0);
// 是否多点触摸
@property(nonatomic,getter=isMultipleTouchEnabled) BOOL multipleTouchEnabled __TVOS_PROHIBITED; // default is NO
@property(nonatomic,getter=isExclusiveTouch) BOOL exclusiveTouch __TVOS_PROHIBITED; // default is NO
// 这两个方法主要是进行用户事件的拦截
- (nullable UIView *)hitTest:(CGPoint)point withEvent:(nullable UIEvent *)event; // recursively calls -pointInside:withEvent:. point is in the receiver's coordinate system
- (BOOL)pointInside:(CGPoint)point withEvent:(nullable UIEvent *)event; // default returns YES if point is in bounds (当 point 在 视图内,返回的值是 yes)
// 视图中的坐标转换
- (CGPoint)convertPoint:(CGPoint)point toView:(nullable UIView *)view;
- (CGPoint)convertPoint:(CGPoint)point fromView:(nullable UIView *)view;
- (CGRect)convertRect:(CGRect)rect toView:(nullable UIView *)view;
- (CGRect)convertRect:(CGRect)rect fromView:(nullable UIView *)view;
@property(nonatomic) BOOL autoresizesSubviews; // default is YES. if set, subviews are adjusted according to their autoresizingMask if self.bounds changes
@property(nonatomic) UIViewAutoresizing autoresizingMask; // simple resize. default is UIViewAutoresizingNone
- (CGSize)sizeThatFits:(CGSize)size; // return 'best' size to fit given size. does not actually resize view. Default is return existing view size
// 调用这个方法实际上是调用 sizeThatFits 方法。
- (void)sizeToFit; // calls sizeThatFits: with current view bounds and changes bounds size.
@end
问题 1 : 理解 frame bounds center 三个属性。
frame bounds center 的图示:
frame: 以父视图为原点。
bounds : 以自身为原点。
center : 以父视图为原点。
问题 2 : 仿射变换 属性的使用
@property(nonatomic) CGAffineTransform transform;
这个属性主要是来给视图进行一些 2D 的转换。主要的操作有 :平移、 旋转、缩放。
(1) 创建“基于控件初始位置”的形变
CGAffineTransformMakeTranslation(平移)
CGAffineTransformMakeScale(缩放)
CGAffineTransformMakeRotation(旋转)
(2) 创建“基于transform参数”的形变
CGAffineTransformTranslate
CGAffineTransformScale
CGAffineTransformRotate