• 版權(quán)聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載。

1.UILabel 標(biāo)簽

• 作用：顯示文字

核心屬性：

frame   位置和大小
text      顯示的文本內(nèi)容
numberOfLines  顯示的最大函數(shù)银择，默認(rèn)1行累舷，如果設(shè)置0浩考，行數(shù)沒有上線
backgroundColor 背景顏色
textColor   文本顏色
font        字體樣式 及 大小```

######frame ：CGRect類型的結(jié)構(gòu)體被盈，記錄視圖的左頂點(diǎn)在父視圖中的位置，以及該視圖在父視圖中占據(jù)的寬高

- 如何創(chuàng)建一個(gè)CGRect類型的變量?

使用函數(shù)創(chuàng)建即可只怎，函數(shù)名的規(guī)律是創(chuàng)建的結(jié)構(gòu)體名稱后面加Make
CGRectMake(x, y, width, height)
CGPoint origin;
CGPointMake(x,y)
CGSize size;
CGSizeMake(w,h)```

注意：OC中視圖的frame屬性中的origin 和 size 為只讀， 不能單獨(dú)修改 origin 和 size邓尤， 但是可以修改整個(gè)frame

代碼實(shí)現(xiàn)

UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 200, 400)];    
[self.view addSubview:label];    ```
>這樣就用代碼實(shí)現(xiàn)了label的創(chuàng)建，其中initWithFrame設(shè)置了label的位置還有大小,其中CGRectMake可以通過另外聲明CGRect rect =CGRectMake(50,50,200,400)再將變量rect放在方法initWithFrame后實(shí)現(xiàn)CGRectMake的四個(gè)數(shù)值分別代表rect的位置坐標(biāo)x值汞扎，坐標(biāo)y值擅这，寬度width澈魄，高度height仲翎。第二句[self.view addSubview:label]就是在當(dāng)前的視圖self.view中通過調(diào)用addSubview方法加入子視圖，就像貼紙一樣貼上去溯香，會因?yàn)樘砑拥捻樞虿煌l(fā)生后一個(gè)添加的子視圖遮蓋前一個(gè)子視圖的現(xiàn)象，這個(gè)在后面講為label添加背景圖時(shí)還會提到芬迄。


- 或者用下面的代碼來改變label的大小

label.frame = CGRectMake(97, 47, 223, 19); ```

設(shè)置label的標(biāo)記（tag）

label.tag =101;     ```

設(shè)置label的文本內(nèi)容

label.text =@"abcd" 或者
NSString *labelText = @"abcd";
label.text = labelText; ```

把字符串的值賦給label,設(shè)置label的文字類型與大小

label.font = [UIFont systemFontOfSize:12];//采用系統(tǒng)默認(rèn)文字設(shè)置大小    
label.font = [UIFont fontWithName:@"Arial" size:30];//設(shè)置文字類型與大小 ```

設(shè)置label的文字顏色

label.textColor = [UIColor lightGrayColor];//其中textColor要用UIColor類型 ```

設(shè)置文本的對齊方式

label.textAlignment = NSTextAlignmentLeft;```

其中textAlignment有三種設(shè)置方式：

NSTextAlignmentLeft//為向左對齊
NSTextAlignmentCenter//為居中對齊
NSTextAlignmentRight//為向右對齊```

如果有一些文章介紹時(shí)用的是
UITextAlignmentCenter/UITextAlignmentLeft/UITextAlignmentRight,那是iOS6以前的用法昂秃，iOS6的最新用法已改當(dāng)文本內(nèi)容很多杜窄，label無法全部顯示時(shí)label會將文本內(nèi)容以省略號的方式代替肠骆，下面說一下label文本省略方式的設(shè)置

label.lineBreakMode =NSLineBreakByCharWrapping;//其中l(wèi)ineBreakMode可選值為    
linBreakMode enum{    
NSLineBreakByWordWrapping = 0,//保留整個(gè)單詞塞耕，以空格為邊界    
   NSLineBreakByCharWrapping,//保留整個(gè)字符    
   NSLineBreakByClipping,//以邊界為止    
   NSLineBreakByTruncatingHead,//省略開頭，以省略號代替    
   NSLineBreakByTruncatingTail,//省略結(jié)尾莉钙，以省略號代替    
   NSLineBreakByTruncatingMiddle//省略中間廓脆，以省略號代替    
   }   ```

設(shè)置文本的行數(shù)

label.numberOfLines = 1;//行數(shù)設(shè)置為1,不設(shè)置時(shí)系統(tǒng)會默認(rèn)行數(shù)為1 ```

當(dāng)需要設(shè)置的行數(shù)為不限數(shù)量的時(shí)候可以用numberOfLines=0實(shí)現(xiàn).

當(dāng)label大小使用sizeToFit方法磁玉，調(diào)整大小時(shí)會考慮到該屬性中存儲的值。例如蚊伞，如果此屬性設(shè)置為3，sizeToFit方法會調(diào)整label使它大到足以顯示三行文本颅停。

[label sizeToFit];  ```


實(shí)現(xiàn)文本多行顯示

commentTextLabel.lineBreakMode = NSLineBreakByCharWrapping;
commentTextLabel.numberOfLines = 0; ```

文本自動根據(jù)label大小自動調(diào)整字體尺寸

label.numberOfLines =1;    
label.adjustsFontSizeToFitWidth =YES; ```


`adjustFontSizeToFitWidth`方法可實(shí)現(xiàn)文本自動根據(jù)label大小自動調(diào)整字體尺寸掠拳，直到文本的大小達(dá)到了自己設(shè)置的label文本尺寸最大癞揉、最小值與字符串的最大最小值溺欧，要是用這個(gè)方法還有一個(gè)很大的限制就是只有在`numberOfLines`設(shè)置為1時(shí)才能用

如果行數(shù)是超過了1行，要實(shí)現(xiàn)自動調(diào)整字體大小功能胧奔，就沒有可以自適應(yīng)的系統(tǒng)方法可以使用，只有自己用代碼實(shí)現(xiàn)胳泉，在設(shè)計(jì)時(shí)因?yàn)橐紤]到手機(jī)屏幕的實(shí)際大小有限岩遗，如果字體太小會影響用戶體驗(yàn)扇商，所以要設(shè)置一個(gè)最小字號的判斷宿礁，小于最小字號就要用到縮略顯示，下面的代碼中主要是用到

CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180) lineBreakMode:NSLineBreakByCharWrapping];

來得到字體在某一字號下的高度梆靖，判斷與label高度是否一致，其中text是輸入label的文本內(nèi)容姑子，sizWithFont設(shè)置字體，constrainedToSize設(shè)置約束文本的矩形大小參數(shù)街佑，其中寬度要和label一致，高度設(shè)置要足夠高沐旨，要比label高很多，否則會出現(xiàn)文本顯示不全的問題磁携，lineBreakMode的作用上文有講過。如果算出的高度超出了label高度颜武，就把字號以循環(huán)的方式減小直到高度符合就跳出循環(huán)。

float maxHeight =50;//設(shè)置最大高度
float minFontSize =9;
float height;
int fontSize = 31;//設(shè)置最大字號
NSString text = @"輸入文本內(nèi)容";
do {
fontSize = fontSize - 1;
UIFont font =[UIFont fontWithName:@"Arial" size:fontSize];
CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake(100, 180)/寬度與label的寬度一樣这吻，高度應(yīng)高于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) {//判斷字體是否小于最小字號篙议，小于最小字號時(shí)就使用系統(tǒng)默認(rèn)的縮略顯示    
    label.font = [UIFont fontWithName:@"Arial" size:15];    
}    
else{    
label.font = [UIFont fontWithName:@"Arial" size:fontSize];    
label.lineBreakMode = NSLineBreakByCharWrapping;//實(shí)現(xiàn)文字多行顯示    
label.numberOfLines = 0;    
}    
[self.view addSubview:label];  ```

根據(jù)文本數(shù)量自動調(diào)整label高度
其實(shí)就是用上面的方法得到高度再生成label

NSString *text =[[NSString alloc]init];    
  text = @"輸入文本內(nèi)容";    
  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;//實(shí)現(xiàn)文字多行顯示    
  textLabel.numberOfLines = 0;    
  [self.view addSubview:textLabel];    ```

#####設(shè)置label的邊框粗細(xì)與顏色，設(shè)置前要在相應(yīng)文件中加入#import<QuartzCore/QuartzCore.h>

label.layer.borderColor = [UIColor lightGrayColor].CGColor;//邊框顏色,要為CGColor
label.layer.borderWidth = 1;//邊框?qū)挾?```

設(shè)置label的背景顏色

label.backgroundColor =[UIColor yellowColor];   ```


設(shè)置label背景圖
設(shè)置背景圖有兩種方法鬼贱，下面先介紹第一種方法：
設(shè)置背景圖可以把一張大小與label一樣的圖放在label的后面一層，然后把label的背景設(shè)置為透明这难，這樣實(shí)現(xiàn)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會根據(jù)自身大小改變添加的圖片的大小所以不需要額外設(shè)置image
label.backgroundColor = [UIColor clearColor];
label.text =@"hello world";
label.font = [UIFont systemFontOfSize:30];
label.textColor = [UIColor yellowColor];
[self.view addSubview:imageView];//添加的順序不能錯(cuò)，否則圖片會覆蓋label
[self.view addSubview:label]; ```

這個(gè)是一個(gè)有點(diǎn)不正統(tǒng)的方法姻乓，下面要介紹更加規(guī)范的第二種方法：用UIColor設(shè)置圖片，然后把UIColor作為背景顏色蹋岩，就可以實(shí)現(xiàn)label設(shè)置背景圖

UIColor * color = [UIColor colorWithPatternImage:image];//image為需要添加的背景圖    
 UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 100, 200)];    
 [label setBackgroundColor:color];    
 [self.view addSubview:label];    ```

但這個(gè)方法有一個(gè)嚴(yán)重的缺陷，就是當(dāng)背景圖的尺寸與label大小不一致時(shí)剪个，會出現(xiàn)背景圖被部分截取或者平鋪重復(fù)的情況，所以更完善的方法是要先修改好背景圖的大小與label大小一致再設(shè)置背景顏色乎折。可以用下面的函數(shù)設(shè)置image尺寸

-(UIImage *)scaleImage:(UIImage *)img ToSize:(CGSize)itemSize{
UIImage *i;
// 創(chuàng)建一個(gè)bitmap的context,并把它設(shè)置成為當(dāng)前正在使用的context
UIGraphicsBeginImageContext(itemSize);
CGRect imageRect=CGRectMake(0, 0, itemSize.width, itemSize.height);
// 繪制改變大小的圖片
[img drawInRect:imageRect];
// 從當(dāng)前context中創(chuàng)建一個(gè)改變大小后的圖片
i=UIGraphicsGetImageFromCurrentImageContext();
// 使當(dāng)前的context出堆棧
UIGraphicsEndImageContext();
// 返回新的改變大小后的圖片
return i;
} ```

然后在主函數(shù)中調(diào)用即可

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

設(shè)置高亮

label.highLighted =YES; ```

設(shè)置文本陰影

label.shadowColor =[UIColor grayColor];   ```

設(shè)置陰影大小

label.shadowOffset = CGSizeMake(2.0, 2.0); ```

設(shè)置label圓角

label.layer.cornerRadius = 10;    ```

>切記要是用這樣的設(shè)置要先在頭文件中加上    
\#import<QuartzCore/QuartzCore.h>





###2.UIButton  按鈕
                        
- UIButton (UIControl的子類) 按鍵
                        
######作用：與用戶交互笆檀， 用戶可以點(diǎn)擊盒至，并提供響應(yīng)

#####核心屬性：
```swift
    title: 按鍵上的文字
    image:  按鍵上的圖片
    backgroundImage  :背景圖片
    state ：按鍵的狀態(tài) （normal  highlighted  選中  失效）```

######一、簡單說明

一般情況下枷遂，點(diǎn)擊某個(gè)控件后，會做出相應(yīng)反應(yīng)的都是按鈕

按鈕的功能比較多酒唉，既能顯示文字，又能顯示圖片侄榴，還能隨時(shí)調(diào)整內(nèi)部圖片和文字的位置

######二、按鈕的三種狀態(tài)

normal（普通狀態(tài)）

默認(rèn)情況（Default）

對應(yīng)的枚舉常量：UIControlStateNormal

highlighted（高亮狀態(tài)）

按鈕被按下去的時(shí)候（手指還未松開）

對應(yīng)的枚舉常量：UIControlStateHighlighted

disabled（失效狀態(tài)癞蚕，不可用狀態(tài)）

如果enabled屬性為NO辉哥，就是處于disable狀態(tài)桦山，代表按鈕不可以被點(diǎn)擊

對應(yīng)的枚舉常量：UIControlStateDisabled

 

######三醋旦、注意點(diǎn)

（1）從Xcode5開始，圖片資源都放到Images.xcassets中進(jìn)行管理饲齐，可以使用拖拽的方式添加項(xiàng)目中用到的圖片到Images.xcassets中

（2）若干多個(gè)控件共用一段代碼，通常使用tag捂人。```

四、代碼示例

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    
    //創(chuàng)建一個(gè) 系統(tǒng)樣式button
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
    //設(shè)置Button的尺寸
    button.frame = CGRectMake(50, 50, 100, 50);
    //設(shè)置默認(rèn)狀態(tài)的時(shí)  的 title  是 "默認(rèn)"
    [button setTitle:@"默認(rèn)" forState:UIControlStateNormal];
     //設(shè)置默認(rèn)狀態(tài)的時(shí)  的 title顏色  是 紅色
    [button setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
    //設(shè)置默認(rèn)狀態(tài)的時(shí)  的 title  是 "高亮"
    [button setTitle:@"高亮" forState:UIControlStateHighlighted];
    //設(shè)置高亮狀態(tài)的時(shí)  的 title顏色  是 綠色
    [button setTitleColor:[UIColor greenColor] forState:UIControlStateHighlighted];
    
    //設(shè)置 默認(rèn)時(shí) 的 iamge
    //通過圖片名稱 創(chuàng)建 圖片對象
    UIImage *image = [UIImage imageNamed:@"AZURE"];
    [button setImage:image forState:UIControlStateNormal];
    
    //設(shè)置 高亮?xí)r 的 iamge
    UIImage *image2 = [UIImage imageNamed:@"BLUE"];
    [button setImage:image2 forState:UIControlStateHighlighted];
    
    
    //設(shè)置 默認(rèn)時(shí) 的背景 圖片
    [button setBackgroundImage:[UIImage imageNamed:@"btn1"] forState:UIControlStateNormal];
    //設(shè)置 高亮?xí)r 的背景 圖片
    [button setBackgroundImage:[UIImage imageNamed:@"btn2"] forState:UIControlStateHighlighted];
    
    
    //給按鍵添加執(zhí)行事件
    /*
     參數(shù):
        target: 目標(biāo)對象饮笛， 當(dāng)事件發(fā)生時(shí)论熙，由target這個(gè)對象提供響應(yīng)
        action: 由目標(biāo)對象的哪個(gè)方法做響應(yīng)  (需要傳入方法名)
     */
    //當(dāng)用戶在button的范圍內(nèi)抬起，通過當(dāng)前對象脓诡，執(zhí)行buttonClick方法
    [button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside];
    
    
    
    //設(shè)置失效的背景
//    [button setBackgroundImage:[UIImage imageNamed:@"btn3"] forState:UIControlStateDisabled];
    
    //設(shè)置選中的背景
    [button setBackgroundImage:[UIImage imageNamed:@"btn3"] forState:UIControlStateSelected];
    
    //將button 添加到 view上
    [self.view addSubview:button];
}
//button 的 響應(yīng)事件方法
-(void)buttonClick:(UIButton*)sender {
    //設(shè)置button 不在激活  讓button 失效
//    sender.enabled = NO;
    
    //設(shè)置button 為選中狀態(tài)
    sender.selected = !sender.selected;
    
    
    NSLog(@"button 被按下了");
    
}```













######五、補(bǔ)充筆記

- 1. IBAction的參數(shù)

• (IBAction)left:(UIButton *)button

（1） 在OC中祝谚，絕大多數(shù)的控件監(jiān)聽方法的第一個(gè)參數(shù)就是控件本身

（2） 默認(rèn)連線時(shí)的參數(shù)類型是id

（3） 如果要在監(jiān)聽方法中，方便控件的使用次泽，可以在連線時(shí)或者連線后穿仪，修改監(jiān)聽方法的參數(shù)類型```

• 2.修改對象的結(jié)構(gòu)體成員

在OC中意荤，不允許直接修改“對象”的“結(jié)構(gòu)體屬性”的“成員”，但是允許修改“對象”的“結(jié)構(gòu)體屬性”

修改結(jié)構(gòu)體屬性的成員方法如下：

（1）使用臨時(shí)變量記錄對象的結(jié)構(gòu)體屬性

（2） 修改臨時(shí)變量的屬性

（3）將臨時(shí)變量重新設(shè)置給對象的結(jié)構(gòu)體屬性```

 

- 3.在程序開發(fā)中需要避免出現(xiàn)魔法數(shù)字(Magic Number)

>使用枚舉類型玖像，可以避免在程序中出現(xiàn)魔法數(shù)字

（1）枚舉類型實(shí)質(zhì)上就是一個(gè)整數(shù)，其作用就是用來替代魔法數(shù)字

（2）枚舉類型中捐寥，指定了第一個(gè)整數(shù)之后，后面的數(shù)字會遞增```

• 4.frame & bounds & center

1. frame可以修改對象的位置和尺寸

2. bounds可以修改對象的尺寸

3. center可以修改對象的位置

• 5.首尾式動畫

// beginAnimations表示此后的代碼要“參與到”動畫中

[UIView beginAnimations:nil context:nil];

// setAnimationDuration用來指定動畫持續(xù)時(shí)間

[UIView setAnimationDuration:2.0];

self.headImageView.bounds = rect;

......

// commitAnimations瞒窒，將beginAnimation之后的所有動畫提交并生成動畫

[UIView commitAnimations];```