5. UIView

1. UIView 的初认识

官方文档 UIView class defines a rectangular area on the screen and the interfaces for managing the content in that area.At runtime, a view object handles the rendering of any content in its area and also handles any interactions with that content.(UIView在屏幕上定义了一个矩形区域和管理区域内容的接口。在运行时,一个视图对象控制该区域的渲染,同时也控制内容的交互。)UIView就相当于一块白墙,这块白墙只是负责把加入到里面的东西显示出来而已。

也可以说UIView表示屏幕上的一块矩形区域,它在App中占有绝对重要的地位,因为IOS中几乎所有可视化控件都是UIView的子类。负责渲染区域的内容,并且响应该区域内发生的触摸事件,可以这么说在iphone里你看到的,摸到的,都是UIView。所以UIView 在iOS开发中拥有很重要的地位

2. UIView 的使用

2.1 基本使用方法

UIView *viewOne = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];

// 设置背景颜色

viewOne.backgroundColor = [UIColor redColor];

// 设置view 中心的位置

viewOne.center = CGPointMake(200, 200);

// 设置透明度(如果父视图的透明度改变了,所有子视图都改变)

viewOne.alpha = 0.5;

// 隐藏,如果父视图隐藏,那么子视图也会隐藏(隐藏和透明度设置成0 效果一样,但是隐藏类似于移除(但是并没有删除),透明度设置成0 控件还是存在,只是我们看不到)

view.hidden = YES;

// 切掉子视图超出的部分,也就是如果一个视图超出了他所添加在的UIView,那么超出的部分就会被切除

viewOne.clipsToBounds = YES;

// 把子视图从父视图上移除

[subView1 removeFromSuperview];

// 禁止视图接受事件(父视图不能接受 子视图同样不能)

superView.userInteractionEnabled = YES;

// 获取父视图

UIView *view = subView1.superview;

// 获取子视图(可以遍历子视图数组,取出你想获取的视图)

NSArray *array = superView.subviews;

// 如果子视图中有这个tag的视图,直接取出。 如果没有就会深度遍历子视图的子视图去找这个tag的子视图,如果还是没有 返回nil

UIView *sView = [superView viewWithTag:11];

// 鉴定父子关系

// isDescendantOfView 判断一个视图是不是另一个视图的直接或间接的子视图

BOOL boo = [subView1 isDescendantOfView:superView];

// 拓展方法

  • //将一个视图移到前面
  • bringSubviewToFront:
  • //将一个视图推送到背后
  • sendSubviewToBack:
  • //把视图移除
  • removeFromSuperview
  • //插入视图 并指定索引
  • insertSubview:atIndex:
  • //插入视图在某个视图之上
  • insertSubview:aboveSubview:
  • //插入视图在某个视图之下
  • insertSubview:belowSubview:
  • //交换两个位置索引的视图
  • exchangeSubviewAtIndex:withSubviewAtIndex:

2.2 仿射变换

// 1. view 旋转(顺时针旋转多少度)

view.transform = CGAffineTransformMakeRotation(M_PI / 3);

// 2. view 变形(参数一作用:宽 * 比例  参数一作用:高 * 比例)(中心点不变)

view.transform = CGAffineTransformMakeScale(1, 2);

// 3. 平移(1. 平移目标 2.在水平方向平移多少(正值 右移  负值 左移)3.在垂直方向平移多少(正值 下移  负值 上移))

view.transform = CGAffineTransformTranslate(view.transform, - 100, 0);

2.3 动画

// 参数1:动画时间 animations block:在这个时间要完成的动画

[UIView animateWithDuration:1.0 animations:^{

CGRect frame = _view.frame;

frame.origin.y += 200;

_view.frame = frame;

}];

// 参数1:动画时间 animations block:在这个时间要完成的动画 completion block:这个动画执行完成之后要做什么操作

[UIView animateWithDuration:2.0 animations:^{

CGRect frame = _view.frame;

frame.origin.y += 200;

_view.frame = frame;

_view.alpha = 0;

} completion:^(BOOL finished) {

[UIView animateWithDuration:2.0 animations:^{

CGRect frame = _view.frame;

frame.origin.y -= 200;

_view.frame = frame;

_view.alpha = 1;

}];

}];

一个UIView动画的简单Demo https://github.com/mcj122755/UIViewDemo5.git

上一篇:iOS 自定义方法 - UIView扩展


下一篇:iOS 使点击事件穿透透明的UIView