iOS UI学习之路02 - UIWindow、UIView详解
UIKit框架结构
构建和管理你的用户界面
捕获触摸和基于移动的事件
呈现文字和web内容
创建定制用户界面元素
UIView（视图）框架的结构图
Window和View的关系
UIWindow
重要知识
UIWindow的主要作用：a.作为UIWindow的最顶层容器，包含应用显示所有的UIView；b.传递触摸消息和键盘事件给UIView；
UIWindow的创建
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
self.window = [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, 320, 568)];
self.window.backgroundColor = [UIColor redColor];
//设置根视图
ViewController *view1 = [[ViewController alloc] init];
self.window.rootViewController = view1;
self.window.windowLevel = UIWindowLevelNOrmal;
return YES;
}
常用属性
@property(NOnatomic) UIWindowLevel windowLevel; //窗口显示级别
@property(nullable, NOnatomic,strong) UIViewController *rootViewController; //根视图控制器
@property(NOnatomic,readonly,getter=isKeyWindow) BOOL keyWindow; //判断当前窗口是否为主窗口
常用方法
- (void)makeKeyWindow; //让当前UIWindow变成keyWindow（主窗口）
- (void)makeKeyAndVisible; //让当前UIWindow变成keyWindow，并显示出来。只有主窗口显示，子视图才会显示。
UIView（视图）
重要知识
主要功能：管理矩形区域里的内容、处理矩形区域中的事件、子视图的管理、实现动画UIView的子类也具有这些功能
一个视图只能有一个父视图，但可以有很多子视图
UIKit坐标系统
UIKit的默认坐标系统是把左上角设置为原点，横向向右横坐标递增，竖向向下纵坐标递增
视图的位置和大小通过frame属性来表达，UIView类有一个属性frame，类型为CGRect，是一个结构体。
struct CGRect{
CGPoint origin;
CGSize size;
}
struct CGPoint{
CGFloat x;
CGFloat y;
}
struct CGSize{
CGFloat width;
CGFloat height;
}
常用系统内部函数
CGPointMake(x, y) 返回CGPoint类型值
CGSizeMake(width, height) 返回CGSize类型
CGRectMake(x, y, width,height) 返回CGRect类型值
NSStringFromCGSize() 将CGSize结构体转化为字符串
NSStringFromCGPoint() 将CGPoint结构体转化为字符串
NSStringFromCGRect() 将CGRect结构体转化为字符串
UIVIew的创建
UIView *redView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 200)];
常用属性
@property(NOnatomic) CGRect frame; // 该view在父view坐标系统中的位置和大小，参照物是父视图的坐标系
@property(NOnatomic) CGRect bounds; // 该view在本坐标系中的位置和大小，改变这个值，可以设置本坐标系统的原点坐标和大小，改变后，会影响子view的起始位置，而不会影响自身
@property(NOnatomic) CGPoint center; // 该view的中心点在父view坐标系统中的位置和大小
@property(NOnatomic) CGAffineTransform transform; // 坐标系统
@property(NOnatomic,readonly) UIView *superview; // 父视图
@property(NOnatomic,readonly,copy) NSArray *subviews; // 所有子视图
@property(NOnatomic,readonly) UIWindow *window // 视图所在的窗⼝
@property(NOnatomic,copy) UIColor backgroundColor; // 背景颜色
@property(NOnatomic) CGFloat alpha; // 透明度 0～1
@property(NOnatomic,getter=isHidden) BOOL hidden; // 是否隐藏
常用方法
- (void)addSubview:(UIView *)view; // 添加一个子视图
- (void)bringSubviewToFront:(UIView *)view; // 将视图放到最上层
- (void)sendSubviewToBack:(UIView *)view; // 将视图放到最下层
- (void)removeFromSuperview; // 将视图从父视图中移除
- (void)insertSubview:(UIView *)view atIndex:(NSInteger)index; //指定的层次位置插⼊入一个视图
- (void)exchangeSubviewAtIndex:(NSInteger)index1 withSubviewAtIndex:(NSInteger)index2; // 交换两个视图的层次位置
- (void)insertSubview:(UIView *)view belowSubview:(UIView *)siblingSubview; // 将一个视图放到一个视图下
- (void)insertSubview:(UIView *)view aboveSubview:(UIView *)siblingSubview; // 将一个视图放到一个视图上
CGAffineTransForm（坐标系统变换类）
平移坐标系统
CGAffineTransform translation = CGAffineTransformMakeTranslation(0, 100); //平移坐标系统
CGAffineTransform translate = CGAffineTransformTranslate(self.myView.transform, 100,0); //基于已变换的坐标系再次平移
缩放坐标系统
CGAffineTransform scale = CGAffineTransformMakeScale(1 , 2); //缩放坐标系统 缩放 0~1 放大 > 1
CGAffineTransform scale = CGAffineTransformScale(self.myView.transform, 0.2, 0.2); //基于已变换的坐标系再次缩放坐标系统
旋转坐标系统
CGAffineTransform rotation = CGAffineTransformMakeRotation(M_PI_4);//旋转坐标系统 按照弧度制PI作为参数
CGAffineTransform rotation = CGAffineTransformRotate( self.myView.transform, M_PI_4); //基于已变换的坐标系再次旋转坐标系统
连接仿射
CGAffineTransform transform1 = CGAffineTransformConcat(translation, rotation);//连接两种仿射方式
恢复到原始状态
CG_EXTERN const CGAffineTransform CGAffineTransformIdentity; //原始状态常量
UIView基本动画
// 1.基本动画
[UIView animateWithDuration:1 animations:^{
CGAffineTransform transform = CGAffineTransformTranslate(self.myView.transform, 0, -200);
_myView.transform = transform;
}];
// 2.动画完成后处理事情
[UIView animateWithDuration:1 animations:^{
_myView.center = self.view.center;
} completion:^(BOOL finish){
CGAffineTransform transform1 = CGAffineTransformRotate(self.myView.transform, M_PI_4);
_myView.transform = transform1;
}];
// 3.连续动画
[UIView animateWithDuration:1 delay:0 options:UIViewAnimatioNOptionCurveEaseIn animations:^{
_myView.center = self.view.center;
} completion:^(BOOL finished){
[UIView animateWithDuration:1 animations:^{
CGAffineTransform transform1 = CGAffineTransformRotate(self.myView.transform, M_PI_4);
_myView.transform = transform1;
}];
}];