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