iOS-视图之UIView

作者: 茶哥儿 | 来源:发表于2016-03-13 15:29 被阅读537次
    • 初识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添加动画的,不多解释了。  
    

    创造即永恒,喝茶去……

    相关文章

      网友评论

        本文标题:iOS-视图之UIView

        本文链接:https://www.haomeiwen.com/subject/sntflttx.html