- 版权声明：本文为博主原创文章，未经博主允许不得转载。
1.UILabel 标签
- 作用：显示文字
核心属性：
frame 位置和大小
text 显示的文本内容
numberOfLines 显示的最大函数，默认1行，如果设置0，行数没有上线
backgroundColor 背景颜色
textColor 文本颜色
font 字体样式 及 大小```
######frame ：CGRect类型的结构体，记录视图的左顶点在父视图中的位置，以及该视图在父视图中占据的宽高
- 如何创建一个CGRect类型的变量?
使用函数创建即可，函数名的规律是创建的结构体名称后面加Make
CGRectMake(x, y, width, height)
CGPoint origin;
CGPointMake(x,y)
CGSize size;
CGSizeMake(w,h)```
注意：OC中视图的frame属性中的origin 和 size 为只读， 不能单独修改 origin 和 size， 但是可以修改整个frame
代码实现
UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 200, 400)];
[self.view addSubview:label]; ```
>这样就用代码实现了label的创建，其中initWithFrame设置了label的位置还有大小,其中CGRectMake可以通过另外声明CGRect rect =CGRectMake(50,50,200,400)再将变量rect放在方法initWithFrame后实现CGRectMake的四个数值分别代表rect的位置坐标x值，坐标y值，宽度width，高度height。第二句[self.view addSubview:label]就是在当前的视图self.view中通过调用addSubview方法加入子视图，就像贴纸一样贴上去，会因为添加的顺序不同而发生后一个添加的子视图遮盖前一个子视图的现象，这个在后面讲为label添加背景图时还会提到。
- 或者用下面的代码来改变label的大小
label.frame = CGRectMake(97, 47, 223, 19); ```
设置label的标记（tag）
label.tag =101; ```
设置label的文本内容
label.text =@"abcd" 或者
NSString *labelText = @"abcd";
label.text = labelText; ```
把字符串的值赋给label,设置label的文字类型与大小
label.font = [UIFont systemFontOfSize:12];//采用系统默认文字设置大小
label.font = [UIFont fontWithName:@"Arial" size:30];//设置文字类型与大小 ```
设置label的文字颜色
label.textColor = [UIColor lightGrayColor];//其中textColor要用UIColor类型 ```
设置文本的对齐方式
label.textAlignment = NSTextAlignmentLeft;```
其中textAlignment有三种设置方式：
NSTextAlignmentLeft//为向左对齐
NSTextAlignmentCenter//为居中对齐
NSTextAlignmentRight//为向右对齐```
如果有一些文章介绍时用的是
UITextAlignmentCenter/UITextAlignmentLeft/UITextAlignmentRight,那是iOS6以前的用法，iOS6的最新用法已改当文本内容很多，label无法全部显示时label会将文本内容以省略号的方式代替，下面说一下label文本省略方式的设置
label.lineBreakMode =NSLineBreakByCharWrapping;//其中lineBreakMode可选值为
linBreakMode enum{
NSLineBreakByWordWrapping = 0,//保留整个单词，以空格为边界
NSLineBreakByCharWrapping,//保留整个字符
NSLineBreakByClipping,//以边界为止
NSLineBreakByTruncatingHead,//省略开头，以省略号代替
NSLineBreakByTruncatingTail,//省略结尾，以省略号代替
NSLineBreakByTruncatingMiddle//省略中间，以省略号代替
} ```
设置文本的行数
label.numberOfLines = 1;//行数设置为1,不设置时系统会默认行数为1 ```
当需要设置的行数为不限数量的时候可以用numberOfLines=0实现.
当label大小使用sizeToFit方法，调整大小时会考虑到该属性中存储的值。例如，如果此属性设置为3，sizeToFit方法会调整label使它大到足以显示三行文本。
[label sizeToFit]; ```
实现文本多行显示
commentTextLabel.lineBreakMode = NSLineBreakByCharWrapping;
commentTextLabel.numberOfLines = 0; ```
文本自动根据label大小自动调整字体尺寸
label.numberOfLines =1;
label.adjustsFontSizeToFitWidth =YES; ```
`adjustFontSizeToFitWidth`方法可实现文本自动根据label大小自动调整字体尺寸，直到文本的大小达到了自己设置的label文本尺寸最大、最小值与字符串的最大最小值，要是用这个方法还有一个很大的限制就是只有在`numberOfLines`设置为1时才能用
如果行数是超过了1行，要实现自动调整字体大小功能，就没有可以自适应的系统方法可以使用，只有自己用代码实现，在设计时因为要考虑到手机屏幕的实际大小有限，如果字体太小会影响用户体验，所以要设置一个最小字号的判断，小于最小字号就要用到缩略显示，下面的代码中主要是用到
CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180) lineBreakMode:NSLineBreakByCharWrapping];
来得到字体在某一字号下的高度，判断与label高度是否一致，其中text是输入label的文本内容，sizWithFont设置字体，constrainedToSize设置约束文本的矩形大小参数，其中宽度要和label一致，高度设置要足够高，要比label高很多，否则会出现文本显示不全的问题，lineBreakMode的作用上文有讲过。如果算出的高度超出了label高度，就把字号以循环的方式减小直到高度符合就跳出循环。
float maxHeight =50;//设置最大高度
float minFontSize =9;
float height;
int fontSize = 31;//设置最大字号
NSString text = @"输入文本内容";
do {
fontSize = fontSize - 1;
UIFont font =[UIFont fontWithName:@"Arial" size:fontSize];
CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180)/宽度与label的宽度一样，高度应高于label高度/ lineBreakMode:NSLineBreakByCharWrapping];
height = size.height;
NSLog(@"height=%f,fontSize=%d,text=%@",height,fontSize,text);
} while (height > maxHeight&&fontSize>minFontSize);
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 100, 50)];
label.text =text;
if (fontSize ==9) {//判断字体是否小于最小字号，小于最小字号时就使用系统默认的缩略显示
label.font = [UIFont fontWithName:@"Arial" size:15];
}
else{
label.font = [UIFont fontWithName:@"Arial" size:fontSize];
label.lineBreakMode = NSLineBreakByCharWrapping;//实现文字多行显示
label.numberOfLines = 0;
}
[self.view addSubview:label]; ```
根据文本数量自动调整label高度
其实就是用上面的方法得到高度再生成label
NSString *text =[[NSString alloc]init];
text = @"输入文本内容";
CGSize size = CGSizeMake(280, 180);
UIFont *fonts = [UIFont systemFontOfSize:14.0];
CGSize msgSie = [text sizeWithFont:fonts constrainedToSize:size lineBreakMode: NSLineBreakByCharWrapping];
UILabel *textLabel = [[UILabel alloc] init];
[textLabel setFont:[UIFont boldSystemFontOfSize:14]];
textLabel.frame = CGRectMake(20,70, 280,msgSie.height);
textLabel.text = text;
textLabel.lineBreakMode = NSLineBreakByCharWrapping;//实现文字多行显示
textLabel.numberOfLines = 0;
[self.view addSubview:textLabel]; ```
#####设置label的边框粗细与颜色，设置前要在相应文件中加入#import
label.layer.borderColor = [UIColor lightGrayColor].CGColor;//边框颜色,要为CGColor
label.layer.borderWidth = 1;//边框宽度 ```
设置label的背景颜色
label.backgroundColor =[UIColor yellowColor]; ```
设置label背景图
设置背景图有两种方法，下面先介绍第一种方法：
设置背景图可以把一张大小与label一样的图放在label的后面一层，然后把label的背景设置为透明，这样实现label有背景
UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 200, 400)];
UIImageView *imageView =[[UIImageView alloc]init];
imageView.frame =CGRectMake(50, 50, 200, 400);
UIImage *image=[UIImage imageNamed:@"1.jpg"];
imageView.image =image;//imageView会根据自身大小改变添加的图片的大小所以不需要额外设置image
label.backgroundColor = [UIColor clearColor];
label.text =@"hello world";
label.font = [UIFont systemFontOfSize:30];
label.textColor = [UIColor yellowColor];
[self.view addSubview:imageView];//添加的顺序不能错，否则图片会覆盖label
[self.view addSubview:label]; ```
这个是一个有点不正统的方法，下面要介绍更加规范的第二种方法：用UIColor设置图片，然后把UIColor作为背景颜色，就可以实现label设置背景图
UIColor * color = [UIColor colorWithPatternImage:image];//image为需要添加的背景图
UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 100, 200)];
[label setBackgroundColor:color];
[self.view addSubview:label]; ```
但这个方法有一个严重的缺陷，就是当背景图的尺寸与label大小不一致时，会出现背景图被部分截取或者平铺重复的情况，所以更完善的方法是要先修改好背景图的大小与label大小一致再设置背景颜色。可以用下面的函数设置image尺寸
-(UIImage *)scaleImage:(UIImage *)img ToSize:(CGSize)itemSize{
UIImage *i;
// 创建一个bitmap的context,并把它设置成为当前正在使用的context
UIGraphicsBeginImageContext(itemSize);
CGRect imageRect=CGRectMake(0, 0, itemSize.width, itemSize.height);
// 绘制改变大小的图片
[img drawInRect:imageRect];
// 从当前context中创建一个改变大小后的图片
i=UIGraphicsGetImageFromCurrentImageContext();
// 使当前的context出堆栈
UIGraphicsEndImageContext();
// 返回新的改变大小后的图片
return i;
} ```
然后在主函数中调用即可
CGSize size= CGSizeMake(100, 200);
UIImage *image =[UIImage imageNamed:@"1.jpg"];
UIImage *laterImage =[self scaleImage:image ToSize:size];
UIColor * color = [UIColor colorWithPatternImage:laterImage];
UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 100, 200)];
[label setBackgroundColor:color];
[self.view addSubview:label]; ```
设置高亮
label.highLighted =YES; ```
设置文本阴影
label.shadowColor =[UIColor grayColor]; ```
设置阴影大小
label.shadowOffset = CGSizeMake(2.0, 2.0); ```
设置label圆角
label.layer.cornerRadius = 10; ```
>切记要是用这样的设置要先在头文件中加上
\#import
###2.UIButton 按钮
- UIButton (UIControl的子类) 按键
######作用：与用户交互， 用户可以点击，并提供响应
#####核心属性：
```swift
title: 按键上的文字
image: 按键上的图片
backgroundImage :背景图片
state ：按键的状态 （normal highlighted 选中 失效）```
######一、简单说明
一般情况下，点击某个控件后，会做出相应反应的都是按钮
按钮的功能比较多，既能显示文字，又能显示图片，还能随时调整内部图片和文字的位置
######二、按钮的三种状态
normal（普通状态）
默认情况（Default）
对应的枚举常量：UIControlStateNormal
highlighted（高亮状态）
按钮被按下去的时候（手指还未松开）
对应的枚举常量：UIControlStateHighlighted
disabled（失效状态，不可用状态）
如果enabled属性为NO，就是处于disable状态，代表按钮不可以被点击
对应的枚举常量：UIControlStateDisabled
######三、注意点
（1）从Xcode5开始，图片资源都放到Images.xcassets中进行管理，可以使用拖拽的方式添加项目中用到的图片到Images.xcassets中
（2）若干多个控件共用一段代码，通常使用tag。```
四、代码示例
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor whiteColor];
//创建一个 系统样式button
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
//设置Button的尺寸
button.frame = CGRectMake(50, 50, 100, 50);
//设置默认状态的时 的 title 是 "默认"
[button setTitle:@"默认" forState:UIControlStateNormal];
//设置默认状态的时 的 title颜色 是 红色
[button setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
//设置默认状态的时 的 title 是 "高亮"
[button setTitle:@"高亮" forState:UIControlStateHighlighted];
//设置高亮状态的时 的 title颜色 是 绿色
[button setTitleColor:[UIColor greenColor] forState:UIControlStateHighlighted];
//设置 默认时 的 iamge
//通过图片名称 创建 图片对象
UIImage *image = [UIImage imageNamed:@"AZURE"];
[button setImage:image forState:UIControlStateNormal];
//设置 高亮时 的 iamge
UIImage *image2 = [UIImage imageNamed:@"BLUE"];
[button setImage:image2 forState:UIControlStateHighlighted];
//设置 默认时 的背景 图片
[button setBackgroundImage:[UIImage imageNamed:@"btn1"] forState:UIControlStateNormal];
//设置 高亮时 的背景 图片
[button setBackgroundImage:[UIImage imageNamed:@"btn2"] forState:UIControlStateHighlighted];
//给按键添加执行事件
/*
参数:
target: 目标对象， 当事件发生时，由target这个对象提供响应
action: 由目标对象的哪个方法做响应 (需要传入方法名)
*/
//当用户在button的范围内抬起，通过当前对象，执行buttonClick方法
[button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside];
//设置失效的背景
// [button setBackgroundImage:[UIImage imageNamed:@"btn3"] forState:UIControlStateDisabled];
//设置选中的背景
[button setBackgroundImage:[UIImage imageNamed:@"btn3"] forState:UIControlStateSelected];
//将button 添加到 view上
[self.view addSubview:button];
}
//button 的 响应事件方法
-(void)buttonClick:(UIButton*)sender {
//设置button 不在激活 让button 失效
// sender.enabled = NO;
//设置button 为选中状态
sender.selected = !sender.selected;
NSLog(@"button 被按下了");
}```
######五、补充笔记
- 1. IBAction的参数
- (IBAction)left:(UIButton *)button
（1） 在OC中，绝大多数的控件监听方法的第一个参数就是控件本身
（2） 默认连线时的参数类型是id
（3） 如果要在监听方法中，方便控件的使用，可以在连线时或者连线后，修改监听方法的参数类型```
- 2.修改对象的结构体成员
在OC中，不允许直接修改“对象”的“结构体属性”的“成员”，但是允许修改“对象”的“结构体属性”
修改结构体属性的成员方法如下：
（1）使用临时变量记录对象的结构体属性
（2） 修改临时变量的属性
（3）将临时变量重新设置给对象的结构体属性```
- 3.在程序开发中需要避免出现魔法数字(Magic Number)
>使用枚举类型，可以避免在程序中出现魔法数字
（1）枚举类型实质上就是一个整数，其作用就是用来替代魔法数字
（2）枚举类型中，指定了第一个整数之后，后面的数字会递增```
- 4.frame & bounds & center
1. frame可以修改对象的位置和尺寸
2. bounds可以修改对象的尺寸
3. center可以修改对象的位置
- 5.首尾式动画
// beginAnimations表示此后的代码要“参与到”动画中
[UIView beginAnimations:nil context:nil];
// setAnimationDuration用来指定动画持续时间
[UIView setAnimationDuration:2.0];
self.headImageView.bounds = rect;
......
// commitAnimations，将beginAnimation之后的所有动画提交并生成动画
[UIView commitAnimations];```