Objective-C:按鈕(UIButton)

一、UIButton的定義

兩種創(chuàng)建方法?? ? ? ?

1)常規(guī)的initWithFrame的方式

UIButton *btn1 = [[UIButton alloc]initWithFrame:CGRectMake(100, 50, 100, 75)];

[btn1 setTitle:@"close" forState:UIControlStateNormal];

btn1.backgroundColor = [UIColor greenColor];//button的背景顏色

[btn1 setBackgroundImage:[UIImage imageNamed:@"1.png"] forState:UIControlStateNormal];//button的背景圖片

2)UIButton 的一個類方法(也可以說是靜態(tài)方法)buttonWithType?

UIButton *btn2 = [UIButton buttonWithType:UIButtonTypeRoundedRect];//創(chuàng)建一個圓角矩形的按鈕btn2.frame = CGRectMake(200, 20, 50, 60);

btn2.backgroundColor = [UIColor blackColor];

[btn2 setTitle:@"clicke" forState:UIControlStateNormal];

[self.window addSubview:btn1];

[self.window addSubview:btn2];

創(chuàng)建一個自定義的按鈕

UIButton *button1=[UIButton buttonWithType:UIButtonTypeCustom];

能夠定義的button類型有以下6種

typedef enum {

? ? ? UIButtonTypeCustom = 0,? ? ? ? ? 自定義風(fēng)格-無類型,按鈕的內(nèi)容需要自定義:位置尺寸、背景色,等(如果沒有自定義這些可能會看不到

? ? ? UIButtonTypeRoundedRect,? ? ? ? 圓角矩形

? ? ? UIButtonTypeDetailDisclosure,? ? 藍色小箭頭按鈕,主要做詳細(xì)說明用

? ? ? UIButtonTypeInfoLight,? ? ? ? ? 亮色感嘆號

? ? ? UIButtonTypeInfoDark,? ? ? ? ? ? 暗色感嘆號

? ? ? UIButtonTypeContactAdd,? ? ? ? ? 十字加號按鈕

? ? } UIButtonType;

???????注意:按鈕創(chuàng)建好之后,按鈕的類型是不可以被修改的

知識點:Detail Disclosure/info Light/info Dark長一樣(iOS7以前不一樣,扁平化以后都一樣,殘留的東西)

二、設(shè)置frame

????//給定button在view上的位置?

?????button1.frame = CGRectMake(20, 20, 280, 20);

? ? [button setFrame:CGRectMake(20,20,50,50)];

????調(diào)整Button內(nèi)部布局????

1,調(diào)整內(nèi)部子控件布局應(yīng)用場景

-按鈕文字在圖片下方

-按鈕文字在圖片上方

-按鈕文字在圖片左邊(默認(rèn)是在右邊)

-等等; 根據(jù)需求調(diào)整布局內(nèi)部子控件

2,實現(xiàn)步驟

-自定義按鈕->創(chuàng)建一個繼承 UIButton 的子類(如:CDHButton)

-給自定義按鈕中的子控件重新布局(有兩種方法)

-方法一:要實現(xiàn)兩個對象方法

-(CGRect)titleRectForContentRect:(CGRect)contentRect{

? ? // 返回文字的frame?

}

-? (CGRect)imageRectForContentRect:(CGRect)contentRect{

? ? // 返回圖片的frame

}

-方法二:實現(xiàn)layoutSubViews方法

- (void)layoutSubviews{

? ? [super layoutSubviews];

? ? // 插入需要設(shè)置位置尺寸的語句,并返回frame

}

3,設(shè)置是否調(diào)整圖片的顯示亮度

設(shè)置屬性

// 設(shè)置在 Highlighted 狀態(tài)點擊時是否調(diào)整圖片顯示亮度

@property(nonatomic)? ? ? ? ? BOOL? ? ? ? adjustsImageWhenHighlighted;? ? // default is YES. if YES, image is drawn darker when highlighted(pressed)

// 設(shè)置在disabled狀態(tài)是否調(diào)整圖片顯示亮度

@property(nonatomic)? ? ? ? ? BOOL? ? ? ? adjustsImageWhenDisabled;? ? ? // default is YES. if YES, image is drawn lighter when disabled

/* ?在disabled要不要調(diào)整顯示的圖片,當(dāng)disabled的時候也不改變背景色??*/

self.adjustsImageWhenDisabled = NO;

4,按鈕的內(nèi)邊距

設(shè)置內(nèi)邊距屬性

// 按鈕內(nèi)的子控件(圖片和文字)的內(nèi)邊距,

@property(nonatomic) UIEdgeInsets contentEdgeInsets UI_APPEARANCE_SELECTOR; // default is UIEdgeInsetsZero

// 按鈕內(nèi)的子控件(文字)的內(nèi)邊距,

@property(nonatomic) UIEdgeInsets titleEdgeInsets; // default is UIEdgeInsetsZero

// 按鈕內(nèi)的子控件(圖片)的內(nèi)邊距,

@property(nonatomic) UIEdgeInsets imageEdgeInsets; // default is UIEdgeInsetsZero

例子:

// 設(shè)置按鈕內(nèi)圖片和文字內(nèi)邊距位置為(30,30),即是按鈕內(nèi)圖片和文字一起右移30,下移30

self.btn.contentEdgeInsets = UIEdgeInsetsMake(30, 30, 0, 0);

// 設(shè)置按鈕內(nèi)文字內(nèi)邊距位置為(0,-30),即是按鈕內(nèi)文字上移30

self.btn.titleEdgeInsets = UIEdgeInsetsMake(0, -30, 0, 0);

// 設(shè)置按鈕內(nèi)圖片內(nèi)邊距位置為(0,-30),即是按鈕內(nèi)圖片上移30

self.btn.imageEdgeInsets = UIEdgeInsetsMake(0, -30, 0, 0);

三、button背景色

????//button背景色

?????button1.backgroundColor = [UIColor clearColor];

? ? ? [button setBackgroundColor:[UIColor blueColor]];

四、設(shè)置button填充圖片和背景圖片

//設(shè)置button填充圖片和背景圖片

? ? [button1 setImage:[UIImage imageNamed:@"btng.png"] forState:UIControlStateNormal];

? ? [button setBackgroundImage:[UIImageimageNamed:@"btng.png"]forState:UIControlStateNormal];

五、設(shè)置button標(biāo)題和標(biāo)題顏色

//設(shè)置button標(biāo)題和標(biāo)題顏色

? ? [button1 setTitle:@"點擊" forState:UIControlStateNormal];

? ? [button setTitleColor:[UIColorredColor]forState:UIControlStateNormal];

? ? [button setTitleShadowColor:[UIColor grayColor] forState:UIControlStateNormal ]; //陰影

六、state狀態(tài)

forState:?這個參數(shù)的作用是定義按鈕的文字或圖片在何種狀態(tài)下才會顯現(xiàn)

以下是幾種狀態(tài)

enum {

? ? ? ? UIControlStateNormal? ? ? = 0,? ? ? ? 常規(guī)狀態(tài)顯現(xiàn)? ? ? ? ? ?

? ? ? ? UIControlStateHighlighted? = 1 << 0,? ? 高亮狀態(tài)顯現(xiàn)?

? ? ? ? UIControlStateDisabled? ? = 1 << 1,? ? 禁用的狀態(tài)才會顯現(xiàn)

? ? ? ? UIControlStateSelected? ? = 1 << 2,? ? 選中狀態(tài)? ? ? ? ? ?

? ? ? ? UIControlStateApplication? = 0x00FF0000, 當(dāng)應(yīng)用程序標(biāo)志時? ? ? ? ?

? ? ? ? UIControlStateReserved? ? = 0xFF000000? 為內(nèi)部框架預(yù)留,可以不管他? ? ? ? ? ?

? ? };

@property(nonatomic,getter=isEnabled)BOOL enabled; // default is YES. if NO, ignores touch events and subclasses may draw differently?

?@property(nonatomic,getter=isSelected)BOOL selected; // default is NO may be used by some subclasses or by application?

?@property(nonatomic,getter=isHighlighted)BOOL highlighted;

1. normal(普通狀態(tài))

-默認(rèn)情況(Default)

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

-除開UIControlStateHighlighted、UIControlStateDisabled、UIControlStateSelected以外的其他情況,都是normal狀態(tài)

-這種狀態(tài)下的按鈕【可以】接收點擊事件

-如果前后連著設(shè)置按鈕同時處于多種狀態(tài), 則表現(xiàn)出來的也是 normal 狀態(tài), 除去如果有 設(shè)置為 enabled = NO; 則會進入UIControlStateDisabled狀態(tài)(包括顏色), 不能點擊

//下面兩種雜交在一起(就不是 normal 后面三種 ), 會顯示為 Normal 狀態(tài)的顏色,

//但是 設(shè)置了 Enabled == NO, 所以這里也是不能點擊的,

self.button.selected = YES;

self.button.enabled = NO;

2. highlighted(高亮狀態(tài))

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

-【當(dāng)按住按鈕不松開】或者【highlighted = YES】時就能達到這種狀態(tài)

-這種狀態(tài)下的按鈕【可以】接收點擊事件

3.selected (選中狀態(tài))

-對應(yīng)的枚舉常量:?UIControlStateSelected

-【button.selected = YES】時就能達到這種狀態(tài)

-這種狀態(tài)下的按鈕【可以】接收點擊事件

4. disabled(失效狀態(tài),不可用狀態(tài))

-如果enabled屬性為NO,就是處于disable狀態(tài),代表按鈕不可以被點擊

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

-【button.enabled = NO】時就能達到這種狀態(tài)

-這種狀態(tài)下的按鈕【無法】接收點擊事件

5. 讓按鈕無法點擊的2種方法

-button.enabled = NO;?

【會】進入UIControlStateDisabled狀態(tài)

-button.userInteractionEnabled = NO;?

【不會】進入UIControlStateDisabled狀態(tài),繼續(xù)保持當(dāng)前狀態(tài)

重寫按鈕的某個狀態(tài)屬性的 setter 方法和 getter 方法設(shè)置按鈕的狀態(tài)

-如: 重寫按鈕高亮get方法, 如果返回值是 yes , 則永遠返回的是高亮狀態(tài), 如果返回值是 NO 則永遠返回的是非高亮

- (BOOL)isHighlighted{

? return NO;

}

-重寫按鈕高亮 set 方法, 如果沒有實現(xiàn)內(nèi)部屬性賦值(屬性是父類定義的, 要調(diào)用父類的方法賦值), 則不會出現(xiàn)高亮狀態(tài)

?// ? 如果給內(nèi)部屬性賦值為 Yes , 則會一直為 YES狀態(tài), 如果賦值為 NO, 則一直未 NO 狀態(tài)

- (void)setHighlighted:(BOOL)highlighted{

? [super setHighlighted:highlighted];

}

七、設(shè)置按鈕按下是否顏色變深

/*

? ? * 默認(rèn)情況下,當(dāng)按鈕高亮的情況下,圖像的顏色會被畫深一點,如果這下面的這個屬性設(shè)置為no,那么可以去掉這個功能

? ? */? ??

button1.adjustsImageWhenHighlighted = NO;

/* 跟上面的情況一樣,默認(rèn)情況下,當(dāng)按鈕禁用的時候,圖像會被畫得深一點,設(shè)置NO可以取消設(shè)置 */?

?button1.adjustsImageWhenDisabled = NO;

八、設(shè)置按鈕按下會發(fā)光

/* 下面的這個屬性設(shè)置為yes的狀態(tài)下,按鈕按下會發(fā)光 */?

?button1.showsTouchWhenHighlighted = YES;

九、添加或刪除事件處理

/* 給button添加事件,事件有很多種

? ? 按下按鈕,并且手指離開屏幕的時候觸發(fā)這個事件,跟web中的click事件一樣。

? ? 觸發(fā)了這個事件以后,執(zhí)行butClick:這個方法,addTarget:self 的意思是說,這個方法在本類中也可以傳入其他類的指針 ?*/ ? ?

//添加事件? ??

[button1 addTarget:self action:@selector(butClick:) forControlEvents:UIControlEventTouchUpInside];

?//刪除事件? ?

?[button1 removeTarget:nil action:nil forControlEvents:UIControlEventTouchUpInside];

?//顯示控件? ?

?[self.view addSubview:button1];

十、設(shè)置按鈕內(nèi)部圖片間距和標(biāo)題間距

UIEdgeInsets insets; // 設(shè)置按鈕內(nèi)部圖片間距

insets.top = insets.bottom = insets.right = insets.left = 10;

bt.contentEdgeInsets = insets;

bt.titleEdgeInsets = insets; // 標(biāo)題間距

十一、一些其他的按鈕設(shè)置

btn1.titleLabel.font = [UIFont fontWithName:@“test” size:18];//設(shè)置按鈕字體大小

[btn1 setTag:101] ;//設(shè)置tag值

btn1.layer.cornerRadius = 4.5;//設(shè)置圓角——四個圓角半徑

btn1.layer.borderWidth = 0.5;// 按鈕邊框?qū)挾?/p>

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB(); // 設(shè)置顏色空間為rgb,用于生成

ColorRefCGColorRef borderColorRef = CGColorCreate(colorSpace,(CGFloat[]){ 0, 0, 0, 1 }); // 新建一個紅色的ColorRef,用于設(shè)置邊框(四個數(shù)字分別是 r, g, b, alpha)btn1.layer.borderColor = borderColorRef;

十二、重寫繪制行為

你可以通過子類化按鈕來定制屬于你自己的按鈕類。在子類化的時候你可以重載下面這些方法,這些方法返回CGRect結(jié)構(gòu),指明了按鈕每一組成部分的邊界。

? ? ? ????????注意:不要直接調(diào)用這些方法, 這些方法是你寫給系統(tǒng)調(diào)用的。

backgroundRectForBounds //指定背景邊界?

contentRectForBounds // 指定內(nèi)容邊界?

titleRectForContentRect // 指定文字標(biāo)題邊界?

?imageRectForContentRect //指定按鈕圖像邊界

? ??????例:

- (CGRect)imageRectForContentRect:(CGRect)bounds{

? ? return CGRectMake(0.0, 0.0, 44, 44);

}

[btn1 addTarget:self action:@selector(btnPressed:) forControlEvents:UIControlEventTouchUpInside];//添加點擊按鈕事件

-(void)btnPressed:(id)sender{?

? ? ? UIButton* btn = (UIButton*)sender;?

? ? ? //開始寫你自己的動作?

}

forControlEvents參數(shù)類型

typedef NS_OPTIONS(NSUInteger, UIControlEvents)

{

? ? UIControlEventTouchDown? ? ? ? ? ? ? ? = 1 <<? 0,? ? ? // 單點觸摸按下事件:用戶點觸屏幕,或者又有新手指落下的時候。? ??

????UIControlEventTouchDownRepeat? ? ? = 1 <<? 1,? ? ? // 多點觸摸按下事件,點觸計數(shù)大于1:用戶按下第二、三、或第四根手指的時候。? ??

????UIControlEventTouchDragInside? ? ? ? = 1 <<? 2,? ? ? // 當(dāng)一次觸摸在控件窗口內(nèi)拖動時。? ??

????UIControlEventTouchDragOutside? ? ? = 1 <<? 3,? ? ? // 當(dāng)一次觸摸在控件窗口之外拖動時。? ??

????UIControlEventTouchDragEnter? ? ? ? ? = 1 <<? 4,? ? ? // 當(dāng)一次觸摸從控件窗口之外拖動到內(nèi)部時? ??

????UIControlEventTouchDragExit? ? ? ? ? ? = 1 <<? 5,? ? ? // 當(dāng)一次觸摸從控件窗口內(nèi)部拖動到外部時。? ??

????UIControlEventTouchUpInside? ? ? ? ? ? = 1 <<? 6,? ? ? // 所有在控件之內(nèi)觸摸抬起事件? ??

????UIControlEventTouchUpOutside? ? ? ? ? = 1 <<? 7,? ? ? // 所有在控件之外觸摸抬起事件(點觸必須開始與控件內(nèi)部才會發(fā)送通知)。? ??

????UIControlEventTouchCancel? ? ? ? ? ? ? ? = 1 <<? 8,? ? ? //所有觸摸取消事件,即一次觸摸因為放上了太多手指而被取消,或者被上鎖或者電話呼叫打斷。? ?

?????UIControlEventValueChanged? ? ? ? ? ? = 1 << 12,? ? // 當(dāng)控件的值發(fā)生改變時,發(fā)送通知。用于滑塊、分段控件、以及其他取值的控件。你可以配置滑塊控件何時發(fā)送通知,在滑塊被放下時發(fā)送,或者在被拖動時發(fā)送。? ??

????UIControlEventEditingDidBegin? ? ? ? ? = 1 << 16,? ? // 當(dāng)文本控件中開始編輯時發(fā)送通知? ??

????UIControlEventEditingChanged? ? ? ? ? = 1 << 17,? ? // 當(dāng)文本控件中的文本被改變時發(fā)送通知。? ??

????UIControlEventEditingDidEnd? ? ? ? ? ? ? = 1 << 18,? ? // 當(dāng)文本控件中編輯結(jié)束時發(fā)送通知。? ??

????UIControlEventEditingDidEndOnExit? ? = 1 << 19,? ? // 當(dāng)文本控件內(nèi)通過按下回車鍵(或等價行為)結(jié)束編輯時,發(fā)送通知。? ??

????UIControlEventAllTouchEvents? ? ? ? ? ? = 0x00000FFF,? // 通知所有觸摸事件。? ??

????UIControlEventAllEditingEvents? ? ? ? ? = 0x000F0000,? // 通知所有關(guān)于文本編輯的事件。? ??

????UIControlEventApplicationReserved? ? = 0x0F000000,? // range available for application use? ??

????UIControlEventSystemReserved? ? ? ? ? = 0xF0000000,? // range reserved for internal framework use? ??

????UIControlEventAllEvents? ? ? ? ? ? ? ? ? ? ? = 0xFFFFFFFF? // 通知所有事件

};

UIButton的常見屬性設(shè)置方法

- (void)setTitle:(NSString *)title forState:(UIControlState)state;//設(shè)置按鈕的文字

- (void)setTitleColor:(UIColor *)color forState:(UIControlState)state;//設(shè)置按鈕的文字顏色

- (void)setImage:(UIImage *)image forState:(UIControlState)state; //設(shè)置按鈕內(nèi)部的小圖片

- (void)setBackgroundImage:(UIImage *)image forState:(UIControlState)state;//設(shè)置按鈕的背景圖片

btn.titleLabel.font = [UIFont systemFontOfSize:13];//設(shè)置按鈕的文字字體(需要拿到按鈕內(nèi)部的label來設(shè)置)

- (NSString *)titleForState:(UIControlState)state; //獲得按鈕的文字

- (UIColor *)titleColorForState:(UIControlState)state;//獲得按鈕的文字顏色

- (UIImage *)imageForState:(UIControlState)state;//獲得按鈕內(nèi)部的小圖片

- (UIImage *)backgroundImageForState:(UIControlState)state;//獲得按鈕的背景圖片

圖片發(fā)自簡書App
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容