各位童鞋們, UIButton是iOS中常用的控件,下面來(lái)詳細(xì)介紹它的使用方法和以及開(kāi)發(fā)中需要注意的問(wèn)題.
UIButton (按鈕)
- UIButton的創(chuàng)建, 系統(tǒng)提供了構(gòu)造器方法, 代碼如下:
UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem - 其中buttonWithType(button的類(lèi)型):后是枚舉類(lèi)型, 總共有六種類(lèi)型, 如下所示:
typedef enum {
UIButtonTypeCustom = 0, 自定義風(fēng)格
UIButtonTypeSystem, 系統(tǒng)的風(fēng)格
UIButtonTypeRoundedRect, 圓角矩形
UIButtonTypeDetailDisclosure, 藍(lán)色小箭頭按鈕壮啊，主要做詳細(xì)說(shuō)明用
UIButtonTypeInfoLight, 亮色感嘆號(hào)
UIButtonTypeInfoDark, 暗色感嘆號(hào)
UIButtonTypeContactAdd, 十字加號(hào)按鈕
} UIButtonType;
- 設(shè)置button的frame(必須設(shè)置, 否則無(wú)法顯示按鈕)
button.frame = CGRectMake(20, 20, 100, 50);
[button setFrame:CGRectMake(20,20,100,50)]
// 上面兩種等效, 用其中一種即可 - 設(shè)置button的背景顏色
button.backgroundColor = [UIColor cyanColor];
[button setBackgroundColor:[UIColor blueColor]];
// 上面兩種等效, 用其中一種即可 -
在button上添加文字和圖片(同時(shí)添加文字和圖片, 文字在右, 圖片在左, 如果你想改變這種排序, 就需要自定義UIButton)
[button setTitle:@"點(diǎn)擊" forState:UIControlStateNormal]; // 給button上添加文字
[button setImage:[UIImage imageNamed:@"Unknown-1.png"] forState:UIControlStateNormal]; // 給button上添加圖片
[button setTitleColor:[UIColor redColor] forState:UIControlStateNormal]; // 設(shè)置button上文字的顏色
[button setTintColor:[UIColor cyanColor]]; // 設(shè)置button上元素的顏色
button.titleLabel.font = [UIFont systemFontOfSize:17]; // 設(shè)置button上的字體大小(注意:只能在 UIButtonTypeSystem或者UIButtonTypeCustom下才能設(shè)置字體的大小) - forState: 這個(gè)參數(shù)的作用是定義按鈕的文字或圖片在何種狀態(tài)下才會(huì)顯現(xiàn)
//以下是幾種狀態(tài)
enum {
UIControlStateNormal = 0, 常規(guī)狀態(tài)顯現(xiàn)
UIControlStateHighlighted = 1 << 0, 高亮狀態(tài)顯現(xiàn)
UIControlStateDisabled = 1 << 1, 禁用的狀態(tài)才會(huì)顯現(xiàn)
UIControlStateSelected = 1 << 2, 選中狀態(tài)
UIControlStateApplication = 0x00FF0000, 當(dāng)應(yīng)用程序標(biāo)志時(shí)
UIControlStateReserved = 0xFF000000 為內(nèi)部框架預(yù)留，可以不去管它
}; - UIButton的點(diǎn)擊效果
// 默認(rèn)情況下，當(dāng)按鈕高亮的情況下，圖像的顏色會(huì)被畫(huà)深一點(diǎn)鳞上，如果這下面的這個(gè)屬性設(shè)置為NO，就沒(méi)有這個(gè)效果
button1.adjustsImageWhenHighlighted = NO;
// 跟上面的情況一樣蜈七，默認(rèn)情況下，當(dāng)按鈕禁用的時(shí)候顽素，圖像會(huì)被畫(huà)得深一點(diǎn)，設(shè)置NO可以取消設(shè)置
button1.adjustsImageWhenDisabled = NO;
// 下面的這個(gè)屬性設(shè)置為YES的狀態(tài)下徒蟆，按鈕按下會(huì)發(fā)光
button1.showsTouchWhenHighlighted = YES; - 設(shè)置button上文字的陰影及陰影顏色胁出，向右向下為正，向左向上為負(fù)
button.titleLabel.shadowOffset = CGSizeMake(2, 2);
[button setTitleShadowColor:[UIColor redColor] forState:UIControlStateNormal]; - 給button上的文字或者圖片添加約束 UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right) 分別是相對(duì)于button的邊緣 距上, 距左, 距下, 距右 的距離
[button setTitleEdgeInsets:UIEdgeInsetsMake(5, 5, 5, 5)]; // 約束文字
[button setImageEdgeInsets:UIEdgeInsetsMake(5, 5, 5, 5)]; // 約束圖片 - 添加或刪除點(diǎn)擊事件(點(diǎn)擊事件必須實(shí)現(xiàn), 否者會(huì)運(yùn)行崩潰)
// 給button添加點(diǎn)擊事件
[button addTarget:self action:@selector(clickButton:) forControlEvents:UIControlEventTouchUpInside];
// 給button移除點(diǎn)擊事件
[button removeTarget:self action:@selector(clickButton:) forControlEvents:UIControlEventTouchUpInside];
- UIButton的點(diǎn)擊事件
UIControlEventTouchDown // 單點(diǎn)觸摸按下事件：用戶點(diǎn)觸屏幕段审，或者又有新手指落下的時(shí)候全蝶。
UIControlEventTouchDownRepeat // 多點(diǎn)觸摸按下事件，點(diǎn)觸計(jì)數(shù)大于1：用戶按下第二寺枉、三抑淫、或第四根手指的時(shí)候。
UIControlEventTouchDragInside // 當(dāng)一次觸摸在控件窗口內(nèi)拖動(dòng)時(shí)姥闪。
UIControlEventTouchDragOutside // 當(dāng)一次觸摸在控件窗口之外拖動(dòng)時(shí)始苇。
UIControlEventTouchDragEnter // 當(dāng)一次觸摸從控件窗口之外拖動(dòng)到內(nèi)部時(shí)。
UIControlEventTouchDragExit // 當(dāng)一次觸摸從控件窗口內(nèi)部拖動(dòng)到外部時(shí)筐喳。
UIControlEventTouchUpInside // 所有在控件之內(nèi)觸摸抬起事件催式。
UIControlEventTouchUpOutside // 所有在控件之外觸摸抬起事件(點(diǎn)觸必須開(kāi)始與控件內(nèi)部才會(huì)發(fā)送通知)。
UIControlEventTouchCancel // 所有觸摸取消事件疏唾，即一次觸摸因?yàn)榉派狭颂嗍种付蝗∠钛酰蛘弑簧湘i或者電話呼叫打斷。
UIControlEventTouchChanged // 當(dāng)控件的值發(fā)生改變時(shí)槐脏，發(fā)送通知。用于滑塊撇寞、分段控件顿天、以及其他取值的控件。你可以配置滑塊控件何時(shí)發(fā)送通知蔑担，在滑塊被放下時(shí)發(fā)送牌废，或者在被拖動(dòng)時(shí)發(fā)送。
UIControlEventEditingDidBegin // 當(dāng)文本控件中開(kāi)始編輯時(shí)發(fā)送通知啤握。
UIControlEventEditingChanged // 當(dāng)文本控件中的文本被改變時(shí)發(fā)送通知鸟缕。
UIControlEventEditingDidEnd // 當(dāng)文本控件中編輯結(jié)束時(shí)發(fā)送通知。
UIControlEventEditingDidOnExit // 當(dāng)文本控件內(nèi)通過(guò)按下回車(chē)鍵（或等價(jià)行為）結(jié)束編輯時(shí)排抬，發(fā)送通知懂从。
UIControlEventAlltouchEvents // 通知所有觸摸事件。
UIControlEventAllEditingEvents // 通知所有關(guān)于文本編輯的事件蹲蒲。
UIControlEventAllEvents // 通知所有事件番甩。 - 設(shè)置UIButton的圓角, 邊框顏色, 邊框線寬
// 設(shè)置button的透明度
button.alpha = 0.50f;
// 設(shè)置button的圓角大小
button.layer.cornerRadius = 5;
// 設(shè)置邊框線寬
button.layer.borderWidth = 3;
// 設(shè)置邊框線的顏色
button.layer.borderColor = [UIColor redColor].CGColor; - 設(shè)置UIButton上的字體大小, 和button上圖片的渲染
// 改變button上的字體大小
button.titleLabel.font = [UIFont systemFontOfSize:20];
// 給圖片加渲染, 顯示圖片原圖效果
[button setImage:[[UIImage imageNamed:@"Unknown.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] forState:UIControlStateNormal];
下面我們介紹一下UILabel的使用方法和注意事項(xiàng)!
UILabel
-
UILabel的創(chuàng)建
// UILabel初始化方法創(chuàng)建, 并賦予frame
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(50, 200, 200, 50)];
// 給label賦予一個(gè)背景顏色
label.backgroundColor = [UIColor cyanColor];
// 給label的文本內(nèi)容賦予一個(gè)顏色
label.textColor = [UIColor redColor];
// 向label里添加一段文本
label.text = @"添加了一段話";
[self.view addSubview:label];
以上代碼的顯示效果為:
-
label的文本對(duì)齊方式
label.textAlignment = NSTextAlignmentCenter; // 文字居中對(duì)齊
label.textAlignment = NSTextAlignmentRight; // 文字居右對(duì)齊
label.textAlignment = NSTextAlignmentLeft; // 文字居左對(duì)齊
顯示效果分別為:
文字居中對(duì)齊
文字居右對(duì)齊  - label的文字屬性(大小, 粗細(xì), 顏色)
// 設(shè)置字體的大小(默認(rèn)是17)
label.font = [UIFont systemFontOfSize:15];
// 設(shè)置字體的粗細(xì)
label.font = [UIFont boldSystemFontOfSize:15];
// 設(shè)置字體的型號(hào)(比如宋體, 黑體等)以及字體的大小
label.font = [UIFont fontWithName:@"AppleGothic" size:15]; - 設(shè)置字體大小是否適應(yīng)label寬度
label.adjustsFontSizeToFitWidth = YES; - 設(shè)置文本是否高亮和高亮?xí)r的顏色
label.highlighted = YES;
label.highlightedTextColor = [UIColor redColor]; - 設(shè)置是否能與用戶進(jìn)行交互
label.userInteractionEnabled = YES; - 設(shè)置label中的文字是否可變，默認(rèn)值是YES
// /只是決定了Label的繪制方式届搁，將它設(shè)置為NO將會(huì)使文本變暗缘薛，表示它沒(méi)有激活窍育，這時(shí)向它設(shè)置顏色值是無(wú)效的。
label.enabled = NO; - 設(shè)置label的行數(shù), 當(dāng)為0時(shí), 沒(méi)有行數(shù)限制
label.numberOfLines = 2; - 設(shè)置陰影的顏色和陰影的偏移量
label.shadowColor = [UIColor blackColor];
label.shadowOffset = CGSizeMake(2.0,1.0); - 設(shè)置當(dāng)文字過(guò)長(zhǎng)時(shí)文本的顯示格式
label.lineBreakMode = UILineBreakModeMiddleTruncation;//截去中間
// 這是一個(gè)枚舉值,枚舉內(nèi)容為:
typedef enum {
UILineBreakModeWordWrap = 0, // 以空格為邊界宴胧，保留整個(gè)單詞
UILineBreakModeCharacterWrap, // 保留整個(gè)字符
UILineBreakModeClip, // 到邊界為止, 截去多余部分
UILineBreakModeHeadTruncation, // 截去頭部, 以……代替
UILineBreakModeTailTruncation, // 截去尾部, 以……代替
UILineBreakModeMiddleTruncation, // 截去中間, 以……代替
} UILineBreakMode; - 文本的基線
//baselineAdjustment這個(gè)值控制文本的基線位置漱抓，只有文本行數(shù)為1時(shí)有效
label.baselineAdjustment = UIBaselineAdjustmentAlignCenters;
//是枚舉值, 有三種方式
typedef enum {
UIBaselineAdjustmentAlignBaselines = 0, // 默認(rèn)值文本最上端于label中線對(duì)齊
UIBaselineAdjustmentAlignCenters,//文本中線于label中線對(duì)齊
UIBaselineAdjustmentNone,//文本最低端與label中線對(duì)齊
} UIBaselineAdjustment; - 去掉label背景色
label.backgroundColor = [UIColor clearColor]; - 設(shè)置最小收縮比例，如果Label寬度小于文字長(zhǎng)度時(shí)恕齐，文字進(jìn)行收縮乞娄，收縮超過(guò)比例后，停止收縮檐迟。
label.minimumScaleFactor = 0.5; - Label添加邊框
titleLabel.layer.borderColor = [[UIColor grayColor] CGColor];
titleLabel.layer.borderWidth = 2;
下面我們介紹一下UITextField的使用方法和注意事項(xiàng)!
UITextField
- 創(chuàng)建一個(gè)textField
UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(50, 200, 200, 50)]; - 設(shè)置UITextField的文字顏色
textField.textColor = [UIColor redColor]; - 設(shè)置UITextField的背景顏色
textField.backgroundColor = [UIColor grayColor]; - 設(shè)置UITextField的文字大小和字體
textField.font = [UIFont fontWithName:@"Times New Roman" size:20]; - 設(shè)置UITextField自適應(yīng)文本框大小
textField.adjustsFontSizeToFitWidth = YES;//自適應(yīng)寬度 - 設(shè)置UITextField是否擁有一鍵清除的功能
textField.clearsOnBeginEditing = YES; - 設(shè)置是否密文輸入
textField.secureTextEntry = YES; - 設(shè)置一鍵清除按鈕是否出現(xiàn)
textField.clearButtonMode = UITextFieldViewModeNever; - 是否允許再次編輯時(shí)在內(nèi)容中間插入內(nèi)容
textField.clearsOnInsertion = YES; - 當(dāng)UITextField的樣式為UITextBorderStyleNone的時(shí)候补胚，修改背景圖片
textField.background = [UIImage imageNamed:@"Unknown-1.png"]; - 設(shè)置UITextField的左邊view(右邊同理)
UIImageView *view = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Unknown-1.png"]];
textField.leftView = view;
textField.leftViewMode = UITextFieldViewModeAlways;
// leftViewMode 是一個(gè)枚舉(如下)
typedef NS_ENUM(NSInteger, UITextFieldViewMode) {
//從不顯示
UITextFieldViewModeNever,
//編輯的時(shí)候顯示
UITextFieldViewModeWhileEditing,
//非編輯的時(shí)候顯示
UITextFieldViewModeUnlessEditing,
//任何時(shí)候都顯示
UITextFieldViewModeAlways
}; - 設(shè)置UITextField的初始占位文字(當(dāng)輸入文字后消失)以及改變占位符的字體大小和顏色
textField.placeholder = @"輸入密碼";
// 設(shè)置placeholder字體的大小和顏色
[textField setValue:[UIColor lightGrayColor] forKeyPath:@"_placeholderLabel.textColor"];
[textField setValue:[UIFont boldSystemFontOfSize:20] forKeyPath:@"_placeholderLabel.font"]; - 設(shè)置UITextField的字的擺設(shè)方式
textField.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter; - 設(shè)置UITextField的邊框的風(fēng)格
textField.borderStyle = UITextBorderStyleRoundedRect; - 設(shè)置UITextField的代理
textField.delegate = self; - 協(xié)議方法
//- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField;
//點(diǎn)擊輸入框時(shí)觸發(fā)的方法，返回YES則可以進(jìn)入編輯狀態(tài)追迟，NO則不能溶其。
//- (void)textFieldDidBeginEditing:(UITextField *)textField;
//開(kāi)始編輯時(shí)調(diào)用的方法
//- (BOOL)textFieldShouldEndEditing:(UITextField *)textField;
//將要結(jié)束編輯時(shí)調(diào)用的方法，返回YES則可以結(jié)束編輯狀態(tài)敦间，NO則不能
//- (void)textFieldDidEndEditing:(UITextField *)textField;
//結(jié)束編輯調(diào)用的方法
//- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string;
//輸入字符時(shí)調(diào)用的方法
//- (BOOL)textFieldShouldClear:(UITextField *)textField;
//點(diǎn)擊清除按鈕時(shí)調(diào)用的函數(shù)瓶逃，返回YES則可以清除，返回NO則不能清除
- (BOOL)textFieldShouldReturn:(UITextField *)textField{
[textField resignFirstResponder];
return YES;
}
//按下return按鈕的協(xié)議方法廓块，我們讓鍵盤(pán)消失
初次寫(xiě)微博厢绝，寫(xiě)的不好的話請(qǐng)指出， 謝謝带猴！
