iOS - 视图与手势(UIview & UIGestureRecognizer)
01 UIView视图的基本使用 --- 在根视图中添加2个UIView视图
//视图确实加载时调用
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
//CGRect包含了原点和大小等信息.
CGRect rect1 = CGRectMake(30, 50, 200, 200);
UIView *view1 = [[UIView alloc] initWithFrame:rect1];
[view1 setBackgroundColor:[UIColor brownColor]];
CGRect rect2 = CGRectMake(60, 90, 200, 200);
UIView *view2 = [[UIView alloc] initWithFrame:rect2];
[view2 setBackgroundColor:[UIColor purpleColor]];
[view2 setAlpha:0.5];
[self.view addSubview:view1];
[self.view addSubview:view2];
}
02 UIView视图的层次关系 --- 创建3个视图:视图1是视图2的父视图;视图2是视图3的父视图
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(20, 80, 200, 280)];
view1.backgroundColor = [UIColor redColor];
[self.view addSubview:view1];
UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 200)];
[view2 setBounds:CGRectMake(-40, -20, 200, 200)];
view2.backgroundColor = [UIColor yellowColor];
[view1 addSubview:view2];
UIView *view3 = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
view3.backgroundColor = [UIColor blueColor];
[view2 addSubview:view3];
}
03 UIView视图的基本操作 --- 视图的添加与删除,以及切换视图在父视图中的层次
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
CGRect rect = CGRectMake(30, 50, 200, 200);
UIView *view = [[UIView alloc] initWithFrame:rect];
[view setBackgroundColor:[UIColor brownColor]];
[self.view addSubview:view];
UIButton *btAdd = [[UIButton alloc] initWithFrame:CGRectMake(30, 350, 80, 30)];
[btAdd setBackgroundColor:[UIColor grayColor]];
[btAdd setTitle:@"Add" forState:UIControlStateNormal];
[btAdd addTarget:self action:@selector(addView) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btAdd];
UIButton *btBack = [[UIButton alloc] initWithFrame:CGRectMake(120, 350, 80, 30)];
[btBack setBackgroundColor:[UIColor grayColor]];
[btBack setTitle:@"Switch" forState:UIControlStateNormal];
[btBack addTarget:self action:@selector(bringViewToBack) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btBack];
UIButton *btRemove = [[UIButton alloc] initWithFrame:CGRectMake(210, 350, 80, 30)];
[btRemove setBackgroundColor:[UIColor grayColor]];
[btRemove setTitle:@"Remove" forState:UIControlStateNormal];
[btRemove addTarget:self action:@selector(removeView) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btRemove];
}
-(void)addView {
CGRect rect = CGRectMake(60, 90, 200, 200);
UIView *view = [[UIView alloc] initWithFrame:rect];
[view setBackgroundColor:[UIColor purpleColor]];
[view setTag:1];
[self.view addSubview:view];
}
04 UIView视图添加边框效果 --- 给一张图片添加一个彩色相框:
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
//UIImage是用来加载和绘制图像的类
UIImage *uiimage = [UIImage imageNamed:@"pic"];
//加载图像后,将图片赋值给UIImageView视图,可以将图像视图,看作是图片的容器
UIImageView *imgView = [[UIImageView alloc] initWithImage:uiimage];
imgView.frame = CGRectMake(60, 80, 206, 284);
//设置图片视图的图层边框宽度,视图真正的绘图部分,是由一个叫CALayer的类来管理的
imgView.layer.borderWidth = 10;
//视图本身更像是一个图层的管理器,访问它的根绘图和坐标有关的属性,实际上都是在访问它所包含的图层的相关属性.
imgView.layer.borderColor = [[UIColor purpleColor] CGColor];
[self.view addSubview:imgView];
}
05 UIView视图添加圆角效果 --- 给矩形图片,添加圆角效果
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
UIImage *img = [UIImage imageNamed:@"pic"];
UIImageView *imgView = [[UIImageView alloc] initWithImage:img];
CGRect rect = CGRectMake(60, 60, 200, 200);
imgView.frame = rect;
//设置图像层的圆角半径大小
imgView.layer.cornerRadius = 100;
//设置图像视图的层的遮罩覆盖属性,进行边界裁切
imgView.layer.masksToBounds = YES;
[self.view addSubview:imgView];
}
06 UIView视图添加阴影效果 --- 给矩形图片添加阴影效果
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
UIImage *img = [UIImage imageNamed:@"pic"];
UIImageView *imgView = [[UIImageView alloc] initWithImage:img];
CGRect rect = CGRectMake(60, 60, 206, 284);
imgView.frame = rect;
// //设置图像视图的阴影颜色
// imgView.layer.shadowColor = [UIColor blackColor].CGColor;
// //设置图像视图层的阴影的横向和纵向的偏移值
// imgView.layer.shadowOffset = CGSizeMake(5.0f, 5.0f);
// //设置图像视图层的阴影透明度
// imgView.layer.shadowOpacity = 0.75;
// //设置图像视图层的阴影半径大小
// imgView.layer.shadowRadius = 10.0f;
[self.view addSubview:imgView];
}
07 UIView视图的渐变填充 --- 创建一个渐变图形
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
CGRect rect = CGRectMake(60, 120, 600, 600);
UIView *view = [[UIView alloc] initWithFrame:rect];
view.backgroundColor = [UIColor whiteColor];
//新建一个渐变层
CAGradientLayer *gradientLayer = [CAGradientLayer layer];
//设置渐变层的位置和尺寸,与视图对象一致
gradientLayer.frame = view.bounds;
//设置渐变的起始颜色为蓝色
CGColorRef fromColor = [UIColor blueColor].CGColor;
//设置渐变的中间颜色为红色
CGColorRef midColor = [UIColor redColor].CGColor;
//设置渐变的结束颜色为黄色
CGColorRef toColor = [UIColor yellowColor].CGColor;
//创建一个数组对象,存储三个颜色变量
NSArray *colorArray = [NSArray arrayWithObjects:(__bridge id _Nonnull)(fromColor),midColor,toColor, nil];
//设置渐变层的颜色数组属性为三个渐变色构建的数组.
gradientLayer.colors = colorArray;
//将渐变层添加到视图对象的层中
[view.layer addSublayer:gradientLayer];
[self.view addSubview:view];
}
08 UIView视图的纹理填充
//新建一个颜色对象,并将导入的图片赋予该对象
UIColor *background = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"bg.png"]];
//再将此颜色对象,赋值给当前窗口根视图的背景
self.view.backgroundColor = background;
09 CGAffineTransform仿射变换 -- 仿射变换,旋转视图
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
CGRect myImageRect = CGRectMake(50.0f, 150.0f, 200.0f, 50.0f);
UIView *myView = [[UIView alloc] initWithFrame:myImageRect];
myView.backgroundColor = [UIColor redColor];
[self.view addSubview:myView];
//Rotate
//创建一个仿射变换变量,仿射变换可以用于平易、旋转、缩放变换路径或者图形上下文.
CGAffineTransform transform = myView.transform;
//选择使用旋转功能
transform = CGAffineTransformRotate(transform, 3.14/4);
//将变换变量,赋值给视图对象,完成变换操作.
myView.transform = transform;
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
**********************************************************************************************************
使用iOS手势,完成视图的交互功能**********************************************************************************
**********************************************************************************************************
10 UITapGestureRecognizer手势之单击
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
CGRect rect = CGRectMake(100, 100, 107, 107);
UIImageView *imgView = [[UIImageView alloc] initWithFrame:rect];
//加载项目中的图片
UIImage *img = [UIImage imageNamed:@"star.png"];
//使用加载的图片,创建一个视图
[imgView setImage:img];
//开启图像视图的交互功能
[imgView setUserInteractionEnabled:YES];
[self.view addSubview:imgView];
//UIKit中包含了手势识别的类,用于检测发生在设备中的各种首饰.
UITapGestureRecognizer *guesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(singleTap)];
//将手势指定给图像视图
[imgView addGestureRecognizer:guesture];
}
-(void)singleTap {
//当接受到手势事件后,弹出一个提示窗口
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Information" message:@"Single Tap" delegate:self cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil];
[alertView show];
}
11 UITapGestureRecognizer手势之长按
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
CGRect rect = CGRectMake(100, 100, 107, 107);
UIImageView *imgView = [[UIImageView alloc] initWithFrame:rect];
UIImage *img = [UIImage imageNamed:@"star.png"];
[imgView setImage:img];
//激活图像视图的交互功能
[imgView setUserInteractionEnabled:YES];
//将图像视图添加到当前视图控制器的根视图
[self.view addSubview:imgView];
//创建一个长按手势对象,用于检测发生在设备中的长按手势.
UILongPressGestureRecognizer *guesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress:)];
//将手势指定给视图对象
[imgView addGestureRecognizer:guesture];
}
//创建接受手势视图的方法
-(void)longPress:(UILongPressGestureRecognizer *)guesture {
//检测手势事件的阶段
if (guesture.state) {
//当接受到手势事件时,弹出一个窗口
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Information" message:@"Long press" delegate:self cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil];
[alertView show];
}
}
12 UITapGestureRecognizer手势之双击
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
CGRect rect = CGRectMake(100, 100, 107, 107);
UIImageView *imgView = [[UIImageView alloc] initWithFrame:rect];
UIImage *img = [UIImage imageNamed:@"star.png"];
[imgView setImage:img];
//激活图像视图的交互功能
[imgView setUserInteractionEnabled:YES];
//将图像视图添加到当前视图控制器的根视图
[self.view addSubview:imgView];
//创建一个手势对象
UITapGestureRecognizer *guesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(doubleTap)];
//设置点击次数为2,模拟双击事件
[guesture setNumberOfTapsRequired:2];
//设置为单次双击事件
[guesture setNumberOfTouchesRequired:1];
//将手势指定给图像视图对象
[imgView addGestureRecognizer:guesture];
}
//创建接受手势事件的方法
-(void)doubleTap {
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"information" message:@"Double Tap" delegate:self cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil];
[alertView show];
}
微信赞赏
支付宝赞赏