iOS阶段学习第27天笔记(UIButton-UIImageView的介绍)
iOS学习(UI)知识点整理
一、关于UIButton的介绍
1）概念：UIButton 是一种常用的控件，通过点击触发相应的功能
2）UIButton 的几种常用的状态
1、UIControlStateNormal 正常状态
2、UIControlStateHighlighted 高亮状态
3、UIControlStateSelected 选中状态 -> 当button的selected设置成yes之后才能触发
3）UIButton常用的几种事件
1、UIControlEventTouchUpInside 按钮按下并抬起事件
2、UIControlEventTouchDown 按钮按下事件
3、UIControlEventTouchDownRepeat 按钮多次点击触发事件
4）UIButton 初始化实例代码
1 UIButton *button = [[UIButton alloc] init]; 2 button.frame = CGRectMake(20, 50, 50 , 50); 3 button.backgroundColor = [UIColor clearColor]; 4 [button setTitle:@"按钮1 正常状态" forState:UIControlStateNormal]; 5 [button setTitle:@"按钮1 高亮状态" forState:UIControlStateHighlighted]; 6 [button setTitle:@"按钮1 选中状态" forState:UIControlStateSelected]; 7 8 //按钮点击时触发事件 9 [button addTarget:self action:@selector(buttonTapped:) forControlEvents:UIControlEventTouchUpInside]; 10 //按钮按下后触发事件 11 [button addTarget:self action:@selector(buttonTappedDown:) forControlEvents:UIControlEventTouchDown]; 12 //按钮双击触发事件 13 [button addTarget:self action:@selector(buttonTappedDown:) forControlEvents:UIControlEventTouchDownRepeat]; 14 //设置按钮高亮状态下的字体颜色 15 [button setTitleColor:[UIColor lightGrayColor] forState:UIControlStateHighlighted]; 16 //button字体变为35号加粗的字体 17 button.titleLabel.font = [UIFont boldSystemFontOfSize:35]; 18 //设置圆角 19 button.layer.cornerRadius = 5.f; 20 //设置边框宽度 21 button.layer.borderWidth = 2.1; 22 //设置边框颜色 23 button.layer.borderColor = [UIColor lightGrayColor].CGColor; 24 //设置按钮背景图 25 UIImage *imageNormal = [UIImage imageNamed:@"camera"]; 26 //设置imageNormal为按钮的正常情况的图片 27 [button setImage:imageNormal forState:UIControlStateNormal]; 28 29 UIImage *imageHightLight = [UIImage imageNamed:@"camera2"]; 30 //设置imageHightLight为按钮的高亮情况的图片 31 [button setImage:imageHightLight forState:UIControlStateHighlighted]; 32 //当button设置了图片的时候 并且没有设置高亮状态下得图片，取消高亮状态, 默认是Yes 33 button.adjustsImageWhenHighlighted = YES; 34 [self.window addSubview:button];
5）防止按钮多次点击重复提交数据的实例代码
1 [button addTarget:self action:@selector(buttonTapped:) forControlEvents:UIControlEventTouchUpInside]; 3 - (void)buttonTapped:(UIButton *)button 4 { 5 //设置按钮不可点击 6 button.userInteractionEnabled = NO; 8 //延迟执行方法 防止按钮被快速点击或者不希望点击造成错误 9 [self performSelector:@selector(delayMethod:) withObject:button afterDelay:1]; 11 } 12 13 //延迟方法->设置按钮为可点击状态 14 - (void)delayMethod:(UIButton *)button 15 { 16 button.userInteractionEnabled = YES; 17 }
二、关于UIImageView的介绍
1）概念：UIImageView 是iOS中专门用于展示图片的控件
2）UIImageView 初始化 实例代码
1 UIImageView *imageView = [[UIImageView alloc] init]; 2 imageView.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.width); 3 imageView.backgroundColor = [UIColor whiteColor]; 4 imageView.center = self.view.center; 5 6 //tag设置控件的唯一标识,值不能重复 7 imageView.tag = 100; 8 9 //UIImageView的 clipsToBounds属性，设置为yes的时候超出部分，不予以显示 10 imageView.clipsToBounds = YES; 11 12 //读取一张图片 13 UIImage *image = [UIImage imageNamed:@"icon"]; 14 imageView.image = image; 15 16 //设置图片展示模式 17 imageView.contentMode = UIViewContentModeScaleAspectFill; 18 19 //打开imageview的用户交互 注：要实现图片点击事件此属性必须设置为YES 20 imageView.userInteractionEnabled = YES; 21 [self.view addSubview:imageView]; 22 23 //为UIImageView添加点击事件 24 UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self
action:@selector(imageViewTapped:)];
25 [imageView addGestureRecognizer:tap];
3）UI_ImageView中常用的几种填充模式
1、UIViewContentModeScaleToFill 拉伸image使其充满UIImageView
2、UIViewContentModeScaleAspectFill 拉伸image使其不变形，并且充满UIImageView
3、UIViewContentModeScaleAspectFit 拉伸imgage使其不变形，并且完全显示在UIImageView中
4）UITapGestureRecognizer 除了可以给UI_ImageView添加点击方法外还可以给其他控件添加点击方法
如：UI_Lable、UI_View...等
5）iOS中获取图片的三种方法
方法一：
1 //把图片对象加载到内存中 2 UIImage *image1 = [UIImage imageNamed:@"camera"]; 3 CGSize size = image1.size; 4 NSLog(@"size.w %f size.h %f",size.width ,size.height); 5 //如果图片的格式是png，则后缀名可以省略，其他格式不能省略 6 UIImage *image2 = [UIImage imageNamed:@"icon.jpeg"];
方法二：
//使用场景：读取大图片，比较占内存的，需要及时释放的图片要用这种方法 //读取icon.jpeg NSString *imagePath3 = [[NSBundle mainBundle] pathForResource:@"icon" ofType:@"jpeg"]; UIImage *image3 = [[UIImage alloc] initWithContentsOfFile:imagePath3]; NSString *imagePath3_1 = [[NSBundle mainBundle] pathForResource:@"icon.jpeg" ofType:nil]; UIImage *image3_1 = [[UIImage alloc] initWithContentsOfFile:imagePath3_1];
方法三：
1 NSString *imagePath = [[NSBundle mainBundle] pathForResource:@"icon" ofType:@"jpeg"]; 2 3 UIImage *image4 = [UIImage imageWithContentsOfFile:imagePath];
