iOS-视图之UIView

• 初识UIView
• 剖析UIView

---

初识UIView

先来看看在代码中如何创建一个UIView

UIView *aView = [[UIView alloc] initWithFrame:CGRectMake(10, 10, 100, 100)];
[self.view addSubview:aView];

UIView也是用alloc+init方法来创建的，所以大家看到第一行应该不陌生，第二行代码即将我们创建的aView添加到当前ViewController的View上。

不知道大家看到后边的CGRectMake(10, 10, 100, 100)会不会好奇，下边是iOS SDK中关于CGRect的代码：

    struct CGRect {CGPoint origin;CGSize size;};
    
    struct CGPoint {CGFloat x;CGFloat y;};
    
    struct CGSize {CGFloat width;CGFloat height;};

CGRectMake后边的参数是一个CGRect，CGRect是一个C语言级别的结构体，这个结构体里边包含两个参数CGPoint，CGSize，这两个也是C级别的结构体，CGPoint代表点，CGSize代表大小，所以小括号里边会有4个参数分别代表X轴坐标，Y轴坐标，宽度和高度。

不知道大家注意到了没有，这里提到了坐标的信息，没错X轴Y轴还有宽高4个参数就能确定一个view的起点和大小以及确定在屏幕中的位置，这里就不得不再提一下iOS的坐标系了，请看下图:

iOS-坐标系

图片很清晰的反映出我们的iOS的坐标系与数学体系中的笛卡尔坐标系是略有不同的，Y轴向下为正，原点在屏幕的左上角。

剖析UIView

ok,如果你已经看完了上边的那一部分，相信你已经对UIView有了一个大概的了解，接下来我们一起来深度的剖析下UIView。

UIView即视图，我们能够在屏幕上看到的所有元素都是UIView或者是其子类，他是MVC中距离我们最直观最常用最易操作的一模块，我们通过UIView来获取信息、发生交互，接下来的一张图让我们来认识下UIView的家族都有哪些成员。

UIView家族.png

大家不用纠结于后边有很多不认识的子类，我们只需要从这张图中了解到我们的UIView家族成员是很多的，而UIView无疑是这个大家族的族长。

继承是面向对象编程的特点之一，子类会继承父类的特性，所以了解UIView特性对我们以后来学习这些具有特定功能的子类是很重要的。

类目是iOS开发经常使用的一种拓展手段，包括iOS SDK本身也经常使用（如果不清楚类目是什么的同学可以等以后我们会开专题详解）我们来看一看UIView都有哪些属性、方法及类目吧(涉及到autolayout的类目不在其中)。

1. 属性方法

alloc init  实现方法
tag         标签(当前viewcontroller中唯一标识符)
layer       层

2. 几何空间 UIViewGeometry

CGRect      frame、bounds(外边界、内边界)
CGPoint     center（中心点）

3. 视图呈现 UIViewHierarchy

UIColor     backgroundColor(背景色，参数为UIColor)
BOOL        clipsToBounds（是否允许子视图超出边界）
BOOL        hidden（是否隐藏）
CGFloat     alpha (0~1)（调整透明度）

4. 层次结构 UIViewRendering

NSArray<__kindof UIView *> *subviews（子视图）
- (void)removeFromSuperview;（从父视图中移除）
- (void)addSubview:(UIView *)view;（添加子视图）
- (void)insertSubview:(UIView *)view atIndex:(NSInteger)index;（在index的位置插入子视图）

5. 动画效果 UIViewAnimation、&WithBlocks

+ (void)beginAnimations:(nullable NSString *)animationID context:(nullable void *)context;
+ (void)setAnimationDuration:(NSTimeInterval)duration;
+ (void)commitAnimations;            

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations NS_AVAILABLE_IOS(4_0);  
//以上四个方法是为UIView添加动画的，不多解释了。  

创造即永恒，喝茶去……