UIButton按鈕在App中那是必要控制元件。這裡介紹UIButton的使用方法,初始化、背景設定、圓角/邊框設定、標題設定、圖示設定、響應方法設定。程式碼在github的UIButton上。
工具/原料
Mac OS X作業系統:OS X 10.11.5
Xcode編譯環境:Version 7.3.1 (7D1014)
方法/步驟
建立工程專案和檢視控制器
1、建立一個Sing View Application工程專案;
2、為專案命名,生成工程檔案。
初始化UIButton
可以用alloc init,也可以用buttonWithType:;純程式碼常用後者。
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
[self.view addSubview:button];
設定位置和使能
[button setFrame:CGRectMake(16, 30, 200, 50)];
[button setCenter:self.view.center];
[button setEnabled:YES];
設定背景顏色/圖片
[button setBackgroundColor:[UIColor blueColor]];
[button setBackgroundImage:[UIImage imageNamed:@".png"] forState:UIControlStateNormal];
[button setBackgroundImage:[UIImage imageNamed:@".png"] forState:UIControlStateHighlighted];
設定圓角/邊框
[button.layer setCornerRadius:5.0];
[button.layer setMasksToBounds:YES];
[button.layer setBorderWidth:3.0];
[button.layer setBorderColor:[[UIColor redColor] CGColor]];
設定標題/字型/顏色/下劃線
NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:@"屬性標題"];
NSRange strRange = {0,[attributedString length]};
[attributedString addAttribute:NSUnderlineStyleAttributeName value:[NSNumber numberWithInteger:NSUnderlineStyleSingle] range:strRange];
[button setAttributedTitle:attributedString forState:UIControlStateNormal];
設定圖示
預設30*30大小的。@2x為60*60;@3x為90*90的。
設定標題和圖示偏移
[button setTitleEdgeInsets:UIEdgeInsetsMake(10, 10, 0, 0)];
[button setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 10, 10)];
新增目標動作響應
[button addTarget:self action:@selector(holdDownButtonTouchUpInside:) forControlEvents:UIControlEventTouchUpInside];
- (void)holdDownButtonTouchUpInside:(UIButton *)sender
{
NSLog(@"按住按鈕觸控到裡面");
}