·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> app软件开发 >> IOS开发 >> iOS阶段学习第27天笔记(UIButton-UIImageView的介绍)

iOS阶段学习第27天笔记(UIButton-UIImageView的介绍)

作者:佚名      IOS开发编辑:admin      更新时间:2022-07-23

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];